arxatec-ui 0.1.59 → 0.1.63

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

@@ -0,0 +1,51 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { HAMMER_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/hammer/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(i.svg, {
+			animate: p,
+			fill: "none",
+			height: u,
+			initial: "normal",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			style: {
+				transformOrigin: "0% 100%",
+				transformBox: "fill-box"
+			},
+			variants: n,
+			viewBox: "0 0 24 24",
+			width: u,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ o("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+				/* @__PURE__ */ o("path", { d: "m18 15 4-4" }),
+				/* @__PURE__ */ o("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
+			]
+		})
+	});
+});
+c.displayName = "HammerIcon";
+//#endregion
+export { c as HammerIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/hammer/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 { HAMMER_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 HammerIcon = 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          initial=\"normal\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          style={{ transformOrigin: \"0% 100%\", transformBox: \"fill-box\" }}\n          variants={HAMMER_VARIANTS}\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9\" />\n          <path d=\"m18 15 4-4\" />\n          <path d=\"m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5\" />\n        </motion.svg>\n      </div>\n    );\n  }\n);\n\nHammerIcon.displayName = \"HammerIcon\";\n\nexport { HammerIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAa,GAChB,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,SAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,OAAO;IAAE,iBAAiB;IAAW,cAAc;IAAY;GAC/D,UAAU;GACV,SAAQ;GACR,OAAO;GACP,OAAM;aAbR;IAeE,kBAAC,QAAD,EAAM,GAAE,6CAA8C,CAAA;IACtD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;IACvB,kBAAC,QAAD,EAAM,GAAE,oLAAqL,CAAA;IAClL;;EACT,CAAA;EAGX;AAED,EAAW,cAAc"}

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

@@ -1,12 +1,14 @@
-export * from './users';
-export * from './layers';
-export * from './search';
-export * from './folders';
-export * from './sliders_horizontal';
-export * from './chart_pie';
-export * from './calendar_days';
-export * from './circle_help';
-export * from './panel_left_close';
-export * from './panel_left_open';
-export * from './sparkles';
-export * from './book_text';
+export { BookTextIcon } from './book_text';
+export { CalendarDaysIcon } from './calendar_days';
+export { ChartPieIcon } from './chart_pie';
+export { CircleHelpIcon } from './circle_help';
+export { FoldersIcon } from './folders';
+export { HammerIcon } from './hammer';
+export { LayersIcon } from './layers';
+export { MessageSquareIcon } from './message_square';
+export { PanelLeftCloseIcon } from './panel_left_close';
+export { PanelLeftOpenIcon } from './panel_left_open';
+export { SearchIcon } from './search';
+export { SlidersHorizontalIcon } from './sliders_horizontal';
+export { SparklesIcon } from './sparkles';
+export { UsersIcon } from './users';

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

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

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

@@ -0,0 +1,11 @@
+//#region src/components/animated_icons/components/layers/constants/index.ts
+var e = {
+	type: "spring",
+	stiffness: 100,
+	damping: 14,
+	mass: 1
+};
+//#endregion
+export { e as DEFAULT_TRANSITION };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/layers/constants/index.ts"],"sourcesContent":["import type { Transition } from \"motion/react\";\n\nexport const DEFAULT_TRANSITION: Transition = {\n  type: \"spring\",\n  stiffness: 100,\n  damping: 14,\n  mass: 1,\n};\n"],"mappings":";AAEA,IAAa,IAAiC;CAC5C,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;CACP"}

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

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

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

