@neasg/design-system 0.1.3 → 0.2.1

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

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

package/dist/animated-icons/form.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.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const RECT_VARIANTS = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.05, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const FormIcon = 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: "18", rx: "2", variants: RECT_VARIANTS, width: "18", x: "3", y: "3" }), _jsx(motion.path, { animate: controls, d: "M7 7h10", style: { originX: 0 }, variants: LINE_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M7 12h10", style: { originX: 0 }, variants: LINE_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M7 17h6", style: { originX: 0 }, variants: LINE_VARIANTS })] }) }));
+});
+FormIcon.displayName = "FormIcon";
+export { FormIcon };

package/dist/animated-icons/git-branch.d.ts

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

package/dist/animated-icons/git-branch.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 CIRCLE_VARIANTS = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.2, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const LINE_VARIANTS = {
+    normal: { pathLength: 1, opacity: 1 },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0.5, 1],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const GitBranchIcon = 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.path, { animate: controls, d: "M6 3v12", variants: LINE_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z", variants: CIRCLE_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6z", variants: CIRCLE_VARIANTS }), _jsx(motion.path, { animate: controls, d: "M15 6a9 9 0 0 0-9 9", variants: LINE_VARIANTS })] }) }));
+});
+GitBranchIcon.displayName = "GitBranchIcon";
+export { GitBranchIcon };

package/dist/animated-icons/grip-horizontal.d.ts

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

package/dist/animated-icons/grip-horizontal.js

@@ -0,0 +1,70 @@
+"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 CIRCLES = [
+    { cx: 5, cy: 9 },
+    { cx: 12, cy: 9 },
+    { cx: 19, cy: 9 },
+    { cx: 5, cy: 15 },
+    { cx: 12, cy: 15 },
+    { cx: 19, cy: 15 },
+];
+const VARIANTS = {
+    normal: {
+        opacity: 1,
+        scale: 1,
+        transition: { duration: 0.25, ease: "easeOut" },
+    },
+    animate: (index) => {
+        const row = Math.floor(index / 3);
+        const col = index % 3;
+        const delay = col * 0.15 + row * 0.25;
+        return {
+            opacity: [1, 0.4, 1],
+            scale: [1, 0.85, 1],
+            transition: {
+                delay,
+                duration: 1,
+                ease: "easeInOut",
+            },
+        };
+    },
+};
+const GripHorizontalIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    const isAnimatingRef = useRef(false);
+    const startAnimation = useCallback(async () => {
+        if (isAnimatingRef.current)
+            return;
+        isAnimatingRef.current = true;
+        await controls.start("animate");
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    const stopAnimation = useCallback(async () => {
+        if (!isAnimatingRef.current)
+            return;
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return { startAnimation, stopAnimation };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (!isControlledRef.current)
+            startAnimation();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [startAnimation, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (!isControlledRef.current)
+            stopAnimation();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [stopAnimation, onMouseLeave]);
+    return (_jsx("div", { className: cn("inline-flex items-center justify-center", 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: CIRCLES.map((circle, index) => (_jsx(motion.circle, { animate: controls, custom: index, cx: circle.cx, cy: circle.cy, initial: "normal", r: "1", variants: VARIANTS }, `${circle.cx}-${circle.cy}`))) }) }));
+});
+GripHorizontalIcon.displayName = "GripHorizontalIcon";
+export { GripHorizontalIcon };

package/dist/animated-icons/grip-vertical.d.ts

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

package/dist/animated-icons/grip-vertical.js

@@ -0,0 +1,67 @@
+"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 CIRCLES = [
+    { cx: 9, cy: 5 },
+    { cx: 9, cy: 12 },
+    { cx: 9, cy: 19 },
+    { cx: 15, cy: 5 },
+    { cx: 15, cy: 12 },
+    { cx: 15, cy: 19 },
+];
+const ROWS = 3;
+const VARIANTS = {
+    normal: {
+        opacity: 1,
+        scale: 1,
+        transition: { duration: 0.25, ease: "easeOut" },
+    },
+    animate: (data) => {
+        const row = data.index % ROWS;
+        const col = Math.floor(data.index / ROWS);
+        const delay = row * 0.15 + col * (ROWS * 0.15 - 0.2);
+        return {
+            opacity: [1, 0.4, 1],
+            scale: [1, 0.85, 1],
+            transition: { delay, duration: 1, ease: "easeInOut" },
+        };
+    },
+};
+const GripVerticalIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    const isAnimatingRef = useRef(false);
+    const startAnimation = useCallback(async () => {
+        if (isAnimatingRef.current)
+            return;
+        isAnimatingRef.current = true;
+        await controls.start("animate");
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    const stopAnimation = useCallback(async () => {
+        if (!isAnimatingRef.current)
+            return;
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return { startAnimation, stopAnimation };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (!isControlledRef.current)
+            startAnimation();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [startAnimation, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (!isControlledRef.current)
+            stopAnimation();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [stopAnimation, onMouseLeave]);
+    return (_jsx("div", { className: cn("inline-flex items-center justify-center", 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: CIRCLES.map((circle, index) => (_jsx(motion.circle, { animate: controls, custom: { index }, cx: circle.cx, cy: circle.cy, initial: "normal", r: "1", variants: VARIANTS }, `${circle.cx}-${circle.cy}`))) }) }));
+});
+GripVerticalIcon.displayName = "GripVerticalIcon";
+export { GripVerticalIcon };

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

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

package/dist/animated-icons/grip.js

@@ -0,0 +1,72 @@
+"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 CIRCLES = [
+    { cx: 19, cy: 5 },
+    { cx: 19, cy: 12 },
+    { cx: 12, cy: 5 },
+    { cx: 19, cy: 19 },
+    { cx: 12, cy: 12 },
+    { cx: 5, cy: 5 },
+    { cx: 12, cy: 19 },
+    { cx: 5, cy: 12 },
+    { cx: 5, cy: 19 },
+];
+const VARIANTS = {
+    normal: {
+        opacity: 1,
+        transition: { duration: 0.25 },
+    },
+    animate: (index) => ({
+        opacity: [1, 0.3, 0.3, 1],
+        transition: {
+            delay: index * 0.07,
+            duration: 1.1,
+            times: [0, 0.2, 0.8, 1],
+        },
+    }),
+};
+const GripIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+    const controls = useAnimation();
+    const isControlledRef = useRef(false);
+    const isAnimatingRef = useRef(false);
+    const startAnimation = useCallback(async () => {
+        if (isAnimatingRef.current)
+            return;
+        isAnimatingRef.current = true;
+        await controls.start("animate");
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    const stopAnimation = useCallback(async () => {
+        if (!isAnimatingRef.current)
+            return;
+        await controls.start("normal");
+        isAnimatingRef.current = false;
+    }, [controls]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return { startAnimation, stopAnimation };
+    });
+    const handleMouseEnter = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }
+        else {
+            startAnimation();
+        }
+    }, [startAnimation, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        if (isControlledRef.current) {
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }
+        else {
+            stopAnimation();
+        }
+    }, [stopAnimation, onMouseLeave]);
+    return (_jsx("div", { className: cn("inline-flex items-center justify-center", 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: CIRCLES.map((circle, index) => (_jsx(motion.circle, { animate: controls, custom: index, cx: circle.cx, cy: circle.cy, initial: "normal", r: "1", variants: VARIANTS }, `${circle.cx}-${circle.cy}`))) }) }));
+});
+GripIcon.displayName = "GripIcon";
+export { GripIcon };

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

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

