@factorialco/f0-react 1.180.1

package/icons/animated/BarGraph.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface BarGraphProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const BarGraphAnimated: React.ForwardRefExoticComponent<Omit<BarGraphProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default BarGraphAnimated;
+//# sourceMappingURL=BarGraph.d.ts.map

package/icons/animated/BarGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarGraph.d.ts","sourceRoot":"","sources":["../../src/icons/animated/BarGraph.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8B9B,UAAU,aAAc,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,gBAAgB,kGA8CrB,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/icons/animated/BarGraph.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const containerVariants = {
+    normal: {
+        opacity: 1,
+        transition: { duration: 0.2 },
+    },
+    animate: {
+        opacity: 1,
+        transition: {
+            staggerChildren: 0.15,
+        },
+    },
+};
+const lineVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.5,
+            ease: [0, 0, 0.2, 1],
+        },
+    },
+};
+const BarGraphAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "3", vectorEffect: "non-scaling-stroke" }), _jsxs(motion.g, { variants: containerVariants, animate: animate, initial: "normal", children: [_jsx(motion.path, { d: "M8 15L8 13", vectorEffect: "non-scaling-stroke", variants: lineVariants }), _jsx(motion.path, { d: "M12 15L12 9", vectorEffect: "non-scaling-stroke", variants: lineVariants }), _jsx(motion.path, { d: "M16 15L16 11", vectorEffect: "non-scaling-stroke", variants: lineVariants })] })] }));
+});
+BarGraphAnimated.displayName = "BarGraphAnimated";
+export default BarGraphAnimated;

package/icons/animated/Book.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface BookProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const BookAnimated: React.ForwardRefExoticComponent<Omit<BookProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default BookAnimated;
+//# sourceMappingURL=Book.d.ts.map

