@xenition/ui 0.1.0

package/dist/motion/Parallax.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Parallax = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const reduced_motion_1 = require("./internal/reduced-motion");
+const clampSpeed = (speed) => Math.max(-0.5, Math.min(0.5, speed));
+/**
+ * Subtle scroll parallax: translates its children on the Y axis via a
+ * passive scroll listener + requestAnimationFrame. Disabled entirely under
+ * `prefers-reduced-motion` and on the server.
+ */
+exports.Parallax = React.forwardRef(function Parallax({ speed = 0.2, style, children, ...rest }, forwardedRef) {
+    const localRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => localRef.current);
+    const reduced = (0, reduced_motion_1.usePrefersReducedMotion)();
+    React.useEffect(() => {
+        if (reduced || typeof window === 'undefined')
+            return undefined;
+        const el = localRef.current;
+        if (el === null)
+            return undefined;
+        const factor = clampSpeed(speed);
+        let frame = 0;
+        const update = () => {
+            frame = 0;
+            const rect = el.getBoundingClientRect();
+            const viewportCenter = window.innerHeight / 2;
+            const elementCenter = rect.top + rect.height / 2;
+            const offset = (viewportCenter - elementCenter) * factor;
+            el.style.transform = `translate3d(0, ${offset.toFixed(2)}px, 0)`;
+        };
+        const onScroll = () => {
+            if (frame === 0)
+                frame = window.requestAnimationFrame(update);
+        };
+        window.addEventListener('scroll', onScroll, { passive: true });
+        onScroll();
+        return () => {
+            window.removeEventListener('scroll', onScroll);
+            if (frame !== 0)
+                window.cancelAnimationFrame(frame);
+            el.style.transform = '';
+        };
+    }, [speed, reduced]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: localRef, "data-xen-parallax": "", style: style, ...rest, children: children }));
+});
+//# sourceMappingURL=Parallax.js.map

package/dist/motion/Parallax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Parallax.js","sourceRoot":"","sources":["../../src/motion/Parallax.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8DAAoE;AAUpE,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAEnF;;;;GAIG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACzC,YAAY;IAEZ,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG,IAAA,wCAAuB,GAAE,CAAC;IAE1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC;QAC/D,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,KAAK,IAAI;YAAE,OAAO,SAAS,CAAC;QAElC,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,KAAK,GAAG,CAAC,CAAC;YACV,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YACxC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;YAC9C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACjD,MAAM,MAAM,GAAG,CAAC,cAAc,GAAG,aAAa,CAAC,GAAG,MAAM,CAAC;YACzD,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,kBAAkB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnE,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,IAAI,KAAK,KAAK,CAAC;gBAAE,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAChE,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/D,QAAQ,EAAE,CAAC;QAEX,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC/C,IAAI,KAAK,KAAK,CAAC;gBAAE,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACpD,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,gCAAK,GAAG,EAAE,QAAQ,uBAAoB,EAAE,EAAC,KAAK,EAAE,KAAK,KAAM,IAAI,YAC5D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/motion/Reveal.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export type RevealEffect = 'fade-up' | 'fade' | 'slide-left' | 'slide-right' | 'zoom' | 'blur-in';
+export interface RevealProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Entrance effect. */
+    effect?: RevealEffect;
+    /** Transition delay in ms (added to any surrounding `Stagger` delay). */
+    delay?: number;
+    /** Transition duration in ms. */
+    duration?: number;
+    /** Animate only on the first intersection (default) or every time. */
+    once?: boolean;
+    /** IntersectionObserver threshold. */
+    threshold?: number;
+}
+/**
+ * Scroll-triggered entrance wrapper (no animation library — CSS transitions
+ * plus one IntersectionObserver). Under `prefers-reduced-motion` — or when
+ * `IntersectionObserver` is unavailable — children render instantly in their
+ * final state.
+ */
+export declare const Reveal: React.ForwardRefExoticComponent<RevealProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Reveal.d.ts.map

