@neasg/design-system 0.1.3 → 0.2.1

package/dist/animated-icons/chevron-left.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const DEFAULT_TRANSITION = {
+    times: [0, 0.4, 1],
+    duration: 0.5,
+};
+const ChevronLeftIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsx("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx(motion.path, { animate: controls, d: "m15 18-6-6 6-6", transition: DEFAULT_TRANSITION, variants: {
+                    normal: { x: 0 },
+                    animate: { x: [0, -2, 0] },
+                } }) }) }));
+});
+ChevronLeftIcon.displayName = "ChevronLeftIcon";
+export { ChevronLeftIcon };

package/dist/animated-icons/chevron-right.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface ChevronRightIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface ChevronRightIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<ChevronRightIconProps & import("react").RefAttributes<ChevronRightIconHandle>>;
+export { ChevronRightIcon };

package/dist/animated-icons/chevron-right.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const DEFAULT_TRANSITION = {
+    times: [0, 0.4, 1],
+    duration: 0.5,
+};
+const ChevronRightIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsx("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx(motion.path, { animate: controls, d: "m9 18 6-6-6-6", transition: DEFAULT_TRANSITION, variants: {
+                    normal: { x: 0 },
+                    animate: { x: [0, 2, 0] },
+                } }) }) }));
+});
+ChevronRightIcon.displayName = "ChevronRightIcon";
+export { ChevronRightIcon };

package/dist/animated-icons/chevron-up.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface ChevronUpIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface ChevronUpIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<ChevronUpIconProps & import("react").RefAttributes<ChevronUpIconHandle>>;
+export { ChevronUpIcon };

package/dist/animated-icons/chevron-up.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const DEFAULT_TRANSITION = {
+    times: [0, 0.4, 1],
+    duration: 0.5,
+};
+const ChevronUpIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsx("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx(motion.path, { animate: controls, d: "m18 15-6-6-6 6", transition: DEFAULT_TRANSITION, variants: {
+                    normal: { y: 0 },
+                    animate: { y: [0, -2, 0] },
+                } }) }) }));
+});
+ChevronUpIcon.displayName = "ChevronUpIcon";
+export { ChevronUpIcon };

package/dist/animated-icons/clipboard-check.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface ClipboardCheckIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface ClipboardCheckIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const ClipboardCheckIcon: import("react").ForwardRefExoticComponent<ClipboardCheckIconProps & import("react").RefAttributes<ClipboardCheckIconHandle>>;
+export { ClipboardCheckIcon };

package/dist/animated-icons/clipboard-check.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const CHECK_VARIANTS = {
+    normal: { pathLength: 1, opacity: 1 },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const BOARD_VARIANTS = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.05, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const ClipboardCheckIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [_jsx(motion.rect, { animate: controls, height: "13", rx: "2", ry: "2", variants: BOARD_VARIANTS, width: "14", x: "8", y: "8" }), _jsx(motion.path, { animate: controls, d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", variants: BOARD_VARIANTS }), _jsx(motion.path, { animate: controls, d: "m9 15 2 2 4-4", variants: CHECK_VARIANTS })] }) }));
+});
+ClipboardCheckIcon.displayName = "ClipboardCheckIcon";
+export { ClipboardCheckIcon };

package/dist/animated-icons/download.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface DownloadIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface DownloadIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const DownloadIcon: import("react").ForwardRefExoticComponent<DownloadIconProps & import("react").RefAttributes<DownloadIconHandle>>;
+export { DownloadIcon };

package/dist/animated-icons/download.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const ARROW_VARIANTS = {
+    normal: { y: 0 },
+    animate: {
+        y: 2,
+        transition: {
+            type: "spring",
+            stiffness: 200,
+            damping: 10,
+            mass: 1,
+        },
+    },
+};
+const DownloadIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsxs(motion.g, { animate: controls, variants: ARROW_VARIANTS, children: [_jsx("polyline", { points: "7 10 12 15 17 10" }), _jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })] })] }) }));
+});
+DownloadIcon.displayName = "DownloadIcon";
+export { DownloadIcon };

