@emekaugbanu/trigr 0.4.0

package/dist/types-BuLn_v48.d.mts

@@ -0,0 +1,59 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type TextPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    stagger?: number;
+};
+type AnimationPreset = "fadeSwap" | "morph" | "slideUp" | "slideDown" | "highlight" | "bump" | "blur" | "decoder" | "fadeAway" | "fadeIn" | "fadeOut" | "slideReplace" | "letterDrop" | "glitch" | "textReveal" | "liftReveal" | "scatter" | "typewriter" | "splash" | "jitter" | "popUp" | "jello" | "scramble" | "flip" | "bounce" | "shake" | "pulse" | "blink" | "wave" | "ping" | "popIn" | "dropIn" | "riseUp" | "expandIn" | "shrinkOut" | "boldFlash" | "strikeThrough" | "odometer" | "ticker" | "splitReveal" | "splitSlide" | "bigBang" | "scatterAssemble" | "pixelRain" | "dominoFall" | "vortex" | "pendulum" | "centerBurst" | "gravityBounce" | "scrollFanIn" | "textRotate" | "gooeyMorph" | "randomLetterSwap" | "textEffect" | "staggerText" | "underlineDraw" | "underlineSlide" | "copyConfirm" | "brightnessShift" | "activeTabText" | "fadeOutUp" | "fadeOutDown" | "slideOutUp" | "slideOutDown" | "slideOutLeft" | "slideOutRight" | "scaleOut" | "blurOut" | "clipOut" | "strikeOut" | "typeOut" | "scrambleOut" | "popOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: AnimationPreset;
+    threshold?: number;
+};
+interface AnimateTextHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateTextProps {
+    value?: string | number;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: AnimationPreset;
+    scrollAnimation?: AnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: AnimationPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    highlightColor?: string;
+    highlightMode?: "persist" | "pulse" | "erase";
+    highlightHold?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: TextPresetOptions;
+    children: ReactNode;
+}
+/** Internal shape for each animation preset. */
+interface AnimationDefinition {
+    out: Keyframe[];
+    in: Keyframe[];
+}
+
+export type { AnimateTextHandle as A, AnimateTextProps as a, AnimationDefinition as b, AnimationPreset as c };

package/dist/types-BuLn_v48.d.ts

@@ -0,0 +1,59 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type TextPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    stagger?: number;
+};
+type AnimationPreset = "fadeSwap" | "morph" | "slideUp" | "slideDown" | "highlight" | "bump" | "blur" | "decoder" | "fadeAway" | "fadeIn" | "fadeOut" | "slideReplace" | "letterDrop" | "glitch" | "textReveal" | "liftReveal" | "scatter" | "typewriter" | "splash" | "jitter" | "popUp" | "jello" | "scramble" | "flip" | "bounce" | "shake" | "pulse" | "blink" | "wave" | "ping" | "popIn" | "dropIn" | "riseUp" | "expandIn" | "shrinkOut" | "boldFlash" | "strikeThrough" | "odometer" | "ticker" | "splitReveal" | "splitSlide" | "bigBang" | "scatterAssemble" | "pixelRain" | "dominoFall" | "vortex" | "pendulum" | "centerBurst" | "gravityBounce" | "scrollFanIn" | "textRotate" | "gooeyMorph" | "randomLetterSwap" | "textEffect" | "staggerText" | "underlineDraw" | "underlineSlide" | "copyConfirm" | "brightnessShift" | "activeTabText" | "fadeOutUp" | "fadeOutDown" | "slideOutUp" | "slideOutDown" | "slideOutLeft" | "slideOutRight" | "scaleOut" | "blurOut" | "clipOut" | "strikeOut" | "typeOut" | "scrambleOut" | "popOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: AnimationPreset;
+    threshold?: number;
+};
+interface AnimateTextHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateTextProps {
+    value?: string | number;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: AnimationPreset;
+    scrollAnimation?: AnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: AnimationPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    highlightColor?: string;
+    highlightMode?: "persist" | "pulse" | "erase";
+    highlightHold?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: TextPresetOptions;
+    children: ReactNode;
+}
+/** Internal shape for each animation preset. */
+interface AnimationDefinition {
+    out: Keyframe[];
+    in: Keyframe[];
+}
+
+export type { AnimateTextHandle as A, AnimateTextProps as a, AnimationDefinition as b, AnimationPreset as c };