package/icons/animated/Book.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Book.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Book.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqC9B,UAAU,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,YAAY,8FAiCjB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/icons/animated/Book.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const pageTransition = {
+    duration: 0.7,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const pageLeftVariants = {
+    normal: {
+        skewY: 0,
+        y: 0,
+        scaleX: 1,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        skewY: [0, -10, 0],
+        y: [0, -2, 0],
+        scaleX: [1, 0.9, 1],
+    },
+};
+const pageRightVariants = {
+    normal: {
+        skewY: 0,
+        y: 0,
+        scaleX: 1,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        skewY: [0, 10, 0],
+        y: [0, -2, 0],
+        scaleX: [1, 0.9, 1],
+    },
+};
+const BookAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.path, { d: "M20 7.50006V16.9194C20 17.7579 19.0021 18.2442 18.2289 17.9199C16.2959 17.109 14.2941 17.4668 12 19V7.50006C15 5.49507 17.5 5.50004 20 7.50006Z", initial: "normal", variants: pageLeftVariants, transition: pageTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M4 7.50006V16.9194C4 17.7579 4.99792 18.2442 5.77114 17.9199C7.7041 17.109 9.70585 17.4668 12 19V7.50006C9 5.49507 6.5 5.50004 4 7.50006Z", initial: "normal", variants: pageRightVariants, transition: pageTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+BookAnimated.displayName = "BookAnimated";
+export default BookAnimated;

package/icons/animated/Building.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface BuildingProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const BuildingAnimated: React.ForwardRefExoticComponent<Omit<BuildingProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default BuildingAnimated;
+//# sourceMappingURL=Building.d.ts.map

package/icons/animated/Building.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Building.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Building.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,UAAU,aAAc,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,gBAAgB,kGAqCrB,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/icons/animated/Building.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const buildingTransition = {
+    duration: 0.6,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const buildingVariants = {
+    normal: {
+        scale: 1,
+        rotate: 0,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+        rotate: [0, -10, 0],
+    },
+};
+const BuildingAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: _jsxs(motion.g, { variants: buildingVariants, animate: animate, initial: "normal", transition: buildingTransition, children: [_jsx("path", { d: "M5.52922 6.63982L10.5292 3.82732C11.4425 3.31362 12.5575 3.31362 13.4708 3.82732L18.4708 6.63982C19.4154 7.17117 20 8.17072 20 9.25454V14.7455C20 15.8293 19.4154 16.8288 18.4708 17.3602L13.4708 20.1727C12.5575 20.6864 11.4425 20.6864 10.5292 20.1727L5.52922 17.3602C4.58459 16.8288 4 15.8293 4 14.7455V9.25454C4 8.17072 4.58459 7.17117 5.52922 6.63982Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M5 8L12 12M12 20V12M19 8L12 12", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M15 15.066V18.2336C15 19.01 15.848 19.4901 16.5143 19.0902L17.0143 18.7902C17.3155 18.6095 17.5 18.284 17.5 17.9326V13.882C17.5 13.4933 17.076 13.2533 16.7426 13.4532L15.4853 14.2076C15.1841 14.3883 15 14.7138 15 15.0651Z", transform: "translate(0, -0.5)", vectorEffect: "non-scaling-stroke" })] }) }));
+});
+BuildingAnimated.displayName = "BuildingAnimated";
+export default BuildingAnimated;

package/icons/animated/Calendar.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface CalendarProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const CalendarAnimated: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default CalendarAnimated;
+//# sourceMappingURL=Calendar.d.ts.map

package/icons/animated/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,UAAU,aAAc,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,gBAAgB,kGA0CrB,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/icons/animated/Calendar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const pageTransition = {
+    duration: 0.7,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const pageVariants = {
+    normal: {
+        originX: "50%",
+        originY: "80%",
+        rotate: 0,
+    },
+    animate: {
+        originX: ["50%", "80%", "50%", "20%", "50%"],
+        rotate: [0, 15, 0, -15, 0],
+    },
+};
+const CalendarAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: _jsxs(motion.g, { variants: pageVariants, animate: animate, initial: "normal", transition: pageTransition, children: [_jsxs("g", { children: [_jsx("path", { d: "M5 10H19", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M5 8C5 6.34315 6.34315 5 8 5H16C17.6569 5 19 6.34315 19 8V10H5V8Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M9 3V7", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M15 3V7", vectorEffect: "non-scaling-stroke" })] }), _jsx("path", { d: "M5 10H19V16C19 17.6569 17.6569 19 16 19H8C6.34315 19 5 17.6569 5 16V10Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M5 10H19V16C19 17.6569 17.6569 19 16 19H8C6.34315 19 5 17.6569 5 16V10Z", vectorEffect: "non-scaling-stroke" })] }) }));
+});
+CalendarAnimated.displayName = "CalendarAnimated";
+export default CalendarAnimated;

package/icons/animated/CheckCircle.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface CheckCircleAnimatedProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const CheckCircleAnimated: React.ForwardRefExoticComponent<Omit<CheckCircleAnimatedProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default CheckCircleAnimated;
+//# sourceMappingURL=CheckCircle.d.ts.map

package/icons/animated/CheckCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircle.d.ts","sourceRoot":"","sources":["../../src/icons/animated/CheckCircle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,UAAU,wBAAyB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACtE,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,mBAAmB,6GAoCvB,CAAA;AAIF,eAAe,mBAAmB,CAAA"}

package/icons/animated/CheckCircle.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const checkTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.2,
+};
+const checkVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const circleTransition = {
+    duration: 0.5,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const circleVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+    },
+};
+const CheckCircleAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx(motion.circle, { cx: "12", cy: "12", r: "8", fill: "currentColor", initial: "normal", variants: circleVariants, transition: circleTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M16.52 9.39C16.7354 9.10281 16.6772 8.69539 16.39 8.48C16.1028 8.26461 15.6954 8.32281 15.48 8.61L11.4297 14.0104L8.95963 11.5404C8.70578 11.2865 8.29423 11.2865 8.04039 11.5404C7.78655 11.7942 7.78655 12.2058 8.04039 12.4596L11.0404 15.4596C11.1736 15.5929 11.3581 15.6617 11.5461 15.6484C11.734 15.635 11.9069 15.5407 12.02 15.39L16.52 9.39Z", fill: "white", fillRule: "evenodd", clipRule: "evenodd", initial: "normal", variants: checkVariants, transition: checkTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+CheckCircleAnimated.displayName = "CheckCircleAnimated";
+export default CheckCircleAnimated;

package/icons/animated/CheckCircleLine.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface CheckCircleLineAnimatedProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const CheckCircleLineAnimated: React.ForwardRefExoticComponent<Omit<CheckCircleLineAnimatedProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default CheckCircleLineAnimated;
+//# sourceMappingURL=CheckCircleLine.d.ts.map

package/icons/animated/CheckCircleLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleLine.d.ts","sourceRoot":"","sources":["../../src/icons/animated/CheckCircleLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,UAAU,4BAA6B,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC1E,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,uBAAuB,iHAoC3B,CAAA;AAIF,eAAe,uBAAuB,CAAA"}

package/icons/animated/CheckCircleLine.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const checkTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.2,
+};
+const checkVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const circleTransition = {
+    duration: 0.5,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const circleVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+    },
+};
+const CheckCircleLineAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.circle, { cx: "12", cy: "12", r: "8", initial: "normal", variants: circleVariants, transition: circleTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M9.00003 12L11.4 14.4L15 9.6", initial: "normal", variants: checkVariants, transition: checkTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+CheckCircleLineAnimated.displayName = "CheckCircleLineAnimated";
+export default CheckCircleLineAnimated;

package/icons/animated/Clock.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface ClockProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const ClockAnimated: React.ForwardRefExoticComponent<Omit<ClockProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ClockAnimated;
+//# sourceMappingURL=Clock.d.ts.map

package/icons/animated/Clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clock.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Clock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,UAAU,UAAW,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACxD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,aAAa,+FAwClB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/icons/animated/Clock.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const handTransition = {
+    duration: 0.7,
+    ease: [1, -0.4, 0.35, 0.95],
+};
+const handVariants = {
+    normal: {
+        rotate: 0,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        rotate: 360,
+    },
+};
+const handMinuteTransition = {
+    duration: 0.6,
+    ease: [1, -0.4, 0.35, 0.95],
+};
+const handMinuteVariants = {
+    normal: {
+        rotate: 135,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        rotate: 495,
+    },
+};
+const ClockAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "8" }), _jsx(motion.line, { x1: "12", y1: "12", x2: "12", y2: "9", variants: handVariants, animate: animate, initial: "normal", transition: handTransition, vectorEffect: "non-scaling-stroke" }), _jsx(motion.line, { x1: "12", y1: "12", x2: "12", y2: "8", variants: handMinuteVariants, animate: animate, initial: "normal", transition: handMinuteTransition, vectorEffect: "non-scaling-stroke" })] }));
+});
+ClockAnimated.displayName = "ClockAnimated";
+export default ClockAnimated;

