arxatec-ui 0.1.59 → 0.1.63

package/dist/arxatec-ui.css

@@ -1,2 +1,2 @@
-._shimmer_17ewq_1{opacity:var(--loader-shimmer-opacity,1);animation:2.4s ease-in-out infinite _loader-diagonal_17ewq_1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);-webkit-mask-size:250% 250%;mask-size:250% 250%}@keyframes _loader-diagonal_17ewq_1{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){._shimmer_17ewq_1{animation:none}}._wrapper_yldl5_1{min-height:2.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._wrapper_yldl5_1 .ProseMirror{max-width:none;min-height:0;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);background:0 0;outline:none;margin:0;padding:.375rem .75rem}._wrapper_yldl5_1 .ProseMirror p,._wrapper_yldl5_1 .ProseMirror li,._wrapper_yldl5_1 .ProseMirror blockquote,._wrapper_yldl5_1 .ProseMirror strong,._wrapper_yldl5_1 .ProseMirror em,._wrapper_yldl5_1 .ProseMirror u{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);margin:.5rem 0}._wrapper_yldl5_1 .ProseMirror h1{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:600;line-height:var(--font-line-height-lg);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h2{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:600;line-height:var(--font-line-height-base);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h3{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;line-height:var(--font-line-height-sm);margin:.35rem 0 .2rem}._wrapper_yldl5_1 .ProseMirror h4{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.3rem 0 .15rem}._wrapper_yldl5_1 .ProseMirror h5,._wrapper_yldl5_1 .ProseMirror h6{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.25rem 0}._wrapper_yldl5_1 .ProseMirror p{margin:.125rem 0}._wrapper_yldl5_1 .ProseMirror ul,._wrapper_yldl5_1 .ProseMirror ol{margin:.25rem 0;padding-left:1.25rem}._wrapper_yldl5_1 .ProseMirror li{margin:0}._wrapper_yldl5_1 .ProseMirror blockquote{border-left-width:2px;margin:.25rem 0;padding-left:.75rem}._wrapper_yldl5_1 .ProseMirror code{font-family:var(--font-mono);font-size:var(--font-size-xs)}._wrapper_yldl5_1 .ProseMirror .is-description-editor-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}
+._wrapper_yldl5_1{min-height:2.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._wrapper_yldl5_1 .ProseMirror{max-width:none;min-height:0;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);background:0 0;outline:none;margin:0;padding:.375rem .75rem}._wrapper_yldl5_1 .ProseMirror p,._wrapper_yldl5_1 .ProseMirror li,._wrapper_yldl5_1 .ProseMirror blockquote,._wrapper_yldl5_1 .ProseMirror strong,._wrapper_yldl5_1 .ProseMirror em,._wrapper_yldl5_1 .ProseMirror u{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);margin:.5rem 0}._wrapper_yldl5_1 .ProseMirror h1{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:600;line-height:var(--font-line-height-lg);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h2{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:600;line-height:var(--font-line-height-base);margin:.375rem 0 .25rem}._wrapper_yldl5_1 .ProseMirror h3{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;line-height:var(--font-line-height-sm);margin:.35rem 0 .2rem}._wrapper_yldl5_1 .ProseMirror h4{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.3rem 0 .15rem}._wrapper_yldl5_1 .ProseMirror h5,._wrapper_yldl5_1 .ProseMirror h6{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;line-height:var(--font-line-height-xs);margin:.25rem 0}._wrapper_yldl5_1 .ProseMirror p{margin:.125rem 0}._wrapper_yldl5_1 .ProseMirror ul,._wrapper_yldl5_1 .ProseMirror ol{margin:.25rem 0;padding-left:1.25rem}._wrapper_yldl5_1 .ProseMirror li{margin:0}._wrapper_yldl5_1 .ProseMirror blockquote{border-left-width:2px;margin:.25rem 0;padding-left:.75rem}._wrapper_yldl5_1 .ProseMirror code{font-family:var(--font-mono);font-size:var(--font-size-xs)}._wrapper_yldl5_1 .ProseMirror .is-description-editor-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}._shimmer_17ewq_1{opacity:var(--loader-shimmer-opacity,1);animation:2.4s ease-in-out infinite _loader-diagonal_17ewq_1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);mask-image:linear-gradient(135deg,#0000 35%,#000 50%,#0000 65%);-webkit-mask-size:250% 250%;mask-size:250% 250%}@keyframes _loader-diagonal_17ewq_1{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){._shimmer_17ewq_1{animation:none}}
 /*$vite$:1*/

package/dist/components/animated_icons/components/book_text/index.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes } from 'react';
-export interface BookTextIconHandle {
-    startAnimation: () => void;
-    stopAnimation: () => void;
-}
-interface BookTextIconProps extends HTMLAttributes<HTMLDivElement> {
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-declare const BookTextIcon: import('react').ForwardRefExoticComponent<BookTextIconProps & import('react').RefAttributes<BookTextIconHandle>>;
+declare const BookTextIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
 export { BookTextIcon };

package/dist/components/animated_icons/components/book_text/index.js

@@ -0,0 +1,81 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { forwardRef as n } from "react";
+import { motion as r, useAnimation as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/book_text/index.tsx
+var s = n(({ onMouseEnter: n, onMouseLeave: s, className: c, size: l = 28, ...u }, d) => {
+	let f = i(), p = t({
+		ref: d,
+		onMouseEnter: n,
+		onMouseLeave: s,
+		start: () => f.start("animate"),
+		stop: () => f.start("normal")
+	});
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "animated-icon",
+		className: e(c),
+		...p,
+		...u,
+		children: /* @__PURE__ */ o(r.svg, {
+			animate: f,
+			fill: "none",
+			height: l,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			variants: {
+				animate: {
+					scale: [
+						1,
+						1.04,
+						1
+					],
+					rotate: [
+						0,
+						-8,
+						8,
+						-8,
+						0
+					],
+					y: [
+						0,
+						-2,
+						0
+					],
+					transition: {
+						duration: .6,
+						ease: "easeInOut",
+						times: [
+							0,
+							.2,
+							.5,
+							.8,
+							1
+						]
+					}
+				},
+				normal: {
+					scale: 1,
+					rotate: 0,
+					y: 0
+				}
+			},
+			viewBox: "0 0 24 24",
+			width: l,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ a("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" }),
+				/* @__PURE__ */ a("path", { d: "M8 11h8" }),
+				/* @__PURE__ */ a("path", { d: "M8 7h6" })
+			]
+		})
+	});
+});
+s.displayName = "BookTextIcon";
+//#endregion
+export { s as BookTextIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/book_text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/book_text/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nimport type { AnimatedIconHandle } from \"../../hooks/use_animated_icon\";\nimport { useAnimatedIconHandle } from \"../../hooks/use_animated_icon_handle\";\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst BookTextIcon = forwardRef<AnimatedIconHandle, Props>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const hoverHandlers = useAnimatedIconHandle({\n      ref,\n      onMouseEnter,\n      onMouseLeave,\n      start: () => controls.start(\"animate\"),\n      stop: () => controls.start(\"normal\"),\n    });\n\n    return (\n      <div\n        data-slot=\"animated-icon\"\n        className={cn(className)}\n        {...hoverHandlers}\n        {...props}\n      >\n        <motion.svg\n          animate={controls}\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          variants={{\n            animate: {\n              scale: [1, 1.04, 1],\n              rotate: [0, -8, 8, -8, 0],\n              y: [0, -2, 0],\n              transition: {\n                duration: 0.6,\n                ease: \"easeInOut\",\n                times: [0, 0.2, 0.5, 0.8, 1],\n              },\n            },\n            normal: {\n              scale: 1,\n              rotate: 0,\n              y: 0,\n            },\n          }}\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\" />\n          <path d=\"M8 11h8\" />\n          <path d=\"M8 7h6\" />\n        </motion.svg>\n      </div>\n    );\n  }\n);\n\nBookTextIcon.displayName = \"BookTextIcon\";\n\nexport { BookTextIcon };\n"],"mappings":";;;;;;;AAeA,IAAM,IAAe,GAClB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,aAAa,EAAS,MAAM,UAAU;EACtC,YAAY,EAAS,MAAM,SAAS;EACrC,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAU;EACxB,GAAI;EACJ,GAAI;YAEJ,kBAAC,EAAO,KAAR;GACE,SAAS;GACT,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,UAAU;IACR,SAAS;KACP,OAAO;MAAC;MAAG;MAAM;MAAE;KACnB,QAAQ;MAAC;MAAG;MAAI;MAAG;MAAI;MAAE;KACzB,GAAG;MAAC;MAAG;MAAI;MAAE;KACb,YAAY;MACV,UAAU;MACV,MAAM;MACN,OAAO;OAAC;OAAG;OAAK;OAAK;OAAK;OAAE;MAC7B;KACF;IACD,QAAQ;KACN,OAAO;KACP,QAAQ;KACR,GAAG;KACJ;IACF;GACD,SAAQ;GACR,OAAO;GACP,OAAM;aA3BR;IA6BE,kBAAC,QAAD,EAAM,GAAE,0FAA2F,CAAA;IACnG,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACR;;EACT,CAAA;EAGX;AAED,EAAa,cAAc"}