package/dist/types-BuzDNWZT.d.mts

@@ -0,0 +1,62 @@
+import { JSX, CSSProperties, ReactNode } from 'react';
+
+type ListPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    stagger?: number;
+};
+type ListTrigger = "scroll" | "hover" | "click" | "mount" | "manual";
+type ListTriggerInput = ListTrigger | readonly [ListTrigger, ListTrigger] | readonly ListTrigger[];
+type ListReorderPreset = "flip" | "smooth" | "spring" | "none";
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type ListTriggerConfig = {
+    trigger: ListTrigger;
+    animation: ListAnimationPreset;
+    threshold?: number;
+};
+type ListStaggerPreset = "staggerFadeIn" | "staggerSlideUp" | "staggerSlideLeft" | "staggerZoomIn" | "staggerPopIn" | "stackIn";
+type ListCascadePreset = "wordCascade" | "wordWave" | "wordDrop" | "wordFadeIn";
+type ListMarqueePreset = "marquee" | "marqueeReverse" | "marqueeFade";
+type ListParallaxPreset = "parallax" | "parallaxFast" | "parallaxReverse" | "tiltScroll" | "scaleScroll" | "parallaxStagger";
+type ListPresencePreset = "itemFadeIn" | "itemSlideIn" | "itemPopIn" | "itemBounceIn" | "itemFadeOut" | "itemSlideOut" | "itemCollapseOut";
+type ListAnimationPreset = ListStaggerPreset | ListCascadePreset | ListMarqueePreset | ListParallaxPreset | ListPresencePreset | ListReorderPreset | "fadeIn" | "slideIn" | "slideInLeft" | "slideInRight" | "popIn" | "bounceIn" | "expandIn" | "flipIn" | "glideIn" | "fadeOut" | "slideOut" | "slideOutLeft" | "slideOutRight" | "popOut" | "bounceOut" | "collapseOut" | "flipOut" | "glideOut" | "itemSlideOutLeft" | "itemSlideOutRight" | "itemScaleOut" | "itemPopOut" | "itemBlurOut" | "itemDismissOut" | "rowCollapseOut" | "tagRemove" | "cardRemove" | "marquee" | "staggerBlurIn" | "feedAppend" | "filterIn" | "emptyToList" | "selectionPulse" | "insertItem" | "emptyStateToList";
+interface AnimationDefinition {
+    keyframes: Keyframe[];
+    options?: globalThis.KeyframeAnimationOptions;
+}
+interface AnimateListProps {
+    triggers?: ListTriggerConfig[];
+    animation?: ListAnimationPreset;
+    scrollAnimation?: ListAnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: ListAnimationPreset;
+    reorderAnimation?: ListAnimationPreset;
+    reorder?: ListReorderPreset;
+    duration?: number;
+    reorderDuration?: number;
+    stagger?: number;
+    exitStagger?: number;
+    speed?: number;
+    trigger?: ListTriggerInput;
+    threshold?: number;
+    easing?: string;
+    reorderEasing?: string;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onItemEnter?: (key: string | number) => void;
+    onItemExit?: (key: string | number) => void;
+    onReorder?: () => void;
+    presetOptions?: ListPresetOptions;
+    children: ReactNode;
+    customAnimation?: {
+        enter?: AnimationDefinition;
+        exit?: AnimationDefinition;
+    };
+}
+interface AnimateListHandle {
+    animate: () => void;
+}
+
+export type { AnimateListHandle as A, ListAnimationPreset as L, AnimateListProps as a, AnimationDefinition as b };

package/dist/types-BuzDNWZT.d.ts