@@ -0,0 +1,64 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { DEFAULT_TRANSITION 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/layers/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: async () => {
+			await p.start("firstState"), await p.start("secondState");
+		},
+		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("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+				/* @__PURE__ */ o(i.path, {
+					animate: p,
+					d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",
+					transition: n,
+					variants: {
+						normal: { y: 0 },
+						firstState: { y: -9 },
+						secondState: { y: 0 }
+					}
+				}),
+				/* @__PURE__ */ o(i.path, {
+					animate: p,
+					d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",
+					transition: n,
+					variants: {
+						normal: { y: 0 },
+						firstState: { y: -5 },
+						secondState: { y: 0 }
+					}
+				})
+			]
+		})
+	});
+});
+c.displayName = "LayersIcon";
+//#endregion
+export { c as LayersIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/layers/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 { DEFAULT_TRANSITION } 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 LayersIcon = 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: async () => {\n        await controls.start(\"firstState\");\n        await controls.start(\"secondState\");\n      },\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=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\" />\n          <motion.path\n            animate={controls}\n            d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\n            transition={DEFAULT_TRANSITION}\n            variants={{\n              normal: { y: 0 },\n              firstState: { y: -9 },\n              secondState: { y: 0 },\n            }}\n          />\n          <motion.path\n            animate={controls}\n            d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\n            transition={DEFAULT_TRANSITION}\n            variants={{\n              normal: { y: 0 },\n              firstState: { y: -5 },\n              secondState: { y: 0 },\n            }}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nLayersIcon.displayName = \"LayersIcon\";\n\nexport { LayersIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAa,GAChB,EAAE,iBAAc,iBAAc,cAAW,UAAO,IAAI,GAAG,KAAS,MAAQ;CACvE,IAAM,IAAW,GAAc,EACzB,IAAgB,EAAsB;EAC1C;EACA;EACA;EACA,OAAO,YAAY;AAEjB,GADA,MAAM,EAAS,MAAM,aAAa,EAClC,MAAM,EAAS,MAAM,cAAc;;EAErC,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,gHAAiH,CAAA;IACzH,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;MACR,QAAQ,EAAE,GAAG,GAAG;MAChB,YAAY,EAAE,GAAG,IAAI;MACrB,aAAa,EAAE,GAAG,GAAG;MACtB;KACD,CAAA;IACF,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;MACR,QAAQ,EAAE,GAAG,GAAG;MAChB,YAAY,EAAE,GAAG,IAAI;MACrB,aAAa,EAAE,GAAG,GAAG;MACtB;KACD,CAAA;IACE;;EACF,CAAA;EAGX;AAED,EAAW,cAAc"}

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

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

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

@@ -0,0 +1,31 @@
+//#region src/components/animated_icons/components/message_square/constants/index.ts
+var e = {
+	normal: {
+		scale: 1,
+		rotate: 0
+	},
+	animate: {
+		scale: 1.05,
+		rotate: [
+			0,
+			-7,
+			7,
+			0
+		],
+		transition: {
+			rotate: {
+				duration: .5,
+				ease: "easeInOut"
+			},
+			scale: {
+				type: "spring",
+				stiffness: 400,
+				damping: 10
+			}
+		}
+	}
+};
+//#endregion
+export { e as ICON_VARIANTS };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/message_square/constants/index.ts"],"sourcesContent":["import type { Variants } from \"motion/react\";\n\nexport const ICON_VARIANTS: Variants = {\n  normal: {\n    scale: 1,\n    rotate: 0,\n  },\n  animate: {\n    scale: 1.05,\n    rotate: [0, -7, 7, 0],\n    transition: {\n      rotate: {\n        duration: 0.5,\n        ease: \"easeInOut\",\n      },\n      scale: {\n        type: \"spring\",\n        stiffness: 400,\n        damping: 10,\n      },\n    },\n  },\n};\n"],"mappings":";AAEA,IAAa,IAA0B;CACrC,QAAQ;EACN,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,OAAO;EACP,QAAQ;GAAC;GAAG;GAAI;GAAG;GAAE;EACrB,YAAY;GACV,QAAQ;IACN,UAAU;IACV,MAAM;IACP;GACD,OAAO;IACL,MAAM;IACN,WAAW;IACX,SAAS;IACV;GACF;EACF;CACF"}

package/dist/components/animated_icons/components/message_square/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 MessageSquareIcon: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<AnimatedIconHandle>>;
+export { MessageSquareIcon };

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

@@ -0,0 +1,42 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { ICON_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 } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/message_square/index.tsx
+var s = r(({ onMouseEnter: r, onMouseLeave: s, className: c, size: l = 28, ...u }, d) => {
+	let f = a(), p = t({
+		ref: d,
+		onMouseEnter: r,
+		onMouseLeave: s,
+		start: () => f.start("animate"),
+		stop: () => f.start("normal")
+	});
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "animated-icon",
+		className: e(c),
+		...p,
+		...u,
+		children: /* @__PURE__ */ o(i.svg, {
+			animate: f,
+			fill: "none",
+			height: l,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			variants: n,
+			viewBox: "0 0 24 24",
+			width: l,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ o("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+		})
+	});
+});
+s.displayName = "MessageSquareIcon";
+//#endregion
+export { s as MessageSquareIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/message_square/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 { ICON_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 MessageSquareIcon = 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={ICON_VARIANTS}\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n        </motion.svg>\n      </div>\n    );\n  }\n);\n\nMessageSquareIcon.displayName = \"MessageSquareIcon\";\n\nexport { MessageSquareIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAoB,GACvB,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;GACV,SAAQ;GACR,OAAO;GACP,OAAM;aAEN,kBAAC,QAAD,EAAM,GAAE,iEAAkE,CAAA;GAC/D,CAAA;EACT,CAAA;EAGX;AAED,EAAkB,cAAc"}

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

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

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

