@bouku/animate 0.0.1

package/dist/core/_.d.ts

@@ -0,0 +1,3 @@
+export * from "./configs";
+export * from "./types";
+export * from "./functions";

package/dist/core/_.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./configs"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./functions"), exports);

package/dist/core/configs.d.ts

@@ -0,0 +1,136 @@
+export declare const animations: {
+    readonly fadeUp: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly y: 30;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.3;
+            };
+        };
+    };
+    readonly fadeInAndOut: {
+        readonly initial: {
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+        };
+        readonly exit: {
+            readonly opacity: 0;
+        };
+    };
+    readonly fadeUpAndOut: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly y: 10;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly y: 0;
+        };
+        readonly exit: {
+            readonly opacity: 1;
+            readonly y: -10;
+        };
+    };
+    readonly fadeUpAndOutSlow: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly y: "-100%";
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.2;
+                readonly ease: "easeInOut";
+            };
+        };
+        readonly exit: {
+            readonly opacity: 0;
+            readonly y: "100%";
+        };
+    };
+    readonly fadeLeft: {
+        readonly initial: {
+            readonly x: -50;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly x: 0;
+            readonly opacity: 1;
+        };
+        readonly exit: {
+            readonly x: 50;
+            readonly opacity: 0;
+        };
+        readonly transition: {
+            readonly duration: 0.4;
+            readonly ease: "easeOut";
+        };
+    };
+    readonly growUpAndOut: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly height: 0;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly height: "auto";
+        };
+        readonly exit: {
+            readonly opacity: 0;
+            readonly height: 0;
+        };
+    };
+    readonly fadeStagger: {
+        readonly initial: {
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly transition: {
+                readonly staggerChildren: 0.2;
+            };
+        };
+    };
+    readonly fadeList: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: -10;
+            readonly y: 5;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+            readonly y: 0;
+            readonly transition: {
+                readonly type: "spring";
+                readonly stiffness: 350;
+                readonly damping: 25;
+            };
+        };
+    };
+    readonly popUp: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly scale: 0.9;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly scale: 1;
+        };
+        readonly exit: {
+            readonly opacity: 0;
+            readonly scale: 0.9;
+        };
+        readonly transition: {
+            readonly duration: 0.2;
+            readonly ease: readonly [0.23, 1, 0.32, 1];
+        };
+    };
+};

package/dist/core/configs.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animations = void 0;
+exports.animations = {
+    "fadeUp": {
+        "initial": { "opacity": 0, "y": 30 },
+        "animate": {
+            "opacity": 1,
+            "y": 0,
+            "transition": { "duration": 0.3 }
+        }
+    },
+    "fadeInAndOut": {
+        "initial": { "opacity": 0 },
+        "animate": { "opacity": 1 },
+        "exit": { "opacity": 0 }
+    },
+    "fadeUpAndOut": {
+        "initial": { "opacity": 0, "y": 10 },
+        "animate": { "opacity": 1, "y": 0 },
+        "exit": { "opacity": 1, "y": -10 }
+    },
+    "fadeUpAndOutSlow": {
+        "initial": { "opacity": 0, "y": "-100%" },
+        "animate": { "opacity": 1, "y": 0,
+            "transition": { "duration": 0.2, "ease": "easeInOut" }
+        },
+        "exit": { "opacity": 0, "y": "100%" }
+    },
+    "fadeLeft": {
+        "initial": { "x": -50, "opacity": 0 },
+        "animate": { "x": 0, "opacity": 1 },
+        "exit": { "x": 50, "opacity": 0 },
+        "transition": { "duration": 0.4, "ease": "easeOut" }
+    },
+    "growUpAndOut": {
+        "initial": { "opacity": 0, "height": 0 },
+        "animate": { "opacity": 1, "height": "auto" },
+        "exit": { "opacity": 0, "height": 0 }
+    },
+    "fadeStagger": {
+        "initial": { "opacity": 0 },
+        "animate": {
+            "opacity": 1,
+            "transition": { "staggerChildren": 0.2 }
+        }
+    },
+    "fadeList": {
+        "hidden": { "opacity": 0, "x": -10, "y": 5 },
+        "visible": {
+            "opacity": 1, "x": 0, "y": 0,
+            "transition": {
+                "type": "spring",
+                "stiffness": 350,
+                "damping": 25
+            }
+        }
+    },
+    "popUp": {
+        "initial": { "opacity": 0, "scale": 0.9 },
+        "animate": { "opacity": 1, "scale": 1 },
+        "exit": { "opacity": 0, "scale": 0.9 },
+        "transition": { "duration": 0.2, "ease": [0.23, 1, 0.32, 1] }
+    }
+};

