@factorialco/f0-react 1.180.1

package/icons/animated/Home.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 homeTransition = {
+    duration: 0.6,
+    ease: [0.77, 0, 0.175, 1],
+};
+const homeVariants = {
+    normal: {
+        scaleX: 1,
+        x: 0,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        scaleX: [1, 0.85, 1],
+        x: [0, -2, 0],
+    },
+};
+const pathVariants = {
+    normal: {
+        opacity: 0,
+        x: -1,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        opacity: [0, 1, 0],
+        x: [1, 0.5, -1],
+    },
+};
+const HomeAnimated = 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: "M6.25629 8.10265L10.2563 5.24551C11.2994 4.50044 12.7006 4.50044 13.7437 5.24551L17.7437 8.10265C18.5321 8.66579 19 9.575 19 10.5439V16.5C19 18.1569 17.6569 19.5 16 19.5H15C14.4477 19.5 14 19.0523 14 18.5V16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16V18.5C10 19.0523 9.55228 19.5 9 19.5H8C6.34315 19.5 5 18.1569 5 16.5V10.5439C5 9.575 5.4679 8.66579 6.25629 8.10265Z", initial: "normal", vectorEffect: "non-scaling-stroke", variants: homeVariants, transition: homeTransition, animate: animate }), _jsx(motion.path, { d: "M13.2 19.5L17 19.5C18.6569 19.5 20 18.1568 20 16.5V10.4196C20 9.52098 19.5971 8.66965 18.9022 8.09983L15.8295 5.58019C15.2931 5.14036 14.6209 4.89999 13.9273 4.89999H10", initial: "normal", vectorEffect: "non-scaling-stroke", variants: pathVariants, transition: homeTransition, animate: animate })] }));
+});
+HomeAnimated.displayName = "HomeAnimated";
+export default HomeAnimated;

package/icons/animated/Inbox.d.ts

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

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

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

package/icons/animated/Inbox.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const inboxTransition = {
+    duration: 0.6,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const inboxVariants = {
+    normal: {
+        originX: "50%",
+        originY: "80%",
+        scaleX: 1,
+        scaleY: 1,
+    },
+    animate: {
+        scaleX: [1, 0.8, 1.1, 1],
+        scaleY: [1, 1.1, 0.8, 1],
+    },
+};
+const InboxAnimated = 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: inboxVariants, animate: animate, initial: "normal", transition: inboxTransition, children: [_jsx("path", { d: "M20 15V10.7146C20 10.2525 19.84 9.80467 19.5471 9.44721L17.6236 7.09894C17.0538 6.40334 16.202 6 15.3028 6H8.31014C7.31744 6 6.38901 6.49107 5.83033 7.31163L4.34677 9.49064C4.12081 9.82251 3.99997 10.2147 3.99997 10.6162V15C3.99997 16.6569 5.34312 18 6.99997 18H17C18.6568 18 20 16.6569 20 15Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M4.49997 10H7.65284C8.14168 10 8.55887 10.3534 8.63924 10.8356L8.8607 12.1644C8.94107 12.6466 9.35826 13 9.8471 13H14.1528C14.6417 13 15.0589 12.6466 15.1392 12.1644L15.3607 10.8356C15.4411 10.3534 15.8583 10 16.3471 10H19.5", vectorEffect: "non-scaling-stroke" })] }) }));
+});
+InboxAnimated.displayName = "InboxAnimated";
+export default InboxAnimated;

package/icons/animated/MessageHeart.d.ts

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

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

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