package/icons/animated/Desktop.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface DesktopProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const DesktopAnimated: React.ForwardRefExoticComponent<Omit<DesktopProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default DesktopAnimated;
+//# sourceMappingURL=Desktop.d.ts.map

package/icons/animated/Desktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Desktop.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Desktop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8B9B,UAAU,YAAa,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,eAAe,iGA6CpB,CAAA;AAID,eAAe,eAAe,CAAA"}

package/icons/animated/Desktop.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const containerVariants = {
+    normal: {
+        opacity: 0,
+        transition: { duration: 0.2 },
+    },
+    animate: {
+        opacity: 1,
+        transition: {
+            staggerChildren: 0.1,
+        },
+    },
+};
+const lineVariants = {
+    normal: {
+        pathLength: 0,
+        opacity: 0,
+    },
+    animate: {
+        pathLength: [0, 1, 1, 0],
+        opacity: [0, 1, 1, 1, 0],
+        transition: {
+            duration: 0.5,
+            ease: [0, 0, 0.2, 1],
+        },
+    },
+};
+const DesktopAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx("path", { d: "M6 4H18C19.6569 4 21 5.34315 21 7V13C21 14.6569 19.6569 16 18 16H6C4.34315 16 3 14.6569 3 13V7C3 5.34315 4.34315 4 6 4Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M7 20H17", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M9 20L9 16", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M15 20L15 16", vectorEffect: "non-scaling-stroke" }), _jsxs(motion.g, { variants: containerVariants, animate: animate, initial: "normal", children: [_jsx(motion.path, { d: "M6 7.5H14", variants: lineVariants, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M6 10H17", variants: lineVariants, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M6 12.5H11", variants: lineVariants, vectorEffect: "non-scaling-stroke" })] })] }));
+});
+DesktopAnimated.displayName = "DesktopAnimated";
+export default DesktopAnimated;

