@neasg/design-system 0.1.3 → 0.2.1

package/dist/animated-icons/index.js

@@ -0,0 +1,50 @@
+export { ArrowDownIcon } from "./arrow-down";
+export { ArrowUpIcon } from "./arrow-up";
+export { BellIcon } from "./bell";
+export { BoldIcon } from "./bold";
+export { BookOpenIcon } from "./book-open";
+export { BuildingIcon } from "./building";
+export { CheckIcon } from "./check";
+export { ChevronDownIcon } from "./chevron-down";
+export { ChevronLeftIcon } from "./chevron-left";
+export { ChevronRightIcon } from "./chevron-right";
+export { ChevronUpIcon } from "./chevron-up";
+export { ClipboardCheckIcon } from "./clipboard-check";
+export { DownloadIcon } from "./download";
+export { ExternalLinkIcon } from "./external-link";
+export { EyeIcon } from "./eye";
+export { FileTextIcon } from "./file-text";
+export { FilterIcon } from "./filter";
+export { FolderOpenIcon } from "./folder-open";
+export { FormIcon } from "./form";
+export { GitBranchIcon } from "./git-branch";
+export { GripHorizontalIcon } from "./grip-horizontal";
+export { GripVerticalIcon } from "./grip-vertical";
+export { GripIcon } from "./grip";
+export { HighlighterIcon } from "./highlighter";
+export { HistoryIcon } from "./history";
+export { ItalicIcon } from "./italic";
+export { LinkIcon } from "./link";
+export { ListOrderedIcon } from "./list-ordered";
+export { ListIcon } from "./list";
+export { LoaderPinwheelIcon } from "./loader-pinwheel";
+export { LogoutIcon } from "./logout";
+export { MaximizeIcon } from "./maximize";
+export { MessageSquareIcon } from "./message-square";
+export { PaletteIcon } from "./palette";
+export { PaperclipIcon } from "./paperclip";
+export { PencilIcon } from "./pencil";
+export { PlusIcon } from "./plus";
+export { SearchIcon } from "./search";
+export { SendIcon } from "./send";
+export { SettingsIcon } from "./settings";
+export { ShieldIcon } from "./shield";
+export { StrikethroughIcon } from "./strikethrough";
+export { TimerIcon } from "./timer";
+export { TrashIcon } from "./trash";
+export { TrendingDownIcon } from "./trending-down";
+export { TrendingUpIcon } from "./trending-up";
+export { UnderlineIcon } from "./underline";
+export { UploadIcon } from "./upload";
+export { UsersIcon } from "./users";
+export { XIcon } from "./x";

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

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

package/dist/animated-icons/italic.js

@@ -0,0 +1,45 @@
+"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 SVG_VARIANTS = {
+    normal: { skewX: 0 },
+    animate: {
+        skewX: [0, -5, 0],
+        transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+        },
+    },
+};
+const ItalicIcon = 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(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("line", { x1: "19", x2: "10", y1: "4", y2: "4" }), _jsx("line", { x1: "14", x2: "5", y1: "20", y2: "20" }), _jsx("line", { x1: "15", x2: "9", y1: "4", y2: "20" })] }) }));
+});
+ItalicIcon.displayName = "ItalicIcon";
+export { ItalicIcon };

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

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

package/dist/animated-icons/link.js

@@ -0,0 +1,51 @@
+"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 PATH_VARIANTS = {
+    initial: { pathLength: 1, pathOffset: 0, rotate: 0 },
+    animate: {
+        pathLength: [1, 0.97, 1, 0.97, 1],
+        pathOffset: [0, 0.05, 0, 0.05, 0],
+        rotate: [0, -5, 0],
+        transition: {
+            rotate: {
+                duration: 0.5,
+            },
+            duration: 1,
+            times: [0, 0.2, 0.4, 0.6, 1],
+            ease: "easeInOut",
+        },
+    },
+};
+const LinkIcon = 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: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", variants: PATH_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", variants: PATH_VARIANTS })] }) }));
+});
+LinkIcon.displayName = "LinkIcon";
+export { LinkIcon };

package/dist/animated-icons/list-ordered.d.ts

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

package/dist/animated-icons/list-ordered.js

@@ -0,0 +1,46 @@
+"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 LINE_VARIANTS = {
+    normal: { scaleX: 1, opacity: 1 },
+    animate: {
+        scaleX: [0, 1],
+        opacity: [0.5, 1],
+        transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+        },
+    },
+};
+const ListOrderedIcon = 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.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "10", x2: "21", y1: "6", y2: "6" }), _jsx(motion.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "10", x2: "21", y1: "12", y2: "12" }), _jsx(motion.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "10", x2: "21", y1: "18", y2: "18" }), _jsx("path", { d: "M4 6h1v4" }), _jsx("path", { d: "M4 10h2" }), _jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })] }) }));
+});
+ListOrderedIcon.displayName = "ListOrderedIcon";
+export { ListOrderedIcon };

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

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