package/dist/components/animated_icons/components/calendar_days/constants/index.d.ts

@@ -0,0 +1,6 @@
+import { Variants } from 'motion/react';
+export declare const DOTS: {
+    cx: number;
+    cy: number;
+}[];
+export declare const VARIANTS: Variants;

package/dist/components/animated_icons/components/calendar_days/constants/index.js

@@ -0,0 +1,52 @@
+//#region src/components/animated_icons/components/calendar_days/constants/index.ts
+var e = [
+	{
+		cx: 8,
+		cy: 14
+	},
+	{
+		cx: 12,
+		cy: 14
+	},
+	{
+		cx: 16,
+		cy: 14
+	},
+	{
+		cx: 8,
+		cy: 18
+	},
+	{
+		cx: 12,
+		cy: 18
+	},
+	{
+		cx: 16,
+		cy: 18
+	}
+], t = {
+	normal: {
+		opacity: 1,
+		transition: { duration: .2 }
+	},
+	animate: (e) => ({
+		opacity: [
+			1,
+			.3,
+			1
+		],
+		transition: {
+			delay: e * .1,
+			duration: .4,
+			times: [
+				0,
+				.5,
+				1
+			]
+		}
+	})
+};
+//#endregion
+export { e as DOTS, t as VARIANTS };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/calendar_days/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/calendar_days/constants/index.ts"],"sourcesContent":["import type { Variants } from \"motion/react\";\n\nexport const DOTS = [\n  { cx: 8, cy: 14 },\n  { cx: 12, cy: 14 },\n  { cx: 16, cy: 14 },\n  { cx: 8, cy: 18 },\n  { cx: 12, cy: 18 },\n  { cx: 16, cy: 18 },\n];\n\nexport const VARIANTS: Variants = {\n  normal: {\n    opacity: 1,\n    transition: {\n      duration: 0.2,\n    },\n  },\n  animate: (i: number) => ({\n    opacity: [1, 0.3, 1],\n    transition: {\n      delay: i * 0.1,\n      duration: 0.4,\n      times: [0, 0.5, 1],\n    },\n  }),\n};\n"],"mappings":";AAEA,IAAa,IAAO;CAClB;EAAE,IAAI;EAAG,IAAI;EAAI;CACjB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAG,IAAI;EAAI;CACjB;EAAE,IAAI;EAAI,IAAI;EAAI;CAClB;EAAE,IAAI;EAAI,IAAI;EAAI;CACnB,EAEY,IAAqB;CAChC,QAAQ;EACN,SAAS;EACT,YAAY,EACV,UAAU,IACX;EACF;CACD,UAAU,OAAe;EACvB,SAAS;GAAC;GAAG;GAAK;GAAE;EACpB,YAAY;GACV,OAAO,IAAI;GACX,UAAU;GACV,OAAO;IAAC;IAAG;IAAK;IAAE;GACnB;EACF;CACF"}