package/dist/motion/Reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.ts","sourceRoot":"","sources":["../../src/motion/Reveal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,MAAM,GACN,YAAY,GACZ,aAAa,GACb,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;GAKG;AACH,eAAO,MAAM,MAAM,oFAgDjB,CAAC"}

package/dist/motion/Reveal.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Reveal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Stagger_1 = require("./Stagger");
+const reduced_motion_1 = require("./internal/reduced-motion");
+const use_in_view_1 = require("./internal/use-in-view");
+const HIDDEN_STYLES = {
+    'fade-up': { transform: 'translate3d(0, 24px, 0)' },
+    fade: {},
+    'slide-left': { transform: 'translate3d(-32px, 0, 0)' },
+    'slide-right': { transform: 'translate3d(32px, 0, 0)' },
+    zoom: { transform: 'scale(0.92)' },
+    'blur-in': { filter: 'blur(8px)' },
+};
+/**
+ * Scroll-triggered entrance wrapper (no animation library — CSS transitions
+ * plus one IntersectionObserver). Under `prefers-reduced-motion` — or when
+ * `IntersectionObserver` is unavailable — children render instantly in their
+ * final state.
+ */
+exports.Reveal = React.forwardRef(function Reveal({ effect = 'fade-up', delay = 0, duration = 600, once = true, threshold = 0.15, style, children, ...rest }, forwardedRef) {
+    const localRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => localRef.current);
+    const reduced = (0, reduced_motion_1.usePrefersReducedMotion)();
+    const inView = (0, use_in_view_1.useInView)(localRef, { threshold, once, disabled: reduced });
+    const visible = reduced || inView;
+    const staggerConfig = React.useContext(Stagger_1.StaggerConfigContext);
+    const staggerIndex = React.useContext(Stagger_1.StaggerIndexContext);
+    const totalDelay = delay + (staggerConfig !== null ? staggerConfig.delay + staggerIndex * staggerConfig.interval : 0);
+    const hidden = HIDDEN_STYLES[effect];
+    const motionStyle = reduced
+        ? {}
+        : {
+            opacity: visible ? 1 : 0,
+            transform: visible ? 'none' : hidden.transform,
+            filter: visible ? undefined : hidden.filter,
+            transition: `opacity ${duration}ms ease, transform ${duration}ms ease, filter ${duration}ms ease`,
+            transitionDelay: `${totalDelay}ms`,
+            willChange: visible ? undefined : 'opacity, transform',
+        };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: localRef, "data-xen-reveal": effect, "data-state": visible ? 'visible' : 'hidden', style: { ...motionStyle, ...style }, ...rest, children: children }));
+});
+//# sourceMappingURL=Reveal.js.map