package/dist/animated-icons/highlighter.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 PEN_VARIANTS = {
+    normal: { rotate: 0, y: 0 },
+    animate: {
+        rotate: [-5, 5, -5, 0],
+        y: [0, -2, 0],
+        transition: {
+            duration: 0.4,
+            ease: "easeInOut",
+        },
+    },
+};
+const HighlighterIcon = 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.path, { animate: controls, d: "m9 11-6 6v3h9l3-3", variants: PEN_VARIANTS }), _jsx(motion.path, { animate: controls, d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4", variants: PEN_VARIANTS })] }) }));
+});
+HighlighterIcon.displayName = "HighlighterIcon";
+export { HighlighterIcon };

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

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

package/dist/animated-icons/history.js

@@ -0,0 +1,80 @@
+"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_TRANSITION = {
+    type: "spring",
+    stiffness: 250,
+    damping: 25,
+};
+const ARROW_VARIANTS = {
+    normal: {
+        rotate: "0deg",
+    },
+    animate: {
+        rotate: "-50deg",
+    },
+};
+const HAND_TRANSITION = {
+    duration: 0.6,
+    ease: [0.4, 0, 0.2, 1],
+};
+const HAND_VARIANTS = {
+    normal: {
+        rotate: 0,
+        originX: "0%",
+        originY: "100%",
+    },
+    animate: {
+        rotate: -360,
+        originX: "0%",
+        originY: "100%",
+    },
+};
+const MINUTE_HAND_TRANSITION = {
+    duration: 0.5,
+    ease: "easeInOut",
+};
+const MINUTE_HAND_VARIANTS = {
+    normal: {
+        rotate: 0,
+        originX: "0%",
+        originY: "0%",
+    },
+    animate: {
+        rotate: -45,
+        originX: "0%",
+        originY: "0%",
+    },
+};
+const HistoryIcon = 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: ARROW_TRANSITION, variants: ARROW_VARIANTS, children: [_jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), _jsx("path", { d: "M3 3v5h5" })] }), _jsx(motion.line, { animate: controls, initial: "normal", transition: HAND_TRANSITION, variants: HAND_VARIANTS, x1: "12", x2: "12", y1: "12", y2: "7" }), _jsx(motion.line, { animate: controls, initial: "normal", transition: MINUTE_HAND_TRANSITION, variants: MINUTE_HAND_VARIANTS, x1: "12", x2: "16", y1: "12", y2: "14" })] }) }));
+});
+HistoryIcon.displayName = "HistoryIcon";
+export { HistoryIcon };

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