package/dist/components/animated_icons/components/calendar_days/index.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes } from 'react';
-export interface CalendarDaysIconHandle {
-    startAnimation: () => void;
-    stopAnimation: () => void;
-}
-interface CalendarDaysIconProps extends HTMLAttributes<HTMLDivElement> {
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-declare const CalendarDaysIcon: import('react').ForwardRefExoticComponent<CalendarDaysIconProps & import('react').RefAttributes<CalendarDaysIconHandle>>;
+declare const CalendarDaysIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
 export { CalendarDaysIcon };

package/dist/components/animated_icons/components/calendar_days/index.js

@@ -0,0 +1,62 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { DOTS as n, VARIANTS as r } from "./constants/index.js";
+import { forwardRef as i } from "react";
+import { AnimatePresence as a, motion as o, useAnimation as s } from "motion/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/calendar_days/index.tsx
+var u = i(({ onMouseEnter: i, onMouseLeave: u, className: d, size: f = 28, ...p }, m) => {
+	let h = s(), g = t({
+		ref: m,
+		onMouseEnter: i,
+		onMouseLeave: u,
+		start: () => h.start("animate"),
+		stop: () => h.start("normal")
+	});
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "animated-icon",
+		className: e(d),
+		...g,
+		...p,
+		children: /* @__PURE__ */ l("svg", {
+			fill: "none",
+			height: f,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: f,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ c("path", { d: "M8 2v4" }),
+				/* @__PURE__ */ c("path", { d: "M16 2v4" }),
+				/* @__PURE__ */ c("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "4"
+				}),
+				/* @__PURE__ */ c("path", { d: "M3 10h18" }),
+				/* @__PURE__ */ c(a, { children: n.map((e, t) => /* @__PURE__ */ c(o.circle, {
+					animate: h,
+					custom: t,
+					cx: e.cx,
+					cy: e.cy,
+					fill: "currentColor",
+					initial: "normal",
+					r: "1",
+					stroke: "none",
+					variants: r
+				}, `${e.cx}-${e.cy}`)) })
+			]
+		})
+	});
+});
+u.displayName = "CalendarDaysIcon";
+//#endregion
+export { u as CalendarDaysIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/calendar_days/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/calendar_days/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nimport { DOTS, VARIANTS } from \"./constants\";\n\nimport type { AnimatedIconHandle } from \"../../hooks/use_animated_icon\";\nimport { useAnimatedIconHandle } from \"../../hooks/use_animated_icon_handle\";\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst CalendarDaysIcon = forwardRef<AnimatedIconHandle, Props>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const hoverHandlers = useAnimatedIconHandle({\n      ref,\n      onMouseEnter,\n      onMouseLeave,\n      start: () => controls.start(\"animate\"),\n      stop: () => controls.start(\"normal\"),\n    });\n\n    return (\n      <div\n        data-slot=\"animated-icon\"\n        className={cn(className)}\n        {...hoverHandlers}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M8 2v4\" />\n          <path d=\"M16 2v4\" />\n          <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"4\" />\n          <path d=\"M3 10h18\" />\n          <AnimatePresence>\n            {DOTS.map((dot, index) => (\n              <motion.circle\n                animate={controls}\n                custom={index}\n                cx={dot.cx}\n                cy={dot.cy}\n                fill=\"currentColor\"\n                initial=\"normal\"\n                key={`${dot.cx}-${dot.cy}`}\n                r=\"1\"\n                stroke=\"none\"\n                variants={VARIANTS}\n              />\n            ))}\n          </AnimatePresence>\n        </svg>\n      </div>\n    );\n  }\n);\n\nCalendarDaysIcon.displayName = \"CalendarDaysIcon\";\n\nexport { CalendarDaysIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAmB,GACtB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,aAAa,EAAS,MAAM,UAAU;EACtC,YAAY,EAAS,MAAM,SAAS;EACrC,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAU;EACxB,GAAI;EACJ,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,kBAAC,QAAD,EAAM,GAAE,UAAW,CAAA;IACnB,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,QAAD;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM,CAAA;IAClD,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;IACrB,kBAAC,GAAD,EAAA,UACG,EAAK,KAAK,GAAK,MACd,kBAAC,EAAO,QAAR;KACE,SAAS;KACT,QAAQ;KACR,IAAI,EAAI;KACR,IAAI,EAAI;KACR,MAAK;KACL,SAAQ;KAER,GAAE;KACF,QAAO;KACP,UAAU;KACV,EAJK,GAAG,EAAI,GAAG,GAAG,EAAI,KAItB,CACF,EACc,CAAA;IACd;;EACF,CAAA;EAGX;AAED,EAAiB,cAAc"}