package/icons/animated/Flag.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface FlagProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const FlagAnimated: React.ForwardRefExoticComponent<Omit<FlagProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default FlagAnimated;
+//# sourceMappingURL=Flag.d.ts.map

package/icons/animated/Flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Flag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,UAAU,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,YAAY,8FA0BjB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/icons/animated/Flag.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const flagTransition = {
+    duration: 0.7,
+    ease: [0.42, 0, 0.58, 1],
+};
+const flagVariants = {
+    normal: {
+        skewY: 0,
+        x: 0,
+        y: 0,
+        originX: "50%",
+        originY: "60%",
+    },
+    animate: {
+        skewY: [0, -10, 10, 0],
+        y: [0, -1, 1, 0],
+    },
+};
+const FlagAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.path, { d: "M6 5.50001C9.5 4.50001 11 5.00001 12.5 6.00001C14 7 16 7.00002 18 5.50002V15C16 16.5 14 16.5 12.5 15.5C11 14.5 9.5 14 6 15", initial: "normal", variants: flagVariants, animate: animate, transition: flagTransition, vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M6 4V20", vectorEffect: "non-scaling-stroke" })] }));
+});
+FlagAnimated.displayName = "FlagAnimated";
+export default FlagAnimated;

package/icons/animated/FolderUser.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface FolderUserProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const FolderUserAnimated: React.ForwardRefExoticComponent<Omit<FolderUserProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default FolderUserAnimated;
+//# sourceMappingURL=FolderUser.d.ts.map

package/icons/animated/FolderUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderUser.d.ts","sourceRoot":"","sources":["../../src/icons/animated/FolderUser.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC7D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,kBAAkB,oGA0CvB,CAAA;AAID,eAAe,kBAAkB,CAAA"}

package/icons/animated/FolderUser.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const folderTransition = {
+    duration: 0.5,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const folderVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+    },
+};
+const userTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.2,
+};
+const userVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const FolderUserAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.path, { d: "M11.4375 5C11.09 4.38228 10.4364 4 9.72765 4H7.2C6.07989 4 5.51984 4 5.09202 4.21799C4.71569 4.40973 4.40973 4.71569 4.21799 5.09202C4 5.51984 4 6.07989 4 7.2V13.2C4 14.8802 4 15.7202 4.32698 16.362C4.6146 16.9265 5.07354 17.3854 5.63803 17.673C6.27976 18 7.11984 18 8.8 18H15.2C16.8802 18 17.7202 18 18.362 17.673C18.9265 17.3854 19.3854 16.9265 19.673 16.362C20 15.7202 20 14.8802 20 13.2V10.8C20 9.11984 20 8.27976 19.673 7.63803C19.3854 7.07354 18.9265 6.6146 18.362 6.32698C17.7202 6 16.8802 6 15.2 6H13.1473C12.4386 6 11.785 5.61772 11.4375 5V5Z", variants: folderVariants, transition: folderTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M8 17.5C8 16 9.79086 15 12 15C14.2091 15 16 16 16 17.5", initial: "normal", variants: userVariants, transition: userTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.circle, { cx: "12", cy: "11.5", r: "2.5", initial: "normal", variants: userVariants, transition: userTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+FolderUserAnimated.displayName = "FolderUserAnimatedIcon";
+export default FolderUserAnimated;

package/icons/animated/Folders.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface FoldersProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const FoldersAnimated: React.ForwardRefExoticComponent<Omit<FoldersProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default FoldersAnimated;
+//# sourceMappingURL=Folders.d.ts.map

package/icons/animated/Folders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folders.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Folders.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiC9B,UAAU,YAAa,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,eAAe,iGAiCpB,CAAA;AAID,eAAe,eAAe,CAAA"}

package/icons/animated/Folders.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const defaultTransition = {
+    duration: 0.8,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const folderVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+    },
+    animate: {
+        x: [0, 1, 0],
+        y: [0, 2, 0],
+    },
+};
+const foldVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+        opacity: 1,
+        scale: 1,
+    },
+    animate: {
+        x: [0, -1, 0],
+        y: [0, -2, 0],
+        opacity: [0.6, 0, 1],
+        scale: [1, 0.7, 1],
+    },
+};
+const FoldersAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.path, { d: "M10.4375 5C10.09 4.38228 9.43639 4 8.72765 4H7.12954C6.07585 4 5.54901 4 5.14167 4.19355C4.72595 4.39108 4.39108 4.72595 4.19355 5.14167C4 5.54901 4 6.07585 4 7.12954V11.2C4 12.8802 4 13.7202 4.32698 14.362C4.6146 14.9265 5.07354 15.3854 5.63803 15.673C6.27976 16 7.11984 16 8.8 16H13.2C14.8802 16 15.7202 16 16.362 15.673C16.9265 15.3854 17.3854 14.9265 17.673 14.362C18 13.7202 18 12.8802 18 11.2V10.4168C18 9.09704 18 8.43714 17.796 7.91257C17.4911 7.12874 16.8713 6.50887 16.0874 6.20402C15.5629 6 14.903 6 13.5832 6H12.1473C11.4386 6 10.785 5.61772 10.4375 5V5Z", initial: "normal", variants: folderVariants, animate: animate, transition: defaultTransition, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M7 19H11.4C14.7603 19 16.4405 19 17.7239 18.346C18.8529 17.7708 19.7708 16.8529 20.346 15.7239C21 14.4405 21 12.7603 21 9.4V9", initial: "normal", variants: foldVariants, animate: animate, transition: defaultTransition, vectorEffect: "non-scaling-stroke" })] }));
+});
+FoldersAnimated.displayName = "FoldersAnimated";
+export default FoldersAnimated;