package/dist/motion/Reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.js","sourceRoot":"","sources":["../../src/motion/Reveal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uCAAsE;AACtE,8DAAoE;AACpE,wDAAmD;AA4BnD,MAAM,aAAa,GAAsC;IACvD,SAAS,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE;IACnD,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,EAAE,SAAS,EAAE,0BAA0B,EAAE;IACvD,aAAa,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE;IACvD,IAAI,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;IAClC,SAAS,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;CACnC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,SAAS,MAAM,CACjF,EACE,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,YAAY;IAEZ,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAElF,MAAM,OAAO,GAAG,IAAA,wCAAuB,GAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAA,uBAAS,EAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC3E,MAAM,OAAO,GAAG,OAAO,IAAI,MAAM,CAAC;IAElC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAoB,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAmB,CAAC,CAAC;IAC3D,MAAM,UAAU,GACd,KAAK,GAAG,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErG,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,WAAW,GAAwB,OAAO;QAC9C,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;YAC9C,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAC3C,UAAU,EAAE,WAAW,QAAQ,sBAAsB,QAAQ,mBAAmB,QAAQ,SAAS;YACjG,eAAe,EAAE,GAAG,UAAU,IAAI;YAClC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB;SACvD,CAAC;IAEN,OAAO,CACL,gCACE,GAAG,EAAE,QAAQ,qBACI,MAAM,gBACX,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC1C,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,KAC/B,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/motion/Stagger.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface StaggerConfig {
+    /** Delay increment between consecutive children, in ms. */
+    interval: number;
+    /** Base delay added to every child, in ms. */
+    delay: number;
+}
+/** Provided by `Stagger`; consumed by `Reveal` to offset its delay. */
+export declare const StaggerConfigContext: React.Context<StaggerConfig | null>;
+/** Position of a child inside the nearest `Stagger`. */
+export declare const StaggerIndexContext: React.Context<number>;
+export interface StaggerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Delay increment between consecutive children, in ms. */
+    interval?: number;
+    /** Base delay added to every child, in ms. */
+    delay?: number;
+}
+/**
+ * Applies incremental transition delays to child `Reveal`s so lists cascade
+ * in. Non-`Reveal` children render untouched (they still advance the index,
+ * keeping visual order stable when items are mixed).
+ */
+export declare const Stagger: React.ForwardRefExoticComponent<StaggerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stagger.d.ts.map

package/dist/motion/Stagger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stagger.d.ts","sourceRoot":"","sources":["../../src/motion/Stagger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,qCAAkD,CAAC;AAEpF,wDAAwD;AACxD,eAAO,MAAM,mBAAmB,uBAAiC,CAAC;AAElE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,qFAkBlB,CAAC"}

package/dist/motion/Stagger.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stagger = exports.StaggerIndexContext = exports.StaggerConfigContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+/** Provided by `Stagger`; consumed by `Reveal` to offset its delay. */
+exports.StaggerConfigContext = React.createContext(null);
+/** Position of a child inside the nearest `Stagger`. */
+exports.StaggerIndexContext = React.createContext(0);
+/**
+ * Applies incremental transition delays to child `Reveal`s so lists cascade
+ * in. Non-`Reveal` children render untouched (they still advance the index,
+ * keeping visual order stable when items are mixed).
+ */
+exports.Stagger = React.forwardRef(function Stagger({ interval = 100, delay = 0, children, ...rest }, ref) {
+    const config = React.useMemo(() => ({ interval, delay }), [interval, delay]);
+    const items = React.Children.toArray(children);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-stagger": "", ...rest, children: (0, jsx_runtime_1.jsx)(exports.StaggerConfigContext.Provider, { value: config, children: items.map((child, index) => ((0, jsx_runtime_1.jsx)(exports.StaggerIndexContext.Provider, { value: index, children: child }, index))) }) }));
+});
+//# sourceMappingURL=Stagger.js.map

package/dist/motion/Stagger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stagger.js","sourceRoot":"","sources":["../../src/motion/Stagger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAS/B,uEAAuE;AAC1D,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEpF,wDAAwD;AAC3C,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAC;AASlE;;;;GAIG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CACpF,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAChD,GAAG;IAEH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,sBAAmB,EAAE,KAAK,IAAI,YACzC,uBAAC,4BAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uBAAC,2BAAmB,CAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,YACnD,KAAK,IAD2B,KAAK,CAET,CAChC,CAAC,GAC4B,GAC5B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/motion/TiltCard.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface TiltCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum tilt angle in degrees (clamped to 15). */
+    maxTilt?: number;
+}
+/**
+ * Pointer-tracked 3D tilt. The tilt resets on pointer leave and is disabled
+ * for touch pointers and under `prefers-reduced-motion`. State is written
+ * straight to the element style (no re-render per pointer move).
+ */
+export declare const TiltCard: React.ForwardRefExoticComponent<TiltCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TiltCard.d.ts.map

package/dist/motion/TiltCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiltCard.d.ts","sourceRoot":"","sources":["../../src/motion/TiltCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,sFA6CnB,CAAC"}