package/dist/components/animated_icons/components/chart_pie/constants/index.d.ts

@@ -0,0 +1,2 @@
+import { Variants } from 'motion/react';
+export declare const PATH_VARIANTS: Variants;

package/dist/components/animated_icons/components/chart_pie/constants/index.js

@@ -0,0 +1,15 @@
+//#region src/components/animated_icons/components/chart_pie/constants/index.ts
+var e = {
+	normal: {
+		translateX: 0,
+		translateY: 0
+	},
+	animate: {
+		translateX: 1.1,
+		translateY: -1.1
+	}
+};
+//#endregion
+export { e as PATH_VARIANTS };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/chart_pie/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/chart_pie/constants/index.ts"],"sourcesContent":["import type { Variants } from \"motion/react\";\n\nexport const PATH_VARIANTS: Variants = {\n  normal: { translateX: 0, translateY: 0 },\n  animate: { translateX: 1.1, translateY: -1.1 },\n};\n"],"mappings":";AAEA,IAAa,IAA0B;CACrC,QAAQ;EAAE,YAAY;EAAG,YAAY;EAAG;CACxC,SAAS;EAAE,YAAY;EAAK,YAAY;EAAM;CAC/C"}

package/dist/components/animated_icons/components/chart_pie/index.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes } from 'react';
-export interface ChartPieIconHandle {
-    startAnimation: () => void;
-    stopAnimation: () => void;
-}
-interface ChartPieIconProps extends HTMLAttributes<HTMLDivElement> {
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-declare const ChartPieIcon: import('react').ForwardRefExoticComponent<ChartPieIconProps & import('react').RefAttributes<ChartPieIconHandle>>;
+declare const ChartPieIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
 export { ChartPieIcon };

package/dist/components/animated_icons/components/chart_pie/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { PATH_VARIANTS as n } from "./constants/index.js";
+import { forwardRef as r } from "react";
+import { motion as i, useAnimation as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/chart_pie/index.tsx
+var c = r(({ onMouseEnter: r, onMouseLeave: c, className: l, size: u = 28, ...d }, f) => {
+	let p = a(), m = t({
+		ref: f,
+		onMouseEnter: r,
+		onMouseLeave: c,
+		start: () => p.start("animate"),
+		stop: () => p.start("normal")
+	});
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "animated-icon",
+		className: e(l),
+		...m,
+		...d,
+		children: /* @__PURE__ */ s("svg", {
+			fill: "none",
+			height: u,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: u,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ o(i.path, {
+				animate: p,
+				d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 15,
+					bounce: .6
+				},
+				variants: n
+			}), /* @__PURE__ */ o("path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83" })]
+		})
+	});
+});
+c.displayName = "ChartPieIcon";
+//#endregion
+export { c as ChartPieIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/chart_pie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/chart_pie/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nimport { PATH_VARIANTS } from \"./constants\";\n\nimport type { AnimatedIconHandle } from \"../../hooks/use_animated_icon\";\nimport { useAnimatedIconHandle } from \"../../hooks/use_animated_icon_handle\";\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst ChartPieIcon = forwardRef<AnimatedIconHandle, Props>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const hoverHandlers = useAnimatedIconHandle({\n      ref,\n      onMouseEnter,\n      onMouseLeave,\n      start: () => controls.start(\"animate\"),\n      stop: () => controls.start(\"normal\"),\n    });\n\n    return (\n      <div\n        data-slot=\"animated-icon\"\n        className={cn(className)}\n        {...hoverHandlers}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <motion.path\n            animate={controls}\n            d=\"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 15,\n              bounce: 0.6,\n            }}\n            variants={PATH_VARIANTS}\n          />\n          <path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\nChartPieIcon.displayName = \"ChartPieIcon\";\n\nexport { ChartPieIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAe,GAClB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,aAAa,EAAS,MAAM,UAAU;EACtC,YAAY,EAAS,MAAM,SAAS;EACrC,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAU;EACxB,GAAI;EACJ,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACT,QAAQ;KACT;IACD,UAAU;IACV,CAAA,EACF,kBAAC,QAAD,EAAM,GAAE,mCAAoC,CAAA,CACxC;;EACF,CAAA;EAGX;AAED,EAAa,cAAc"}