@@ -0,0 +1,62 @@
+import { JSX, CSSProperties, ReactNode } from 'react';
+
+type ListPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    stagger?: number;
+};
+type ListTrigger = "scroll" | "hover" | "click" | "mount" | "manual";
+type ListTriggerInput = ListTrigger | readonly [ListTrigger, ListTrigger] | readonly ListTrigger[];
+type ListReorderPreset = "flip" | "smooth" | "spring" | "none";
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type ListTriggerConfig = {
+    trigger: ListTrigger;
+    animation: ListAnimationPreset;
+    threshold?: number;
+};
+type ListStaggerPreset = "staggerFadeIn" | "staggerSlideUp" | "staggerSlideLeft" | "staggerZoomIn" | "staggerPopIn" | "stackIn";
+type ListCascadePreset = "wordCascade" | "wordWave" | "wordDrop" | "wordFadeIn";
+type ListMarqueePreset = "marquee" | "marqueeReverse" | "marqueeFade";
+type ListParallaxPreset = "parallax" | "parallaxFast" | "parallaxReverse" | "tiltScroll" | "scaleScroll" | "parallaxStagger";
+type ListPresencePreset = "itemFadeIn" | "itemSlideIn" | "itemPopIn" | "itemBounceIn" | "itemFadeOut" | "itemSlideOut" | "itemCollapseOut";
+type ListAnimationPreset = ListStaggerPreset | ListCascadePreset | ListMarqueePreset | ListParallaxPreset | ListPresencePreset | ListReorderPreset | "fadeIn" | "slideIn" | "slideInLeft" | "slideInRight" | "popIn" | "bounceIn" | "expandIn" | "flipIn" | "glideIn" | "fadeOut" | "slideOut" | "slideOutLeft" | "slideOutRight" | "popOut" | "bounceOut" | "collapseOut" | "flipOut" | "glideOut" | "itemSlideOutLeft" | "itemSlideOutRight" | "itemScaleOut" | "itemPopOut" | "itemBlurOut" | "itemDismissOut" | "rowCollapseOut" | "tagRemove" | "cardRemove" | "marquee" | "staggerBlurIn" | "feedAppend" | "filterIn" | "emptyToList" | "selectionPulse" | "insertItem" | "emptyStateToList";
+interface AnimationDefinition {
+    keyframes: Keyframe[];
+    options?: globalThis.KeyframeAnimationOptions;
+}
+interface AnimateListProps {
+    triggers?: ListTriggerConfig[];
+    animation?: ListAnimationPreset;
+    scrollAnimation?: ListAnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: ListAnimationPreset;
+    reorderAnimation?: ListAnimationPreset;
+    reorder?: ListReorderPreset;
+    duration?: number;
+    reorderDuration?: number;
+    stagger?: number;
+    exitStagger?: number;
+    speed?: number;
+    trigger?: ListTriggerInput;
+    threshold?: number;
+    easing?: string;
+    reorderEasing?: string;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onItemEnter?: (key: string | number) => void;
+    onItemExit?: (key: string | number) => void;
+    onReorder?: () => void;
+    presetOptions?: ListPresetOptions;
+    children: ReactNode;
+    customAnimation?: {
+        enter?: AnimationDefinition;
+        exit?: AnimationDefinition;
+    };
+}
+interface AnimateListHandle {
+    animate: () => void;
+}
+
+export type { AnimateListHandle as A, ListAnimationPreset as L, AnimateListProps as a, AnimationDefinition as b };

package/dist/types-C3sFNX1j.d.mts