package/dist/animated-icons/list.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 LINE_VARIANTS = {
+    normal: { scaleX: 1, opacity: 1 },
+    animate: {
+        scaleX: [0, 1],
+        opacity: [0.5, 1],
+        transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+        },
+    },
+};
+const DOT_VARIANTS = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [0, 1.2, 1],
+        transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+        },
+    },
+};
+const ListIcon = 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.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "8", x2: "21", y1: "6", y2: "6" }), _jsx(motion.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "8", x2: "21", y1: "12", y2: "12" }), _jsx(motion.line, { animate: controls, style: { originX: 0 }, variants: LINE_VARIANTS, x1: "8", x2: "21", y1: "18", y2: "18" }), _jsx(motion.line, { animate: controls, variants: DOT_VARIANTS, x1: "3", x2: "3.01", y1: "6", y2: "6" }), _jsx(motion.line, { animate: controls, variants: DOT_VARIANTS, x1: "3", x2: "3.01", y1: "12", y2: "12" }), _jsx(motion.line, { animate: controls, variants: DOT_VARIANTS, x1: "3", x2: "3.01", y1: "18", y2: "18" })] }) }));
+});
+ListIcon.displayName = "ListIcon";
+export { ListIcon };

package/dist/animated-icons/loader-pinwheel.d.ts

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

package/dist/animated-icons/loader-pinwheel.js

@@ -0,0 +1,51 @@
+"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 G_VARIANTS = {
+    normal: { rotate: 0 },
+    animate: {
+        rotate: 360,
+        transition: {
+            repeat: Number.POSITIVE_INFINITY,
+            duration: 1,
+            ease: "linear",
+        },
+    },
+};
+const DEFAULT_TRANSITION = {
+    type: "spring",
+    stiffness: 50,
+    damping: 10,
+};
+const LoaderPinwheelIcon = 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: [_jsxs(motion.g, { animate: controls, transition: DEFAULT_TRANSITION, variants: G_VARIANTS, children: [_jsx("path", { d: "M22 12a1 1 0 0 1-10 0 1 1 0 0 0-10 0" }), _jsx("path", { d: "M7 20.7a1 1 0 1 1 5-8.7 1 1 0 1 0 5-8.6" }), _jsx("path", { d: "M7 3.3a1 1 0 1 1 5 8.6 1 1 0 1 0 5 8.6" })] }), _jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+LoaderPinwheelIcon.displayName = "LoaderPinwheelIcon";
+export { LoaderPinwheelIcon };

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

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

package/dist/animated-icons/logout.js

@@ -0,0 +1,44 @@
+"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 PATH_VARIANTS = {
+    animate: {
+        x: 2,
+        translateX: [0, -3, 0],
+        transition: {
+            duration: 0.4,
+        },
+    },
+};
+const LogoutIcon = 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: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx(motion.polyline, { animate: controls, points: "16 17 21 12 16 7", variants: PATH_VARIANTS }), _jsx(motion.line, { animate: controls, variants: PATH_VARIANTS, x1: "21", x2: "9", y1: "12", y2: "12" })] }) }));
+});
+LogoutIcon.displayName = "LogoutIcon";
+export { LogoutIcon };

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

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

package/dist/animated-icons/maximize.js

@@ -0,0 +1,45 @@
+"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 CORNER_VARIANTS = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.2, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const MaximizeIcon = 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.polyline, { animate: controls, points: "15 3 21 3 21 9", style: { originX: 1, originY: 0 }, variants: CORNER_VARIANTS }), _jsx(motion.polyline, { animate: controls, points: "9 21 3 21 3 15", style: { originX: 0, originY: 1 }, variants: CORNER_VARIANTS }), _jsx(motion.line, { animate: controls, variants: CORNER_VARIANTS, x1: "21", x2: "14", y1: "3", y2: "10" }), _jsx(motion.line, { animate: controls, variants: CORNER_VARIANTS, x1: "3", x2: "10", y1: "21", y2: "14" })] }) }));
+});
+MaximizeIcon.displayName = "MaximizeIcon";
+export { MaximizeIcon };

package/dist/animated-icons/message-square.d.ts

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

package/dist/animated-icons/message-square.js

@@ -0,0 +1,56 @@
+"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 ICON_VARIANTS = {
+    normal: {
+        scale: 1,
+        rotate: 0,
+    },
+    animate: {
+        scale: 1.05,
+        rotate: [0, -7, 7, 0],
+        transition: {
+            rotate: {
+                duration: 0.5,
+                ease: "easeInOut",
+            },
+            scale: {
+                type: "spring",
+                stiffness: 400,
+                damping: 10,
+            },
+        },
+    },
+};
+const MessageSquareIcon = 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(motion.svg, { animate: controls, fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", variants: ICON_VARIANTS, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }));
+});
+MessageSquareIcon.displayName = "MessageSquareIcon";
+export { MessageSquareIcon };

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

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

package/dist/animated-icons/palette.js

@@ -0,0 +1,45 @@
+"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 SVG_VARIANTS = {
+    normal: { rotate: 0 },
+    animate: {
+        rotate: [0, -10, 10, 0],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const PaletteIcon = 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(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("circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor" }), _jsx("circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor" }), _jsx("circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor" }), _jsx("circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor" }), _jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })] }) }));
+});
+PaletteIcon.displayName = "PaletteIcon";
+export { PaletteIcon };

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

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