package/icons/animated/Graph.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface GraphProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const GraphAnimated: React.ForwardRefExoticComponent<Omit<GraphProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default GraphAnimated;
+//# sourceMappingURL=Graph.d.ts.map

package/icons/animated/Graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Graph.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoD9B,UAAU,UAAW,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACxD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,aAAa,+FAyClB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/icons/animated/Graph.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const graphTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.2,
+};
+const graphVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const arrowTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.4,
+};
+const arrowVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const axisTransition = {
+    duration: 0.5,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const axisVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+    },
+};
+const GraphAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsxs("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx(motion.path, { d: "M4 6V15C4 16.6569 5.34315 18 7 18H20", initial: "normal", variants: axisVariants, transition: axisTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M8 14L12 10L15 13L20 8", initial: "normal", variants: graphVariants, transition: graphTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M17 8H20V11", initial: "normal", variants: arrowVariants, transition: arrowTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+GraphAnimated.displayName = "GraphAnimated";
+export default GraphAnimated;

package/icons/animated/Heart.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface HeartProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const HeartAnimated: React.ForwardRefExoticComponent<Omit<HeartProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default HeartAnimated;
+//# sourceMappingURL=Heart.d.ts.map

package/icons/animated/Heart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heart.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Heart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,UAAU,UAAW,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACxD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,aAAa,+FAyBlB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/icons/animated/Heart.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const heartTransition = {
+    duration: 0.6,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const heartVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1.1, 1],
+    },
+};
+const HeartAnimated = React.forwardRef(({ animate = "normal", ...props }, ref) => {
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "1.3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: _jsx(motion.path, { d: "M15.0625 6C12.875 6 12 8 12 8C12 8 11.125 6 8.9375 6C7.1875 6 5 7.71429 5 10.2857C5 14.5714 12 19 12 19C12 19 19 14.5714 19 10.2857C19 8.14286 17.25 6 15.0625 6Z", initial: "normal", vectorEffect: "non-scaling-stroke", variants: heartVariants, transition: heartTransition, animate: animate }) }));
+});
+HeartAnimated.displayName = "HeartAnimated";
+export default HeartAnimated;

package/icons/animated/Home.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface HomeProps extends React.SVGProps<SVGSVGElement> {
+    animate?: "normal" | "animate";
+}
+declare const HomeAnimated: React.ForwardRefExoticComponent<Omit<HomeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default HomeAnimated;
+//# sourceMappingURL=Home.d.ts.map

package/icons/animated/Home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Home.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiC9B,UAAU,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,YAAY,8FAiCjB,CAAA;AAID,eAAe,YAAY,CAAA"}