package/icons/animated/MessageHeart.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 messageTransition = {
+    duration: 0.5,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const messageVariants = {
+    normal: {
+        scale: 1,
+    },
+    animate: {
+        scale: [1, 0.9, 1],
+    },
+};
+const heartTransition = {
+    duration: 0.5,
+    ease: [0, 0, 0.2, 1],
+    delay: 0.2,
+};
+const heartVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const MessageHeartAnimated = 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: "M17 6H6.85714C5.27919 6 4 7.27919 4 8.85714V15.1293C4 16.7148 5.28525 18 6.87068 18C6.94791 18 7.01647 18.0494 7.04089 18.1227L7.56126 19.6838C7.7771 20.3313 8.56389 20.5771 9.10994 20.1675L11.7333 18.2C11.9064 18.0702 12.117 18 12.3333 18H17C18.6569 18 20 16.6569 20 15V9C20 7.34315 18.6569 6 17 6Z", variants: messageVariants, transition: messageTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M13.4389 9C14.6716 9 15.5 10.1175 15.5 11.16C15.5 13.2713 12.0622 15 12 15C11.9378 15 8.5 13.2713 8.5 11.16C8.5 10.1175 9.32833 9 10.5611 9C11.2689 9 11.7317 9.34125 12 9.64125C12.2683 9.34125 12.7311 9 13.4389 9Z", variants: heartVariants, transition: heartTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+MessageHeartAnimated.displayName = "MessageHeartAnimated";
+export default MessageHeartAnimated;

package/icons/animated/Money.d.ts

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

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

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

package/icons/animated/Money.js

@@ -0,0 +1,66 @@
+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 moneyVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+    },
+    animate: {
+        x: [1, 0],
+        y: [2, 0],
+    },
+};
+const foldVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+        opacity: 1,
+        scale: 1,
+    },
+    animate: {
+        x: [-1, 0],
+        y: [-2, 0],
+        opacity: [0, 1],
+        scale: [0.6, 1],
+    },
+};
+const dollarTransition = {
+    duration: 0.4,
+    ease: [0.645, 0.045, 0.355, 1],
+    delay: 0.2,
+};
+const dollarVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const dotsTransition = {
+    duration: 0.4,
+    ease: [0.645, 0.045, 0.355, 1],
+    delay: 0.3,
+};
+const dotsVariants = {
+    normal: {
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        opacity: [0, 1],
+    },
+};
+const MoneyAnimated = 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: [_jsxs(motion.g, { initial: "normal", variants: moneyVariants, animate: animate, transition: defaultTransition, children: [_jsx("path", { d: "M9 3H14C15.6569 3 17 4.34315 17 6V14C17 15.6569 15.6569 17 14 17H9C7.34315 17 6 15.6569 6 14V6C6 4.34315 7.34315 3 9 3Z", vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M13.5 7H11C10.1716 7 9.5 7.67157 9.5 8.5V8.5C9.5 9.32843 10.1716 10 11 10H12C12.8284 10 13.5 10.6716 13.5 11.5V11.5C13.5 12.3284 12.8284 13 12 13H9.5", initial: "normal", variants: dollarVariants, transition: dollarTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.line, { x1: "11.5", y1: "7", x2: "11.5", y2: "6", initial: "normal", variants: dotsVariants, transition: dotsTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.line, { x1: "11.5", y1: "14", x2: "11.5", y2: "13", initial: "normal", variants: dotsVariants, transition: dotsTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }), _jsx(motion.path, { d: "M9 20H10.4C13.7603 20 15.4405 20 16.7239 19.346C17.8529 18.7708 18.7708 17.8529 19.346 16.7239C20 15.4405 20 13.7603 20 10.4V9", initial: "normal", variants: foldVariants, animate: animate, transition: defaultTransition, vectorEffect: "non-scaling-stroke" })] }));
+});
+MoneyAnimated.displayName = "MoneyAnimated";
+export default MoneyAnimated;

package/icons/animated/MoneyBag.d.ts

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

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

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

package/icons/animated/MoneyBag.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const bagTransition = {
+    duration: 0.6,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const bagVariants = {
+    normal: {
+        scaleY: 1,
+        scaleX: 1,
+        originX: "50%",
+        originY: "90%",
+    },
+    animate: {
+        scaleY: [1, 0.8, 1],
+        scaleX: [1, 1.1, 1],
+    },
+};
+const dollarTransition = {
+    duration: 0.4,
+    ease: [0.645, 0.045, 0.355, 1],
+    delay: 0.2,
+};
+const dollarVariants = {
+    normal: {
+        pathLength: 1,
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+    },
+};
+const dotsTransition = {
+    duration: 0.4,
+    ease: [0.645, 0.045, 0.355, 1],
+    delay: 0.3,
+};
+const dotsVariants = {
+    normal: {
+        opacity: 1,
+        transition: { delay: 0 },
+    },
+    animate: {
+        opacity: [0, 1],
+    },
+};
+const MoneyBagAnimated = 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: [_jsxs(motion.g, { id: "bag", initial: "normal", variants: bagVariants, transition: bagTransition, animate: animate, children: [_jsx("path", { d: "M5.54981 14.121L6.2641 10.121C6.68993 7.73641 8.76387 6 11.1862 6H12.8138C15.2361 6 17.3101 7.73641 17.7359 10.121L18.4502 14.121C18.9974 17.1857 16.6412 20 13.528 20H10.472C7.35882 20 5.00255 17.1857 5.54981 14.121Z", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M10.3257 2.5H13.6743C14.3386 2.5 14.8183 3.13591 14.6358 3.77472L14 6H10L9.36421 3.77472C9.18169 3.1359 9.66135 2.5 10.3257 2.5Z", vectorEffect: "non-scaling-stroke" })] }), _jsx(motion.path, { d: "M14 10H11.5C10.6716 10 10 10.6716 10 11.5V11.5C10 12.3284 10.6716 13 11.5 13H12.5C13.3284 13 14 13.6716 14 14.5V14.5C14 15.3284 13.3284 16 12.5 16H10", initial: "normal", variants: dollarVariants, transition: dollarTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.line, { x1: "12", y1: "16", x2: "12", y2: "17", initial: "normal", variants: dotsVariants, transition: dotsTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.line, { x1: "12", y1: "9", x2: "12", y2: "10", initial: "normal", variants: dotsVariants, transition: dotsTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+MoneyBagAnimated.displayName = "MoneyBagAnimated";
+export default MoneyBagAnimated;

package/icons/animated/PalmTree.d.ts

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

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

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

package/icons/animated/PalmTree.js

@@ -0,0 +1,32 @@
+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.6,
+    ease: [0.42, 0, 0.58, 1],
+};
+const treeVariants = {
+    normal: {
+        skew: 0,
+        originX: "50%",
+        originY: "100%",
+    },
+    animate: {
+        skew: [0, 8, -8, 0],
+    },
+};
+const palmVariants = {
+    normal: {
+        rotate: 0,
+        originX: "50%",
+        originY: "100%",
+    },
+    animate: {
+        rotate: [0, -10, 10, 0],
+    },
+};
+const PalmTreeAnimated = 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", ...props, children: [_jsxs(motion.g, { id: "palm", initial: "normal", variants: palmVariants, transition: defaultTransition, animate: animate, children: [_jsx("path", { d: "M12 12L17.9536 14.9768C17.9781 14.989 18.0078 14.9765 18.0161 14.9505C18.4772 13.5039 18.0133 12.0621 17.0728 11.0423C17.0459 11.0131 17.0663 10.9652 17.1061 10.9652H19.955C19.9799 10.9652 20.0001 10.9454 19.9995 10.9205C19.9697 9.47309 18.492 7.53588 15.0948 7.50048C15.0571 7.50008 15.0349 7.45634 15.0585 7.42687L16.982 5.02247C16.993 5.00876 16.9952 4.99013 16.9869 4.97467C16.4577 3.99167 13.9831 3.51695 12 5.5", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M12 12L6.04641 14.9768C6.02191 14.989 5.99217 14.9766 5.98385 14.9505C5.52281 13.5039 5.98675 12.0621 6.92718 11.0423C6.95411 11.0131 6.93366 10.9652 6.89394 10.9652H4.045C4.02015 10.9652 3.99995 10.9454 4.00046 10.9206C4.0303 9.47311 5.50795 7.5359 8.90518 7.50049C8.94291 7.5001 8.96508 7.45635 8.94151 7.42689L7.01799 5.02248C7.00702 5.00878 7.00482 4.99014 7.01314 4.97469C7.54231 3.99168 10.0169 3.51697 12 5.50001", vectorEffect: "non-scaling-stroke" })] }), _jsx(motion.path, { d: "M8 19H16M13.5 13L14 19M10.5 13L10 19", initial: "normal", variants: treeVariants, transition: defaultTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+PalmTreeAnimated.displayName = "PalmTreeAnimated";
+export default PalmTreeAnimated;

package/icons/animated/People.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"People.d.ts","sourceRoot":"","sources":["../../src/icons/animated/People.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+B9B,UAAU,WAAY,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,cAAc,gGA4CnB,CAAA;AAID,eAAe,cAAc,CAAA"}

package/icons/animated/People.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 defaultTransition = {
+    duration: 0.6,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const personFrontVariants = {
+    normal: {
+        x: 0,
+        scale: 1,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        x: [0, 3, 0],
+        scale: [1, 1.1, 1],
+    },
+};
+const personBackVariants = {
+    normal: {
+        x: 0,
+        opacity: 1,
+    },
+    animate: {
+        x: [0, -3, 0],
+        opacity: [1, 0, 1],
+    },
+};
+const PeopleAnimated = 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: [_jsxs(motion.g, { initial: "normal", variants: personFrontVariants, animate: animate, transition: defaultTransition, children: [_jsx("circle", { cx: "9", cy: "9", r: "4", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M4.00003 18C4.00003 18 5.50003 16 9.00003 16C12.5 16 14 18 14 18", vectorEffect: "non-scaling-stroke" })] }), _jsxs(motion.g, { initial: "normal", variants: personBackVariants, animate: animate, transition: defaultTransition, children: [_jsx("path", { d: "M16 13C17.6569 13 19 11.6569 19 10C19 8.34315 17.6569 7 16 7", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M17 16C19 16 19.75 17 19.75 17", vectorEffect: "non-scaling-stroke" })] })] }));
+});
+PeopleAnimated.displayName = "PeopleAnimated";
+export default PeopleAnimated;

package/icons/animated/Person.d.ts

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

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

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

package/icons/animated/Person.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 headTransition = {
+    duration: 0.6,
+    ease: [0.42, 0, 0.58, 1],
+};
+const headVariants = {
+    normal: {
+        rotate: 0,
+        originX: "50%",
+        originY: "60%",
+    },
+    animate: {
+        rotate: [0, -28, 28, 0],
+    },
+};
+const PersonAnimated = 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.circle, { cx: "12", cy: "9", r: "4", initial: "normal", variants: headVariants, transition: headTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M7 18C7 18 8.5 16 12 16C15.5 16 17 18 17 18", vectorEffect: "non-scaling-stroke" })] }));
+});
+PersonAnimated.displayName = "PersonAnimated";
+export default PersonAnimated;

package/icons/animated/Rocket.d.ts

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

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

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

package/icons/animated/Rocket.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 fireTransition = {
+    duration: 0.8,
+    ease: [0.215, 0.61, 0.355, 1],
+};
+const fireVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+    },
+    animate: {
+        x: [0, -1.5, 0],
+        y: [0, 1.5, 0],
+    },
+};
+const shipTransition = {
+    duration: 0.6,
+    ease: [0.42, 0, 0.58, 1],
+};
+const shipVariants = {
+    normal: {
+        x: 0,
+        y: 0,
+        rotate: 0,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        x: [0, -1, 0],
+        y: [0, 1, 0],
+        rotate: [0, -12, 12, 0],
+    },
+};
+const RocketAnimated = 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 14.9999L9 12.9999M11 14.9999C12.0745 14.5913 13.413 14.0759 14.3846 13.4615M11 14.9999V18.9999C11 18.9999 14.2538 18.1153 15 16.9999C15.8308 15.7538 14.3846 13.4615 14.3846 13.4615M9 12.9999C9.40934 11.938 9.92477 10.6124 10.5385 9.6539M9 12.9999H5C5 12.9999 5.88462 9.74607 7 8.99993C8.24615 8.16917 10.5385 9.6539 10.5385 9.6539M10.5385 9.6539C12.5 6.50003 14.5 5.00003 19 5.00003C19 8.50003 18 11.5 14.3846 13.4615", initial: "normal", variants: shipVariants, transition: shipTransition, animate: animate, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M4.66921 17.526C4.74318 16.6629 5.46533 16 6.33156 16V16C7.25301 16 8 16.747 8 17.6684V17.6684C8 18.5347 7.3371 19.2568 6.47404 19.3308L4.5 19.5L4.66921 17.526Z", initial: "normal", variants: fireVariants, transition: fireTransition, animate: animate, vectorEffect: "non-scaling-stroke" })] }));
+});
+RocketAnimated.displayName = "RocketAnimated";
+export default RocketAnimated;