@@ -0,0 +1,77 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type BlockPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    rotate?: number;
+};
+type PresetCategory = "oneshot" | "continuous" | "hoverState" | "cursorTrack" | "scrollLink" | "overlay";
+type BlockAnimationPreset = "fadeIn" | "fadeOut" | "fadeSwap" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scaleIn" | "scaleOut" | "popIn" | "popOut" | "rotateIn" | "rotateOut" | "flipX" | "flipY" | "bounceIn" | "bounceOut" | "shake" | "pulse" | "wiggle" | "jello" | "flash" | "heartBeat" | "glideIn" | "glideOut" | "dropIn" | "riseUp" | "expandIn" | "collapseOut" | "expandHeight" | "fadeSlideUp" | "blurIn" | "blurOut" | "clipUp" | "clipLeft" | "zoomIn" | "zoomOut" | "springBounce" | "springScale" | "springSlideUp" | "springSlideDown" | "morphRadius" | "morphCircle" | "parallax" | "parallaxFast" | "parallaxReverse" | "tiltScroll" | "scaleScroll" | "lift" | "sink" | "grow" | "glow" | "shadow" | "borderPop" | "tilt" | "float" | "press" | "ripple" | "burst" | "spin" | "ping" | "shimmer" | "tilt3D" | "rotate3D" | "depth" | "modalIn" | "modalOut" | "popoverIn" | "popoverOut" | "toastIn" | "toastOut" | "successCheckIn" | "buttonLoading" | "focusRingPulse" | "tabPanelIn" | "tabPanelOut" | "successToast" | "checkboxCheck" | "dialogOut" | "drawerOutLeft" | "drawerOutRight" | "drawerOutTop" | "drawerOutBottom" | "menuOut" | "toastOutRight" | "toastOutUp" | "collapseWidth" | "dismissOut" | "errorOut" | "successOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: BlockAnimationPreset;
+    threshold?: number;
+};
+interface AnimateBlockHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateBlockProps {
+    value?: string | number;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: BlockAnimationPreset;
+    scrollAnimation?: BlockAnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: BlockAnimationPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    speed?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: BlockPresetOptions;
+    drag?: "x" | "y" | "both" | boolean;
+    dragThreshold?: number;
+    dragElastic?: number;
+    dragSnapBackDuration?: number;
+    onDragEnd?: (info: {
+        offset: {
+            x: number;
+            y: number;
+        };
+        velocity: {
+            x: number;
+            y: number;
+        };
+        dismissed: boolean;
+    }) => void;
+    layoutId?: string;
+    layoutTransition?: {
+        duration?: number;
+        easing?: string;
+    };
+    children: ReactNode;
+}
+interface AnimationDefinition {
+    in: Keyframe[];
+    out: Keyframe[];
+}
+
+export type { AnimateBlockHandle as A, PresetCategory as P, AnimateBlockProps as a, AnimationDefinition as b };

package/dist/types-C3sFNX1j.d.ts