package/dist/animated-icons/external-link.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface ExternalLinkIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface ExternalLinkIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const ExternalLinkIcon: import("react").ForwardRefExoticComponent<ExternalLinkIconProps & import("react").RefAttributes<ExternalLinkIconHandle>>;
+export { ExternalLinkIcon };

package/dist/animated-icons/external-link.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+// Arrow line animation - moves diagonally up-right
+const ARROW_LINE_VARIANTS = {
+    normal: { x: 0, y: 0 },
+    animate: {
+        x: [0, 2, 0],
+        y: [0, -2, 0],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+// Arrow head animation - moves with the line
+const ARROW_HEAD_VARIANTS = {
+    normal: { x: 0, y: 0 },
+    animate: {
+        x: [0, 2, 0],
+        y: [0, -2, 0],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const ExternalLinkIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), _jsx(motion.path, { d: "M15 3h6v6", animate: controls, variants: ARROW_HEAD_VARIANTS }), _jsx(motion.path, { d: "M10 14 21 3", animate: controls, variants: ARROW_LINE_VARIANTS })] }) }));
+});
+ExternalLinkIcon.displayName = "ExternalLinkIcon";
+export { ExternalLinkIcon };

package/dist/animated-icons/eye.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface EyeIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface EyeIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const EyeIcon: import("react").ForwardRefExoticComponent<EyeIconProps & import("react").RefAttributes<EyeIconHandle>>;
+export { EyeIcon };

package/dist/animated-icons/eye.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const EyeIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [_jsx(motion.path, { animate: controls, d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0", style: { originY: "50%" }, transition: { duration: 0.4, ease: "easeInOut" }, variants: {
+                        normal: { scaleY: 1, opacity: 1 },
+                        animate: { scaleY: [1, 0.1, 1], opacity: [1, 0.3, 1] },
+                    } }), _jsx(motion.circle, { animate: controls, cx: "12", cy: "12", r: "3", transition: { duration: 0.4, ease: "easeInOut" }, variants: {
+                        normal: { scale: 1, opacity: 1 },
+                        animate: { scale: [1, 0.3, 1], opacity: [1, 0.3, 1] },
+                    } })] }) }));
+});
+EyeIcon.displayName = "EyeIcon";
+export { EyeIcon };

package/dist/animated-icons/file-text.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import type { HTMLAttributes } from "react";
+export interface FileTextIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface FileTextIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const FILE_TEXT: React.ForwardRefExoticComponent<FileTextIconProps & React.RefAttributes<FileTextIconHandle>>;
+export { FILE_TEXT as FileTextIcon };

package/dist/animated-icons/file-text.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const FILE_TEXT = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsxs(motion.svg, { animate: controls, fill: "none", height: size, initial: "normal", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", variants: {
+                normal: { scale: 1 },
+                animate: {
+                    scale: 1.05,
+                    transition: {
+                        duration: 0.3,
+                        ease: "easeOut",
+                    },
+                },
+            }, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), _jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }), _jsx(motion.path, { d: "M10 9H8", stroke: "currentColor", strokeWidth: "2", variants: {
+                        normal: {
+                            pathLength: 1,
+                            x1: 8,
+                            x2: 10,
+                        },
+                        animate: {
+                            pathLength: [1, 0, 1],
+                            x1: [8, 10, 8],
+                            x2: [10, 10, 10],
+                            transition: {
+                                duration: 0.7,
+                                delay: 0.3,
+                            },
+                        },
+                    } }), _jsx(motion.path, { d: "M16 13H8", stroke: "currentColor", strokeWidth: "2", variants: {
+                        normal: {
+                            pathLength: 1,
+                            x1: 8,
+                            x2: 16,
+                        },
+                        animate: {
+                            pathLength: [1, 0, 1],
+                            x1: [8, 16, 8],
+                            x2: [16, 16, 16],
+                            transition: {
+                                duration: 0.7,
+                                delay: 0.5,
+                            },
+                        },
+                    } }), _jsx(motion.path, { d: "M16 17H8", stroke: "currentColor", strokeWidth: "2", variants: {
+                        normal: {
+                            pathLength: 1,
+                            x1: 8,
+                            x2: 16,
+                        },
+                        animate: {
+                            pathLength: [1, 0, 1],
+                            x1: [8, 16, 8],
+                            x2: [16, 16, 16],
+                            transition: {
+                                duration: 0.7,
+                                delay: 0.7,
+                            },
+                        },
+                    } })] }) }));
+});
+FILE_TEXT.displayName = "FileTextIcon";
+export { FILE_TEXT as FileTextIcon };