package/dist/components/animated_icons/components/circle_help/constants/index.d.ts

@@ -0,0 +1,2 @@
+import { Variants } from 'motion/react';
+export declare const VARIANTS: Variants;

package/dist/components/animated_icons/components/circle_help/constants/index.js

@@ -0,0 +1,15 @@
+//#region src/components/animated_icons/components/circle_help/constants/index.ts
+var e = {
+	normal: { rotate: 0 },
+	animate: { rotate: [
+		0,
+		-10,
+		10,
+		-10,
+		0
+	] }
+};
+//#endregion
+export { e as VARIANTS };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/circle_help/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/circle_help/constants/index.ts"],"sourcesContent":["import type { Variants } from \"motion/react\";\n\nexport const VARIANTS: Variants = {\n  normal: { rotate: 0 },\n  animate: { rotate: [0, -10, 10, -10, 0] },\n};\n"],"mappings":";AAEA,IAAa,IAAqB;CAChC,QAAQ,EAAE,QAAQ,GAAG;CACrB,SAAS,EAAE,QAAQ;EAAC;EAAG;EAAK;EAAI;EAAK;EAAE,EAAE;CAC1C"}

package/dist/components/animated_icons/components/circle_help/index.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes } from 'react';
-export interface CircleHelpIconHandle {
-    startAnimation: () => void;
-    stopAnimation: () => void;
-}
-interface CircleHelpIconProps extends HTMLAttributes<HTMLDivElement> {
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-declare const CircleHelpIcon: import('react').ForwardRefExoticComponent<CircleHelpIconProps & import('react').RefAttributes<CircleHelpIconHandle>>;
+declare const CircleHelpIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
 export { CircleHelpIcon };

package/dist/components/animated_icons/components/circle_help/index.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { VARIANTS as n } from "./constants/index.js";
+import { forwardRef as r } from "react";
+import { motion as i, useAnimation as a } from "motion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/circle_help/index.tsx
+var c = r(({ onMouseEnter: r, onMouseLeave: c, className: l, size: u = 28, ...d }, f) => {
+	let p = a(), m = t({
+		ref: f,
+		onMouseEnter: r,
+		onMouseLeave: c,
+		start: () => p.start("animate"),
+		stop: () => p.start("normal")
+	});
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "animated-icon",
+		className: e(l),
+		...m,
+		...d,
+		children: /* @__PURE__ */ s("svg", {
+			fill: "none",
+			height: u,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: u,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ o("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}), /* @__PURE__ */ s(i.g, {
+				animate: p,
+				transition: {
+					duration: .5,
+					ease: "easeInOut"
+				},
+				variants: n,
+				children: [/* @__PURE__ */ o("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), /* @__PURE__ */ o("path", { d: "M12 17h.01" })]
+			})]
+		})
+	});
+});
+c.displayName = "CircleHelpIcon";
+//#endregion
+export { c as CircleHelpIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/circle_help/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/circle_help/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nimport { VARIANTS } from \"./constants\";\n\nimport type { AnimatedIconHandle } from \"../../hooks/use_animated_icon\";\nimport { useAnimatedIconHandle } from \"../../hooks/use_animated_icon_handle\";\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst CircleHelpIcon = forwardRef<AnimatedIconHandle, Props>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const hoverHandlers = useAnimatedIconHandle({\n      ref,\n      onMouseEnter,\n      onMouseLeave,\n      start: () => controls.start(\"animate\"),\n      stop: () => controls.start(\"normal\"),\n    });\n\n    return (\n      <div\n        data-slot=\"animated-icon\"\n        className={cn(className)}\n        {...hoverHandlers}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <motion.g\n            animate={controls}\n            transition={{\n              duration: 0.5,\n              ease: \"easeInOut\",\n            }}\n            variants={VARIANTS}\n          >\n            <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n            <path d=\"M12 17h.01\" />\n          </motion.g>\n        </svg>\n      </div>\n    );\n  }\n);\n\nCircleHelpIcon.displayName = \"CircleHelpIcon\";\n\nexport { CircleHelpIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAiB,GACpB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,aAAa,EAAS,MAAM,UAAU;EACtC,YAAY,EAAS,MAAM,SAAS;EACrC,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAU;EACxB,GAAI;EACJ,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAO,CAAA,EACjC,kBAAC,EAAO,GAAR;IACE,SAAS;IACT,YAAY;KACV,UAAU;KACV,MAAM;KACP;IACD,UAAU;cANZ,CAQE,kBAAC,QAAD,EAAM,GAAE,wCAAyC,CAAA,EACjD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACd;MACP;;EACF,CAAA;EAGX;AAED,EAAe,cAAc"}