@@ -0,0 +1,100 @@
+export { ArrowDownIcon } from "./arrow-down";
+export type { ArrowDownIconHandle } from "./arrow-down";
+export { ArrowUpIcon } from "./arrow-up";
+export type { ArrowUpIconHandle } from "./arrow-up";
+export { BellIcon } from "./bell";
+export type { BellIconHandle } from "./bell";
+export { BoldIcon } from "./bold";
+export type { BoldIconHandle } from "./bold";
+export { BookOpenIcon } from "./book-open";
+export type { BookOpenIconHandle } from "./book-open";
+export { BuildingIcon } from "./building";
+export type { BuildingIconHandle } from "./building";
+export { CheckIcon } from "./check";
+export type { CheckIconHandle } from "./check";
+export { ChevronDownIcon } from "./chevron-down";
+export type { ChevronDownIconHandle } from "./chevron-down";
+export { ChevronLeftIcon } from "./chevron-left";
+export type { ChevronLeftIconHandle } from "./chevron-left";
+export { ChevronRightIcon } from "./chevron-right";
+export type { ChevronRightIconHandle } from "./chevron-right";
+export { ChevronUpIcon } from "./chevron-up";
+export type { ChevronUpIconHandle } from "./chevron-up";
+export { ClipboardCheckIcon } from "./clipboard-check";
+export type { ClipboardCheckIconHandle } from "./clipboard-check";
+export { DownloadIcon } from "./download";
+export type { DownloadIconHandle } from "./download";
+export { ExternalLinkIcon } from "./external-link";
+export type { ExternalLinkIconHandle } from "./external-link";
+export { EyeIcon } from "./eye";
+export type { EyeIconHandle } from "./eye";
+export { FileTextIcon } from "./file-text";
+export type { FileTextIconHandle } from "./file-text";
+export { FilterIcon } from "./filter";
+export type { FilterIconHandle } from "./filter";
+export { FolderOpenIcon } from "./folder-open";
+export type { FolderOpenIconHandle } from "./folder-open";
+export { FormIcon } from "./form";
+export type { FormIconHandle } from "./form";
+export { GitBranchIcon } from "./git-branch";
+export type { GitBranchIconHandle } from "./git-branch";
+export { GripHorizontalIcon } from "./grip-horizontal";
+export type { GripHorizontalIconHandle } from "./grip-horizontal";
+export { GripVerticalIcon } from "./grip-vertical";
+export type { GripVerticalIconHandle } from "./grip-vertical";
+export { GripIcon } from "./grip";
+export type { GripIconHandle } from "./grip";
+export { HighlighterIcon } from "./highlighter";
+export type { HighlighterIconHandle } from "./highlighter";
+export { HistoryIcon } from "./history";
+export type { HistoryIconHandle } from "./history";
+export { ItalicIcon } from "./italic";
+export type { ItalicIconHandle } from "./italic";
+export { LinkIcon } from "./link";
+export type { LinkIconHandle } from "./link";
+export { ListOrderedIcon } from "./list-ordered";
+export type { ListOrderedIconHandle } from "./list-ordered";
+export { ListIcon } from "./list";
+export type { ListIconHandle } from "./list";
+export { LoaderPinwheelIcon } from "./loader-pinwheel";
+export type { LoaderPinwheelIconHandle } from "./loader-pinwheel";
+export { LogoutIcon } from "./logout";
+export type { LogoutIconHandle } from "./logout";
+export { MaximizeIcon } from "./maximize";
+export type { MaximizeIconHandle } from "./maximize";
+export { MessageSquareIcon } from "./message-square";
+export type { MessageSquareIconHandle } from "./message-square";
+export { PaletteIcon } from "./palette";
+export type { PaletteIconHandle } from "./palette";
+export { PaperclipIcon } from "./paperclip";
+export type { PaperclipIconHandle } from "./paperclip";
+export { PencilIcon } from "./pencil";
+export type { PencilIconHandle } from "./pencil";
+export { PlusIcon } from "./plus";
+export type { PlusIconHandle } from "./plus";
+export { SearchIcon } from "./search";
+export type { SearchIconHandle } from "./search";
+export { SendIcon } from "./send";
+export type { SendIconHandle } from "./send";
+export { SettingsIcon } from "./settings";
+export type { SettingsIconHandle } from "./settings";
+export { ShieldIcon } from "./shield";
+export type { ShieldIconHandle } from "./shield";
+export { StrikethroughIcon } from "./strikethrough";
+export type { StrikethroughIconHandle } from "./strikethrough";
+export { TimerIcon } from "./timer";
+export type { TimerIconHandle } from "./timer";
+export { TrashIcon } from "./trash";
+export type { TrashIconHandle } from "./trash";
+export { TrendingDownIcon } from "./trending-down";
+export type { TrendingDownIconHandle } from "./trending-down";
+export { TrendingUpIcon } from "./trending-up";
+export type { TrendingUpIconHandle } from "./trending-up";
+export { UnderlineIcon } from "./underline";
+export type { UnderlineIconHandle } from "./underline";
+export { UploadIcon } from "./upload";
+export type { UploadIconHandle } from "./upload";
+export { UsersIcon } from "./users";
+export type { UsersIconHandle } from "./users";
+export { XIcon } from "./x";
+export type { XIconHandle } from "./x";