package/dist/core/functions.d.ts

@@ -0,0 +1,46 @@
+import type { VariantConfig } from "./types";
+export declare function mergeVariants(...variants: VariantConfig[]): VariantConfig;
+export declare const opacity: (x?: number) => {
+    initial: {
+        opacity: number;
+    };
+    animate: {
+        opacity: number;
+    };
+    exit: {
+        opacity: number;
+    };
+};
+export declare const slideX: (x?: number) => {
+    initial: {
+        x: number;
+    };
+    animate: {
+        x: number;
+    };
+    exit: {
+        x: number;
+    };
+};
+export declare const slideY: (y?: number) => {
+    initial: {
+        y: number;
+    };
+    animate: {
+        y: number;
+    };
+    exit: {
+        y: number;
+    };
+};
+export declare const scale: (x?: number) => {
+    initial: {
+        scale: number;
+    };
+    animate: {
+        scale: number;
+    };
+    exit: {
+        scale: number;
+    };
+};

package/dist/core/functions.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scale = exports.slideY = exports.slideX = exports.opacity = void 0;
+exports.mergeVariants = mergeVariants;
+function mergeVariants(...variants) {
+    return variants.reduce((acc, v) => ({
+        initial: { ...acc.initial, ...v.initial },
+        animate: { ...acc.animate, ...v.animate },
+        exit: { ...acc.exit, ...v.exit },
+    }), { initial: {}, animate: {}, exit: {} });
+}
+const opacity = (x = 1) => ({
+    initial: { opacity: 0 },
+    animate: { opacity: x },
+    exit: { opacity: 0 }
+});
+exports.opacity = opacity;
+const slideX = (x = 5) => ({
+    initial: { x: x },
+    animate: { x: 0 },
+    exit: { x: -x }
+});
+exports.slideX = slideX;
+const slideY = (y = 5) => ({
+    initial: { y: y },
+    animate: { y: 0 },
+    exit: { y: -y }
+});
+exports.slideY = slideY;
+const scale = (x = 1) => ({
+    initial: { scale: 0 },
+    animate: { scale: x },
+    exit: { scale: 0 }
+});
+exports.scale = scale;

package/dist/core/types.d.ts

@@ -0,0 +1,5 @@
+export type VariantConfig = {
+    initial?: Record<string, number>;
+    animate?: Record<string, number>;
+    exit?: Record<string, number>;
+};

package/dist/core/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./core/_";
+export * from "./ui";

package/dist/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./core/_"), exports);
+__exportStar(require("./ui"), exports);

package/dist/ui/animation/index.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { VariantConfig } from "../../core/types";
+export type Props = {
+    variants?: VariantConfig[];
+    direction?: "horizontal" | "vertical";
+    interval?: number;
+    duration?: number;
+    style?: string;
+    layout?: boolean;
+    onClick?: () => void;
+    children?: ReactNode;
+};
+export declare function Animation({ variants, style, direction, interval, duration, ...props }: Props): import("react").JSX.Element;
+export { AnimatePresence } from "framer-motion";

package/dist/ui/animation/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatePresence = void 0;
+exports.Animation = Animation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const functions_1 = require("../../core/functions");
+const style_1 = require("@bouko/style");
+function Animation({ variants = [(0, functions_1.opacity)()], style, direction = "horizontal", interval = 3000, duration = 0.3, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: (0, style_1.cn)("w-full", style), transition: { duration: duration }, ...(0, functions_1.mergeVariants)(...variants), ...props }));
+}
+var framer_motion_2 = require("framer-motion");
+Object.defineProperty(exports, "AnimatePresence", { enumerable: true, get: function () { return framer_motion_2.AnimatePresence; } });

package/dist/ui/components/_.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/components/_.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./animation";
+export * from "./components/_";

package/dist/ui/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./animation"), exports);
+__exportStar(require("./components/_"), exports);

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@bouku/animate",
+  "version": "0.0.1",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "",
+  "description": "",
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles.css": "./dist/styles.css"
+  },
+  "engines": {},
+  "scripts": {
+    "build": "tsc"
+  },
+  "peerDependencies": {
+    "react": "^19.1.1"
+  },
+  "dependencies": {
+    "@bouko/style": "^0.2.1",
+    "framer-motion": "^12.42.2"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.1",
+    "@types/react": "^19.1.10",
+    "react": "^19.1.1",
+    "typescript": "^5.9.2"
+  }
+}