@@ -0,0 +1,77 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type BlockPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+    rotate?: number;
+};
+type PresetCategory = "oneshot" | "continuous" | "hoverState" | "cursorTrack" | "scrollLink" | "overlay";
+type BlockAnimationPreset = "fadeIn" | "fadeOut" | "fadeSwap" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scaleIn" | "scaleOut" | "popIn" | "popOut" | "rotateIn" | "rotateOut" | "flipX" | "flipY" | "bounceIn" | "bounceOut" | "shake" | "pulse" | "wiggle" | "jello" | "flash" | "heartBeat" | "glideIn" | "glideOut" | "dropIn" | "riseUp" | "expandIn" | "collapseOut" | "expandHeight" | "fadeSlideUp" | "blurIn" | "blurOut" | "clipUp" | "clipLeft" | "zoomIn" | "zoomOut" | "springBounce" | "springScale" | "springSlideUp" | "springSlideDown" | "morphRadius" | "morphCircle" | "parallax" | "parallaxFast" | "parallaxReverse" | "tiltScroll" | "scaleScroll" | "lift" | "sink" | "grow" | "glow" | "shadow" | "borderPop" | "tilt" | "float" | "press" | "ripple" | "burst" | "spin" | "ping" | "shimmer" | "tilt3D" | "rotate3D" | "depth" | "modalIn" | "modalOut" | "popoverIn" | "popoverOut" | "toastIn" | "toastOut" | "successCheckIn" | "buttonLoading" | "focusRingPulse" | "tabPanelIn" | "tabPanelOut" | "successToast" | "checkboxCheck" | "dialogOut" | "drawerOutLeft" | "drawerOutRight" | "drawerOutTop" | "drawerOutBottom" | "menuOut" | "toastOutRight" | "toastOutUp" | "collapseWidth" | "dismissOut" | "errorOut" | "successOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: BlockAnimationPreset;
+    threshold?: number;
+};
+interface AnimateBlockHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateBlockProps {
+    value?: string | number;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: BlockAnimationPreset;
+    scrollAnimation?: BlockAnimationPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: BlockAnimationPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    speed?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: BlockPresetOptions;
+    drag?: "x" | "y" | "both" | boolean;
+    dragThreshold?: number;
+    dragElastic?: number;
+    dragSnapBackDuration?: number;
+    onDragEnd?: (info: {
+        offset: {
+            x: number;
+            y: number;
+        };
+        velocity: {
+            x: number;
+            y: number;
+        };
+        dismissed: boolean;
+    }) => void;
+    layoutId?: string;
+    layoutTransition?: {
+        duration?: number;
+        easing?: string;
+    };
+    children: ReactNode;
+}
+interface AnimationDefinition {
+    in: Keyframe[];
+    out: Keyframe[];
+}
+
+export type { AnimateBlockHandle as A, PresetCategory as P, AnimateBlockProps as a, AnimationDefinition as b };

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@emekaugbanu/trigr",
+  "version": "0.4.0",
+  "description": "Content-aware animation library for React. One import per content type. One prop to trigger.",
+  "license": "MIT",
+  "author": "Emeka Ugbanu",
+  "homepage": "https://emeka-ugbanu-hub.github.io/Trigr",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Emeka-Ugbanu-hub/Trigr.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Emeka-Ugbanu-hub/Trigr/issues"
+  },
+  "keywords": [
+    "react",
+    "animation",
+    "transitions",
+    "wrapper",
+    "trigr"
+  ],
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/text/index.cjs",
+  "module": "./dist/text/index.js",
+  "types": "./dist/text/index.d.ts",
+  "exports": {
+    "./text": {
+      "types": "./dist/text/index.d.ts",
+      "import": "./dist/text/index.js",
+      "require": "./dist/text/index.cjs"
+    },
+    "./text/keyframes": {
+      "types": "./dist/text/animations.d.ts",
+      "import": "./dist/text/animations.js",
+      "require": "./dist/text/animations.cjs"
+    },
+    "./paragraph": {
+      "types": "./dist/paragraph/index.d.ts",
+      "import": "./dist/paragraph/index.js",
+      "require": "./dist/paragraph/index.cjs"
+    },
+    "./paragraph/keyframes": {
+      "types": "./dist/paragraph/animations.d.ts",
+      "import": "./dist/paragraph/animations.js",
+      "require": "./dist/paragraph/animations.cjs"
+    },
+    "./list": {
+      "types": "./dist/list/index.d.ts",
+      "import": "./dist/list/index.js",
+      "require": "./dist/list/index.cjs"
+    },
+    "./list/keyframes": {
+      "types": "./dist/list/animations.d.ts",
+      "import": "./dist/list/animations.js",
+      "require": "./dist/list/animations.cjs"
+    },
+    "./block": {
+      "types": "./dist/block/index.d.ts",
+      "import": "./dist/block/index.js",
+      "require": "./dist/block/index.cjs"
+    },
+    "./block/keyframes": {
+      "types": "./dist/block/animations.d.ts",
+      "import": "./dist/block/animations.js",
+      "require": "./dist/block/animations.cjs"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "playground": "vite --config playground/vite.config.ts playground",
+    "site:build": "vite build --config playground/vite.config.ts playground",
+    "site:preview": "vite preview --config playground/vite.config.ts playground",
+    "deploy": "npm run site:build && bash deploy.sh",
+    "pack:dry": "npm pack --dry-run",
+    "prepublishOnly": "npm run typecheck && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.8.0",
+    "@types/react": "^19.2.14",
+    "@vitejs/plugin-react": "^4.7.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tsup": "^8.4.0",
+    "typescript": "^6.0.3",
+    "vite": "^6.4.2"
+  }
+}