@@ -0,0 +1,20 @@
+//#region src/components/animated_icons/components/panel_left_close/constants/index.ts
+var e = {
+	times: [
+		0,
+		.4,
+		1
+	],
+	duration: .5
+}, t = {
+	normal: { x: 0 },
+	animate: { x: [
+		0,
+		-1.5,
+		0
+	] }
+};
+//#endregion
+export { e as DEFAULT_TRANSITION, t as PATH_VARIANTS };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/panel_left_close/constants/index.ts"],"sourcesContent":["import type { Variants, Transition } from \"motion/react\";\n\nexport const DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n};\n\nexport const PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, -1.5, 0] },\n};\n"],"mappings":";AAEA,IAAa,IAAiC;CAC5C,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX,EAEY,IAA0B;CACrC,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAM;EAAE,EAAE;CAC7B"}

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

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

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

@@ -0,0 +1,55 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { DEFAULT_TRANSITION as n, PATH_VARIANTS as r } from "./constants/index.js";
+import { forwardRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/panel_left_close/index.tsx
+var l = i(({ onMouseEnter: i, onMouseLeave: l, className: u, size: d = 28, ...f }, p) => {
+	let m = o(), h = t({
+		ref: p,
+		onMouseEnter: i,
+		onMouseLeave: l,
+		start: () => m.start("animate"),
+		stop: () => m.start("normal")
+	});
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "animated-icon",
+		className: e(u),
+		...h,
+		...f,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: d,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: d,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ s("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "3"
+				}),
+				/* @__PURE__ */ s("path", { d: "M9 3v18" }),
+				/* @__PURE__ */ s(a.path, {
+					animate: m,
+					d: "m16 15-3-3 3-3",
+					transition: n,
+					variants: r
+				})
+			]
+		})
+	});
+});
+l.displayName = "PanelLeftCloseIcon";
+//#endregion
+export { l as PanelLeftCloseIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/panel_left_close/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 { DEFAULT_TRANSITION, 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 PanelLeftCloseIcon = 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          <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\" />\n          <path d=\"M9 3v18\" />\n          <motion.path\n            animate={controls}\n            d=\"m16 15-3-3 3-3\"\n            transition={DEFAULT_TRANSITION}\n            variants={PATH_VARIANTS}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nPanelLeftCloseIcon.displayName = \"PanelLeftCloseIcon\";\n\nexport { PanelLeftCloseIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAqB,GACxB,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;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM,CAAA;IAClD,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;KACV,CAAA;IACE;;EACF,CAAA;EAGX;AAED,EAAmB,cAAc"}

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

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

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

@@ -0,0 +1,20 @@
+//#region src/components/animated_icons/components/panel_left_open/constants/index.ts
+var e = {
+	times: [
+		0,
+		.4,
+		1
+	],
+	duration: .5
+}, t = {
+	normal: { x: 0 },
+	animate: { x: [
+		0,
+		1.5,
+		0
+	] }
+};
+//#endregion
+export { e as DEFAULT_TRANSITION, t as PATH_VARIANTS };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/animated_icons/components/panel_left_open/constants/index.ts"],"sourcesContent":["import type { Variants, Transition } from \"motion/react\";\n\nexport const DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n};\n\nexport const PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, 1.5, 0] },\n};\n"],"mappings":";AAEA,IAAa,IAAiC;CAC5C,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX,EAEY,IAA0B;CACrC,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAK;EAAE,EAAE;CAC5B"}

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

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

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