package/dist/components/animated_icons/components/folders/index.d.ts

@@ -1,10 +1,7 @@
 import { HTMLAttributes } from 'react';
-export interface FoldersIconHandle {
-    startAnimation: () => void;
-    stopAnimation: () => void;
-}
-interface FoldersIconProps extends HTMLAttributes<HTMLDivElement> {
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
     size?: number;
 }
-declare const FoldersIcon: import('react').ForwardRefExoticComponent<FoldersIconProps & import('react').RefAttributes<FoldersIconHandle>>;
+declare const FoldersIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
 export { FoldersIcon };

package/dist/components/animated_icons/components/folders/index.js

@@ -0,0 +1,79 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { forwardRef as n } from "react";
+import { motion as r, useAnimation as i } from "motion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/folders/index.tsx
+var s = n(({ onMouseEnter: n, onMouseLeave: s, className: c, size: l = 28, ...u }, d) => {
+	let f = i(), p = t({
+		ref: d,
+		onMouseEnter: n,
+		onMouseLeave: s,
+		start: () => f.start("animate"),
+		stop: () => f.start("normal")
+	});
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "animated-icon",
+		className: e(c),
+		...p,
+		...u,
+		children: /* @__PURE__ */ o("svg", {
+			fill: "none",
+			height: l,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: l,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ a(r.path, {
+				animate: f,
+				d: "M20 17a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.9a2 2 0 0 1-1.69-.9l-.81-1.2a2 2 0 0 0-1.67-.9H8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2Z",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 25
+				},
+				variants: {
+					normal: {
+						translateX: 0,
+						translateY: 0
+					},
+					animate: {
+						translateX: -2,
+						translateY: 2
+					}
+				}
+			}), /* @__PURE__ */ a(r.path, {
+				animate: f,
+				d: "M2 8v11a2 2 0 0 0 2 2h14",
+				transition: {
+					type: "spring",
+					stiffness: 250,
+					damping: 25
+				},
+				variants: {
+					normal: {
+						translateX: 0,
+						translateY: 0,
+						opacity: 1,
+						scale: 1
+					},
+					animate: {
+						translateX: 2,
+						translateY: -2,
+						opacity: 0,
+						scale: .9
+					}
+				}
+			})]
+		})
+	});
+});
+s.displayName = "FoldersIcon";
+//#endregion
+export { s as FoldersIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/folders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/folders/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useAnimation } from \"motion/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/utilities/index\";\n\nimport type { AnimatedIconHandle } from \"../../hooks/use_animated_icon\";\nimport { useAnimatedIconHandle } from \"../../hooks/use_animated_icon_handle\";\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n}\n\nconst FoldersIcon = forwardRef<AnimatedIconHandle, Props>(\n  ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {\n    const controls = useAnimation();\n    const hoverHandlers = useAnimatedIconHandle({\n      ref,\n      onMouseEnter,\n      onMouseLeave,\n      start: () => controls.start(\"animate\"),\n      stop: () => controls.start(\"normal\"),\n    });\n\n    return (\n      <div\n        data-slot=\"animated-icon\"\n        className={cn(className)}\n        {...hoverHandlers}\n        {...props}\n      >\n        <svg\n          fill=\"none\"\n          height={size}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <motion.path\n            animate={controls}\n            d=\"M20 17a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.9a2 2 0 0 1-1.69-.9l-.81-1.2a2 2 0 0 0-1.67-.9H8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2Z\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 25,\n            }}\n            variants={{\n              normal: {\n                translateX: 0,\n                translateY: 0,\n              },\n              animate: {\n                translateX: -2,\n                translateY: 2,\n              },\n            }}\n          />\n          <motion.path\n            animate={controls}\n            d=\"M2 8v11a2 2 0 0 0 2 2h14\"\n            transition={{\n              type: \"spring\",\n              stiffness: 250,\n              damping: 25,\n            }}\n            variants={{\n              normal: {\n                translateX: 0,\n                translateY: 0,\n                opacity: 1,\n                scale: 1,\n              },\n              animate: {\n                translateX: 2,\n                translateY: -2,\n                opacity: 0,\n                scale: 0.9,\n              },\n            }}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nFoldersIcon.displayName = \"FoldersIcon\";\n\nexport { FoldersIcon };\n"],"mappings":";;;;;;;AAeA,IAAM,IAAc,GACjB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,aAAa,EAAS,MAAM,UAAU;EACtC,YAAY,EAAS,MAAM,SAAS;EACrC,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAU;EACxB,GAAI;EACJ,GAAI;YAEJ,kBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR,CAWE,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACV;IACD,UAAU;KACR,QAAQ;MACN,YAAY;MACZ,YAAY;MACb;KACD,SAAS;MACP,YAAY;MACZ,YAAY;MACb;KACF;IACD,CAAA,EACF,kBAAC,EAAO,MAAR;IACE,SAAS;IACT,GAAE;IACF,YAAY;KACV,MAAM;KACN,WAAW;KACX,SAAS;KACV;IACD,UAAU;KACR,QAAQ;MACN,YAAY;MACZ,YAAY;MACZ,SAAS;MACT,OAAO;MACR;KACD,SAAS;MACP,YAAY;MACZ,YAAY;MACZ,SAAS;MACT,OAAO;MACR;KACF;IACD,CAAA,CACE;;EACF,CAAA;EAGX;AAED,EAAY,cAAc"}