package/icons/animated/Schedule.d.ts

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

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

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

package/icons/animated/Schedule.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 clockTransition = {
+    duration: 0.7,
+    ease: [0.175, 0.885, 0.32, 1.275],
+};
+const clockVariants = {
+    normal: {
+        scale: 1,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        scale: [1, 0.8, 1],
+    },
+};
+const lineTransition = {
+    duration: 0.9,
+    ease: [0.645, 0.045, 0.355, 1],
+};
+const lineVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+    },
+};
+const ScheduleAnimated = 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: "M10.5 18H7C5.34315 18 4 16.6569 4 15V9C4 7.34315 5.34315 6 7 6H17C18.6569 6 20 7.34315 20 9V9", vectorEffect: "non-scaling-stroke" }), _jsxs(motion.g, { variants: clockVariants, animate: animate, initial: "normal", transition: clockTransition, children: [_jsx("rect", { x: "13", y: "11", width: "9", height: "9", rx: "4.5", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M17.5 14V15.054C17.5 15.3326 17.6393 15.5928 17.8711 15.7474L19 16.5", vectorEffect: "non-scaling-stroke" })] }), _jsx(motion.path, { d: "M7 10L11 10", variants: lineVariants, animate: animate, initial: "normal", transition: lineTransition, vectorEffect: "non-scaling-stroke" }), _jsx(motion.path, { d: "M7 14H9", variants: lineVariants, animate: animate, initial: "normal", transition: lineTransition, vectorEffect: "non-scaling-stroke" })] }));
+});
+ScheduleAnimated.displayName = "ScheduleAnimated";
+export default ScheduleAnimated;

package/icons/animated/SearchPerson.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPerson.d.ts","sourceRoot":"","sources":["../../src/icons/animated/SearchPerson.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoC9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC/D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,oBAAoB,sGA6CzB,CAAA;AAID,eAAe,oBAAoB,CAAA"}

package/icons/animated/SearchPerson.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+const personTransition = {
+    duration: 0.8,
+    ease: [0.42, 0, 0.58, 1],
+};
+const personVariants = {
+    normal: {
+        opacity: 1,
+        scale: 1,
+    },
+    animate: {
+        opacity: [1, 0, 0, 1],
+        scale: [1, 0.8, 0.8, 1],
+    },
+};
+const magnifierTransition = {
+    duration: 0.5,
+    ease: [0.23, 1, 0.32, 1],
+    delay: 0.25,
+};
+const magnifierVariants = {
+    normal: {
+        rotate: 0,
+        originX: "80%",
+        originY: "80%",
+        transition: { delay: 0 },
+    },
+    animate: {
+        rotate: [0, 14, -14, 0],
+    },
+};
+const SearchPersonAnimated = 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: [_jsxs(motion.g, { initial: "normal", variants: personVariants, transition: personTransition, animate: animate, children: [_jsx("path", { d: "M6.5 16V16C8.60581 12.7243 13.3942 12.7243 15.5 16V16", vectorEffect: "non-scaling-stroke" }), _jsx("circle", { cx: "11", cy: "10.5", r: "2.5", vectorEffect: "non-scaling-stroke" })] }), _jsxs(motion.g, { initial: "normal", variants: magnifierVariants, transition: magnifierTransition, animate: animate, children: [_jsx("rect", { x: "4", y: "4", width: "14", height: "14", rx: "7", vectorEffect: "non-scaling-stroke" }), _jsx("path", { d: "M16 16L19 19", vectorEffect: "non-scaling-stroke" })] })] }));
+});
+SearchPersonAnimated.displayName = "SearchPersonAnimated";
+export default SearchPersonAnimated;