@@ -0,0 +1,55 @@
+"use client";
+import { cn as e } from "../../../../utilities/class/index.js";
+import { useAnimatedIconHandle as t } from "../../hooks/use_animated_icon_handle/index.js";
+import { DEFAULT_TRANSITION as n, PATH_VARIANTS as r } from "./constants/index.js";
+import { forwardRef as i } from "react";
+import { motion as a, useAnimation as o } from "motion/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/animated_icons/components/panel_left_open/index.tsx
+var l = i(({ onMouseEnter: i, onMouseLeave: l, className: u, size: d = 28, ...f }, p) => {
+	let m = o(), h = t({
+		ref: p,
+		onMouseEnter: i,
+		onMouseLeave: l,
+		start: () => m.start("animate"),
+		stop: () => m.start("normal")
+	});
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "animated-icon",
+		className: e(u),
+		...h,
+		...f,
+		children: /* @__PURE__ */ c("svg", {
+			fill: "none",
+			height: d,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: d,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ s("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "3"
+				}),
+				/* @__PURE__ */ s("path", { d: "M9 3v18" }),
+				/* @__PURE__ */ s(a.path, {
+					animate: m,
+					d: "m14 9 3 3-3 3",
+					transition: n,
+					variants: r
+				})
+			]
+		})
+	});
+});
+l.displayName = "PanelLeftOpenIcon";
+//#endregion
+export { l as PanelLeftOpenIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/panel_left_open/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 { DEFAULT_TRANSITION, 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 PanelLeftOpenIcon = 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          <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\" />\n          <path d=\"M9 3v18\" />\n          <motion.path\n            animate={controls}\n            d=\"m14 9 3 3-3 3\"\n            transition={DEFAULT_TRANSITION}\n            variants={PATH_VARIANTS}\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nPanelLeftOpenIcon.displayName = \"PanelLeftOpenIcon\";\n\nexport { PanelLeftOpenIcon };\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAoB,GACvB,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;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM,CAAA;IAClD,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;IACpB,kBAAC,EAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;KACV,CAAA;IACE;;EACF,CAAA;EAGX;AAED,EAAkB,cAAc"}

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

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

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

@@ -0,0 +1,68 @@
+"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/search/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",
+			transition: {
+				duration: 1,
+				bounce: .3
+			},
+			variants: {
+				normal: {
+					x: 0,
+					y: 0
+				},
+				animate: {
+					x: [
+						0,
+						0,
+						-3,
+						0
+					],
+					y: [
+						0,
+						-4,
+						0,
+						0
+					]
+				}
+			},
+			viewBox: "0 0 24 24",
+			width: l,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ a("circle", {
+				cx: "11",
+				cy: "11",
+				r: "8"
+			}), /* @__PURE__ */ a("path", { d: "m21 21-4.3-4.3" })]
+		})
+	});
+});
+s.displayName = "SearchIcon";
+//#endregion
+export { s as SearchIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/animated_icons/components/search/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 SearchIcon = 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          transition={{\n            duration: 1,\n            bounce: 0.3,\n          }}\n          variants={{\n            normal: { x: 0, y: 0 },\n            animate: {\n              x: [0, 0, -3, 0],\n              y: [0, -4, 0, 0],\n            },\n          }}\n          viewBox=\"0 0 24 24\"\n          width={size}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </motion.svg>\n      </div>\n    );\n  }\n);\n\nSearchIcon.displayName = \"SearchIcon\";\n\nexport { SearchIcon };\n"],"mappings":";;;;;;;AAeA,IAAM,IAAa,GAChB,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,YAAY;IACV,UAAU;IACV,QAAQ;IACT;GACD,UAAU;IACR,QAAQ;KAAE,GAAG;KAAG,GAAG;KAAG;IACtB,SAAS;KACP,GAAG;MAAC;MAAG;MAAG;MAAI;MAAE;KAChB,GAAG;MAAC;MAAG;MAAI;MAAG;MAAE;KACjB;IACF;GACD,SAAQ;GACR,OAAO;GACP,OAAM;aArBR,CAuBE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAM,CAAA,EAChC,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CAChB;;EACT,CAAA;EAGX;AAED,EAAW,cAAc"}

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

@@ -0,0 +1,10 @@
+import { Transition } from 'motion/react';
+import { SliderLine } from '../types';
+export declare const DEFAULT_TRANSITION: Transition;
+/**
+ * Tres controles deslizantes: por cada fila, los dos tramos de la guía y el
+ * tirador vertical que los separa. Al animar, el tirador se desplaza y ambos
+ * tramos se recortan o alargan para seguirlo, de ahí que cada línea mueva solo
+ * el extremo que da al tirador.
+ */
+export declare const SLIDER_LINES: SliderLine[];