package/dist/components/animated_icons/components/hammer/constants/index.d.ts

@@ -0,0 +1,2 @@
+import { Variants } from 'motion/react';
+export declare const HAMMER_VARIANTS: Variants;

package/dist/components/animated_icons/components/hammer/constants/index.js

@@ -0,0 +1,36 @@
+//#region src/components/animated_icons/components/hammer/constants/index.ts
+var e = {
+	normal: {
+		rotate: 0,
+		transition: {
+			duration: .3,
+			ease: "easeOut"
+		}
+	},
+	animate: {
+		rotate: [
+			0,
+			-20,
+			25,
+			0
+		],
+		transition: {
+			duration: .8,
+			times: [
+				0,
+				.6,
+				.8,
+				1
+			],
+			ease: [
+				"easeInOut",
+				"easeOut",
+				"easeOut"
+			]
+		}
+	}
+};
+//#endregion
+export { e as HAMMER_VARIANTS };
+
+//# sourceMappingURL=index.js.map

package/dist/components/animated_icons/components/hammer/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/hammer/constants/index.ts"],"sourcesContent":["import type { Variants } from \"motion/react\";\n\nexport const HAMMER_VARIANTS: Variants = {\n  normal: {\n    rotate: 0,\n    transition: {\n      duration: 0.3,\n      ease: \"easeOut\",\n    },\n  },\n  animate: {\n    rotate: [0, -20, 25, 0],\n    transition: {\n      duration: 0.8,\n      times: [0, 0.6, 0.8, 1],\n      ease: [\"easeInOut\", \"easeOut\", \"easeOut\"],\n    },\n  },\n};\n"],"mappings":";AAEA,IAAa,IAA4B;CACvC,QAAQ;EACN,QAAQ;EACR,YAAY;GACV,UAAU;GACV,MAAM;GACP;EACF;CACD,SAAS;EACP,QAAQ;GAAC;GAAG;GAAK;GAAI;GAAE;EACvB,YAAY;GACV,UAAU;GACV,OAAO;IAAC;IAAG;IAAK;IAAK;IAAE;GACvB,MAAM;IAAC;IAAa;IAAW;IAAU;GAC1C;EACF;CACF"}

package/dist/components/animated_icons/components/hammer/index.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+import { AnimatedIconHandle } from '../../hooks/use_animated_icon';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+}
+declare const HammerIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
+export { HammerIcon };