package/dist/motion/TiltCard.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TiltCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const reduced_motion_1 = require("./internal/reduced-motion");
+/**
+ * Pointer-tracked 3D tilt. The tilt resets on pointer leave and is disabled
+ * for touch pointers and under `prefers-reduced-motion`. State is written
+ * straight to the element style (no re-render per pointer move).
+ */
+exports.TiltCard = React.forwardRef(function TiltCard({ maxTilt = 8, style, children, onPointerMove, onPointerLeave, ...rest }, forwardedRef) {
+    const localRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => localRef.current);
+    const reduced = (0, reduced_motion_1.usePrefersReducedMotion)();
+    const clampedMax = Math.max(0, Math.min(15, maxTilt));
+    const handlePointerMove = (event) => {
+        onPointerMove?.(event);
+        const el = localRef.current;
+        if (el === null || reduced || event.pointerType === 'touch')
+            return;
+        const rect = el.getBoundingClientRect();
+        if (rect.width === 0 || rect.height === 0)
+            return;
+        const px = (event.clientX - rect.left) / rect.width - 0.5; // -0.5 .. 0.5
+        const py = (event.clientY - rect.top) / rect.height - 0.5;
+        const rotateY = (px * 2 * clampedMax).toFixed(2);
+        const rotateX = (-py * 2 * clampedMax).toFixed(2);
+        el.style.transform = `perspective(800px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+    };
+    const handlePointerLeave = (event) => {
+        onPointerLeave?.(event);
+        const el = localRef.current;
+        if (el !== null)
+            el.style.transform = '';
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: localRef, "data-xen-tilt": "", onPointerMove: handlePointerMove, onPointerLeave: handlePointerLeave, style: {
+            transition: reduced ? undefined : 'transform 200ms ease-out',
+            willChange: reduced ? undefined : 'transform',
+            ...style,
+        }, ...rest, children: children }));
+});
+//# sourceMappingURL=TiltCard.js.map

package/dist/motion/TiltCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiltCard.js","sourceRoot":"","sources":["../../src/motion/TiltCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8DAAoE;AAOpE;;;;GAIG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EACxE,YAAY;IAEZ,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG,IAAA,wCAAuB,GAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtD,MAAM,iBAAiB,GAAG,CAAC,KAAyC,EAAQ,EAAE;QAC5E,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO;YAAE,OAAO;QAEpE,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAClD,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,cAAc;QACzE,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAC1D,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClD,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,8BAA8B,OAAO,gBAAgB,OAAO,MAAM,CAAC;IAC1F,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyC,EAAQ,EAAE;QAC7E,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,KAAK,IAAI;YAAE,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,QAAQ,mBACC,EAAE,EAChB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,kBAAkB,EAClC,KAAK,EAAE;YACL,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B;YAC5D,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;YAC7C,GAAG,KAAK;SACT,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/motion/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * `@xenition/ui/motion` — dependency-free scroll & pointer motion for
+ * marketing templates. CSS transitions + IntersectionObserver only (no
+ * framer-motion). Every component is SSR-safe and honors
+ * `prefers-reduced-motion` (content renders instantly, animations off).
+ */
+export { Reveal } from './Reveal';
+export type { RevealProps, RevealEffect } from './Reveal';
+export { Stagger } from './Stagger';
+export type { StaggerProps } from './Stagger';
+export { Parallax } from './Parallax';
+export type { ParallaxProps } from './Parallax';
+export { AnimatedCounter } from './AnimatedCounter';
+export type { AnimatedCounterProps } from './AnimatedCounter';
+export { Marquee } from './Marquee';
+export type { MarqueeProps } from './Marquee';
+export { TiltCard } from './TiltCard';
+export type { TiltCardProps } from './TiltCard';
+export { usePrefersReducedMotion } from './internal/reduced-motion';
+export { useInView } from './internal/use-in-view';
+export type { UseInViewOptions } from './internal/use-in-view';
+//# sourceMappingURL=index.d.ts.map

package/dist/motion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/motion/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * `@xenition/ui/motion` — dependency-free scroll & pointer motion for
+ * marketing templates. CSS transitions + IntersectionObserver only (no
+ * framer-motion). Every component is SSR-safe and honors
+ * `prefers-reduced-motion` (content renders instantly, animations off).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInView = exports.usePrefersReducedMotion = exports.TiltCard = exports.Marquee = exports.AnimatedCounter = exports.Parallax = exports.Stagger = exports.Reveal = void 0;
+var Reveal_1 = require("./Reveal");
+Object.defineProperty(exports, "Reveal", { enumerable: true, get: function () { return Reveal_1.Reveal; } });
+var Stagger_1 = require("./Stagger");
+Object.defineProperty(exports, "Stagger", { enumerable: true, get: function () { return Stagger_1.Stagger; } });
+var Parallax_1 = require("./Parallax");
+Object.defineProperty(exports, "Parallax", { enumerable: true, get: function () { return Parallax_1.Parallax; } });
+var AnimatedCounter_1 = require("./AnimatedCounter");
+Object.defineProperty(exports, "AnimatedCounter", { enumerable: true, get: function () { return AnimatedCounter_1.AnimatedCounter; } });
+var Marquee_1 = require("./Marquee");
+Object.defineProperty(exports, "Marquee", { enumerable: true, get: function () { return Marquee_1.Marquee; } });
+var TiltCard_1 = require("./TiltCard");
+Object.defineProperty(exports, "TiltCard", { enumerable: true, get: function () { return TiltCard_1.TiltCard; } });
+var reduced_motion_1 = require("./internal/reduced-motion");
+Object.defineProperty(exports, "usePrefersReducedMotion", { enumerable: true, get: function () { return reduced_motion_1.usePrefersReducedMotion; } });
+var use_in_view_1 = require("./internal/use-in-view");
+Object.defineProperty(exports, "useInView", { enumerable: true, get: function () { return use_in_view_1.useInView; } });
+//# sourceMappingURL=index.js.map

package/dist/motion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,4DAAoE;AAA3D,yHAAA,uBAAuB,OAAA;AAChC,sDAAmD;AAA1C,wGAAA,SAAS,OAAA"}

package/dist/motion/internal/inject.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Idempotent, SSR-safe injection of a shared `<style>` tag. Used for the few
+ * pieces of motion CSS that cannot be expressed inline (keyframes, hover and
+ * `prefers-reduced-motion` rules). The injected CSS contains **no colors** —
+ * only transforms/opacity — so the token-only rule is unaffected.
+ */
+export declare function injectStyleOnce(id: string, css: string): void;
+//# sourceMappingURL=inject.d.ts.map

package/dist/motion/internal/inject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.d.ts","sourceRoot":"","sources":["../../../src/motion/internal/inject.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAO7D"}

package/dist/motion/internal/inject.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectStyleOnce = injectStyleOnce;
+/**
+ * Idempotent, SSR-safe injection of a shared `<style>` tag. Used for the few
+ * pieces of motion CSS that cannot be expressed inline (keyframes, hover and
+ * `prefers-reduced-motion` rules). The injected CSS contains **no colors** —
+ * only transforms/opacity — so the token-only rule is unaffected.
+ */
+function injectStyleOnce(id, css) {
+    if (typeof document === 'undefined')
+        return; // SSR
+    if (document.getElementById(id) !== null)
+        return;
+    const el = document.createElement('style');
+    el.id = id;
+    el.textContent = css;
+    document.head.appendChild(el);
+}
+//# sourceMappingURL=inject.js.map

package/dist/motion/internal/inject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.js","sourceRoot":"","sources":["../../../src/motion/internal/inject.ts"],"names":[],"mappings":";;AAMA,0CAOC;AAbD;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,EAAU,EAAE,GAAW;IACrD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,CAAC,MAAM;IACnD,IAAI,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,IAAI;QAAE,OAAO;IACjD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACX,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC"}

package/dist/motion/internal/reduced-motion.d.ts

@@ -0,0 +1,8 @@
+/** SSR-safe, one-shot check (no subscription). */
+export declare function prefersReducedMotion(): boolean;
+/**
+ * React hook for `prefers-reduced-motion`. SSR-safe: returns `false` on the
+ * server and subscribes to media-query changes on the client.
+ */
+export declare function usePrefersReducedMotion(): boolean;
+//# sourceMappingURL=reduced-motion.d.ts.map

package/dist/motion/internal/reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../../../src/motion/internal/reduced-motion.ts"],"names":[],"mappings":"AAIA,kDAAkD;AAClD,wBAAgB,oBAAoB,IAAI,OAAO,CAK9C;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAoBjD"}

package/dist/motion/internal/reduced-motion.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prefersReducedMotion = prefersReducedMotion;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+const React = __importStar(require("react"));
+const QUERY = '(prefers-reduced-motion: reduce)';
+/** SSR-safe, one-shot check (no subscription). */
+function prefersReducedMotion() {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+        return false;
+    }
+    return window.matchMedia(QUERY).matches;
+}
+/**
+ * React hook for `prefers-reduced-motion`. SSR-safe: returns `false` on the
+ * server and subscribes to media-query changes on the client.
+ */
+function usePrefersReducedMotion() {
+    const [reduced, setReduced] = React.useState(prefersReducedMotion);
+    React.useEffect(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+            return undefined;
+        }
+        const mq = window.matchMedia(QUERY);
+        setReduced(mq.matches);
+        const onChange = (event) => setReduced(event.matches);
+        // Older engines only implement addListener/removeListener.
+        if (typeof mq.addEventListener === 'function') {
+            mq.addEventListener('change', onChange);
+            return () => mq.removeEventListener('change', onChange);
+        }
+        mq.addListener(onChange);
+        return () => mq.removeListener(onChange);
+    }, []);
+    return reduced;
+}
+//# sourceMappingURL=reduced-motion.js.map

package/dist/motion/internal/reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.js","sourceRoot":"","sources":["../../../src/motion/internal/reduced-motion.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oDAKC;AAMD,0DAoBC;AApCD,6CAA+B;AAE/B,MAAM,KAAK,GAAG,kCAAkC,CAAC;AAEjD,kDAAkD;AAClD,SAAgB,oBAAoB;IAClC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QAC7E,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,SAAgB,uBAAuB;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,oBAAoB,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;YAC7E,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACvB,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACjF,2DAA2D;QAC3D,IAAI,OAAO,EAAE,CAAC,gBAAgB,KAAK,UAAU,EAAE,CAAC;YAC9C,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC1D,CAAC;QACD,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/motion/internal/use-in-view.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface UseInViewOptions {
+    /** IntersectionObserver threshold. */
+    threshold?: number;
+    /** Stop observing after the first intersection. */
+    once?: boolean;
+    /** Treat the element as immediately in view (reduced motion, SSR, tests). */
+    disabled?: boolean;
+}
+/**
+ * Tracks whether `ref`'s element intersects the viewport. SSR-safe and
+ * IO-safe: when `IntersectionObserver` is unavailable (server, ancient
+ * browsers) or `disabled` is set, it reports `true` immediately so content is
+ * never hidden forever.
+ */
+export declare function useInView(ref: React.RefObject<Element | null>, { threshold, once, disabled }?: UseInViewOptions): boolean;
+//# sourceMappingURL=use-in-view.d.ts.map

package/dist/motion/internal/use-in-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-in-view.d.ts","sourceRoot":"","sources":["../../../src/motion/internal/use-in-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CACvB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EACpC,EAAE,SAAgB,EAAE,IAAW,EAAE,QAAgB,EAAE,GAAE,gBAAqB,GACzE,OAAO,CA6BT"}