package/icons/animated/Settings.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../src/icons/animated/Settings.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,kGA+BrB,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/icons/animated/Settings.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 cogTransition = {
+    duration: 0.6,
+    ease: [1, -0.4, 0.35, 0.95],
+};
+const cogVariants = {
+    normal: {
+        rotate: 0,
+        originX: "50%",
+        originY: "50%",
+    },
+    animate: {
+        rotate: 180,
+    },
+};
+const SettingsAnimated = 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.3036 4.71638C11.0868 3.46223 12.9132 3.46223 13.6964 4.71638L14.4364 5.90129C14.7887 6.46555 15.3986 6.81766 16.0635 6.8407L17.4596 6.88908C18.9373 6.94029 19.8505 8.52194 19.156 9.8273L18.4998 11.0606C18.1873 11.6479 18.1873 12.3521 18.4998 12.9394L19.156 14.1727C19.8505 15.4781 18.9373 17.0597 17.4596 17.1109L16.0635 17.1593C15.3986 17.1823 14.7887 17.5345 14.4364 18.0987L13.6964 19.2836C12.9132 20.5378 11.0868 20.5378 10.3036 19.2836L9.56365 18.0987C9.21127 17.5345 8.60139 17.1823 7.93654 17.1593L6.54039 17.1109C5.06266 17.0597 4.14949 15.4781 4.84401 14.1727L5.50018 12.9394C5.81266 12.3521 5.81266 11.6479 5.50018 11.0606L4.84401 9.8273C4.14949 8.52194 5.06266 6.94029 6.54039 6.88908L7.93654 6.8407C8.60139 6.81766 9.21127 6.46555 9.56365 5.90129L10.3036 4.71638Z", variants: cogVariants, animate: animate, initial: "normal", transition: cogTransition, vectorEffect: "non-scaling-stroke" }), _jsx("circle", { cx: "11.9995", cy: "12", r: "2.5", vectorEffect: "non-scaling-stroke" })] }));
+});
+SettingsAnimated.displayName = "SettingsAnimated";
+export default SettingsAnimated;

package/icons/animated/Sparkles.d.ts

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

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

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