package/dist/animated-icons/filter.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface FilterIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface FilterIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const FilterIcon: import("react").ForwardRefExoticComponent<FilterIconProps & import("react").RefAttributes<FilterIconHandle>>;
+export { FilterIcon };

package/dist/animated-icons/filter.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState, } from "react";
+import { cn } from "../lib/utils";
+const DEFAULT_TRANSITION = {
+    times: [0, 0.3, 0.7, 1],
+    duration: 0.4,
+};
+const SVG_VARIANTS = {
+    normal: {
+        scale: 1,
+        y: 0,
+    },
+    animate: {
+        scale: [1, 0.95, 1.05, 1],
+        y: [0, 2, -2, 0],
+    },
+};
+const FilterIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    const divRef = useRef(null);
+    const [isParentHovered, setIsParentHovered] = useState(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    // Listen for hover on parent button
+    useEffect(() => {
+        const div = divRef.current;
+        if (!div)
+            return;
+        const button = div.closest("button");
+        if (!button)
+            return;
+        const handleParentEnter = () => {
+            if (!isControlledRef.current) {
+                setIsParentHovered(true);
+                controls.start("animate");
+            }
+        };
+        const handleParentLeave = () => {
+            if (!isControlledRef.current) {
+                setIsParentHovered(false);
+                controls.start("normal");
+            }
+        };
+        button.addEventListener("mouseenter", handleParentEnter);
+        button.addEventListener("mouseleave", handleParentLeave);
+        return () => {
+            button.removeEventListener("mouseenter", handleParentEnter);
+            button.removeEventListener("mouseleave", handleParentLeave);
+        };
+    }, [controls]);
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else if (!isParentHovered) {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave, isParentHovered]);
+    return (_jsx("div", { ref: divRef, className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsx(motion.svg, { animate: controls, initial: "normal", fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", transition: DEFAULT_TRANSITION, variants: SVG_VARIANTS, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) }) }));
+});
+FilterIcon.displayName = "FilterIcon";
+export { FilterIcon };

package/dist/animated-icons/folder-open.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface FolderOpenIconHandle {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+}
+interface FolderOpenIconProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const FolderOpenIcon: import("react").ForwardRefExoticComponent<FolderOpenIconProps & import("react").RefAttributes<FolderOpenIconHandle>>;
+export { FolderOpenIcon };

package/dist/animated-icons/folder-open.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { cn } from "../lib/utils";
+const SVG_VARIANTS = {
+    normal: { scale: 1, y: 0 },
+    animate: {
+        scale: [1, 1.1, 1],
+        y: [0, -2, 0],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const FolderOpenIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start("animate"),
+            stopAnimation: () => controls.start("normal"),
+        };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            controls.start("animate");
+        }
+    }, [controls, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            controls.start("normal");
+        }
+    }, [controls, onMouseLeave]);
+    return (_jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: _jsx(motion.svg, { animate: controls, fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", variants: SVG_VARIANTS, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" }) }) }));
+});
+FolderOpenIcon.displayName = "FolderOpenIcon";
+export { FolderOpenIcon };