@blueshift-gg/ui-components 0.1.49 → 0.1.51

package/dist/HeadingReveal.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingReveal.d.cts","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":[],"mappings":";;;KAOY,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EAUC,KAAA,CAAA,EAAA,MAAA;EAAiB,WAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,OAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAjB,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAS3B,kBAT2B,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/HeadingReveal.d.mts

@@ -1,15 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
+//#region src/HeadingReveal.d.ts
 type HeadingRevealProps = {
-    text: string;
-    headingLevel: "h1" | "h2" | "h3";
-    className?: string;
-    color?: string;
-    cursorColor?: string;
-    baseDelay?: number;
-    splitBy?: "words" | "chars";
-    speed?: number;
+  text: string;
+  headingLevel: "h1" | "h2" | "h3";
+  className?: string;
+  color?: string;
+  cursorColor?: string;
+  baseDelay?: number;
+  splitBy?: "words" | "chars";
+  speed?: number;
 };
-declare const HeadingReveal: ({ text, headingLevel, className, color, cursorColor, baseDelay, splitBy, speed, }: HeadingRevealProps) => react_jsx_runtime.JSX.Element;
-
-export { HeadingReveal, type HeadingRevealProps };
+declare const HeadingReveal: ({
+  text,
+  headingLevel,
+  className,
+  color,
+  cursorColor,
+  baseDelay,
+  splitBy,
+  speed
+}: HeadingRevealProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { HeadingReveal, HeadingRevealProps };
+//# sourceMappingURL=HeadingReveal.d.mts.map

package/dist/HeadingReveal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingReveal.d.mts","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":[],"mappings":";;;KAOY,kBAAA;;;EAAA,SAAA,CAAA,EAAA,MAAA;EAUC,KAAA,CAAA,EAAA,MAAA;EAAiB,WAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,OAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAjB,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAS3B,kBAT2B,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/HeadingReveal.mjs

@@ -1,62 +1,62 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { animate, stagger, anticipate } from 'motion';
-import { splitText } from 'motion-plus';
-import { useRef, useEffect } from 'react';
-import classNames from 'classnames';
+"use client";
 
-const HeadingReveal = ({
-  text,
-  headingLevel,
-  className,
-  color = "#EFF1F6",
-  cursorColor = "#00FFFF",
-  baseDelay = 0,
-  splitBy = "words",
-  speed = 0.25
-}) => {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    document.fonts.ready.then(() => {
-      if (!containerRef.current) return;
-      containerRef.current.style.visibility = "visible";
-      const { words, chars } = splitText(
-        containerRef.current.querySelector(headingLevel)
-      );
-      animate(
-        splitBy === "words" ? words : chars,
-        {
-          backgroundColor: [
-            "rgba(255,255,255,0)",
-            "rgba(255,255,255,0)",
-            cursorColor,
-            cursorColor,
-            cursorColor,
-            "rgba(255,255,255,0)"
-          ],
-          color: [
-            "rgba(255,255,255,0)",
-            "rgba(255,255,255,0)",
-            cursorColor,
-            cursorColor,
-            cursorColor,
-            color
-          ]
-        },
-        {
-          ease: anticipate,
-          duration: speed,
-          delay: stagger(speed / 2, { startDelay: baseDelay })
-        }
-      );
-    });
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
-    headingLevel === "h1" && /* @__PURE__ */ jsx("h1", { className: classNames("h1", className), children: text }),
-    headingLevel === "h2" && /* @__PURE__ */ jsx("h2", { className: classNames("h2", className), children: text }),
-    headingLevel === "h3" && /* @__PURE__ */ jsx("h3", { className: classNames("h3", className), children: text })
-  ] });
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { animate, anticipate, stagger } from "motion";
+import { splitText } from "motion-plus";
+
+//#region src/HeadingReveal.tsx
+const HeadingReveal = ({ text, headingLevel, className, color = "#EFF1F6", cursorColor = "#00FFFF", baseDelay = 0, splitBy = "words", speed = .25 }) => {
+	const containerRef = useRef(null);
+	useEffect(() => {
+		document.fonts.ready.then(() => {
+			if (!containerRef.current) return;
+			containerRef.current.style.visibility = "visible";
+			const { words, chars } = splitText(containerRef.current.querySelector(headingLevel));
+			animate(splitBy === "words" ? words : chars, {
+				backgroundColor: [
+					"rgba(255,255,255,0)",
+					"rgba(255,255,255,0)",
+					cursorColor,
+					cursorColor,
+					cursorColor,
+					"rgba(255,255,255,0)"
+				],
+				color: [
+					"rgba(255,255,255,0)",
+					"rgba(255,255,255,0)",
+					cursorColor,
+					cursorColor,
+					cursorColor,
+					color
+				]
+			}, {
+				ease: anticipate,
+				duration: speed,
+				delay: stagger(speed / 2, { startDelay: baseDelay })
+			});
+		});
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		children: [
+			headingLevel === "h1" && /* @__PURE__ */ jsx("h1", {
+				className: classNames("h1", className),
+				children: text
+			}),
+			headingLevel === "h2" && /* @__PURE__ */ jsx("h2", {
+				className: classNames("h2", className),
+				children: text
+			}),
+			headingLevel === "h3" && /* @__PURE__ */ jsx("h3", {
+				className: classNames("h3", className),
+				children: text
+			})
+		]
+	});
 };
 
+//#endregion
 export { HeadingReveal };
-//# sourceMappingURL=HeadingReveal.mjs.map
 //# sourceMappingURL=HeadingReveal.mjs.map

package/dist/HeadingReveal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/HeadingReveal.tsx"],"names":[],"mappings":";;;;;;AAiBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,WAAA,GAAc,SAAA;AAAA,EACd,SAAA,GAAY,CAAA;AAAA,EACZ,OAAA,GAAU,OAAA;AAAA,EACV,KAAA,GAAQ;AACV,CAAA,KAA0B;AACxB,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,KAAA,CAAM,KAAA,CAAM,IAAA,CAAK,MAAM;AAC9B,MAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AAG3B,MAAA,YAAA,CAAa,OAAA,CAAQ,MAAM,UAAA,GAAa,SAAA;AAExC,MAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAM,GAAI,SAAA;AAAA,QACvB,YAAA,CAAa,OAAA,CAAQ,aAAA,CAAc,YAAY;AAAA,OACjD;AAGA,MAAA,OAAA;AAAA,QACE,OAAA,KAAY,UAAU,KAAA,GAAQ,KAAA;AAAA,QAC9B;AAAA,UACE,eAAA,EAAiB;AAAA,YACf,qBAAA;AAAA,YACA,qBAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,KAAA,EAAO;AAAA,YACL,qBAAA;AAAA,YACA,qBAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AACF,SACF;AAAA,QACA;AAAA,UACE,IAAA,EAAM,UAAA;AAAA,UACN,QAAA,EAAU,KAAA;AAAA,UACV,OAAO,OAAA,CAAQ,KAAA,GAAQ,GAAG,EAAE,UAAA,EAAY,WAAW;AAAA;AACrD,OACF;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,YAAA,EACP,QAAA,EAAA;AAAA,IAAA,YAAA,KAAiB,IAAA,wBACf,IAAA,EAAA,EAAG,SAAA,EAAW,WAAW,IAAA,EAAM,SAAS,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,IAEnD,YAAA,KAAiB,wBAChB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,UAAA,CAAW,IAAA,EAAM,SAAS,CAAA,EAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,IAEnD,YAAA,KAAiB,wBAChB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,UAAA,CAAW,IAAA,EAAM,SAAS,CAAA,EAAI,QAAA,EAAA,IAAA,EAAK;AAAA,GAAA,EAEtD,CAAA;AAEJ","file":"HeadingReveal.mjs","sourcesContent":["\"use client\";\n\nimport { animate, stagger, anticipate } from \"motion\";\nimport { splitText } from \"motion-plus\";\nimport { useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\n\nexport type HeadingRevealProps = {\n  text: string;\n  headingLevel: \"h1\" | \"h2\" | \"h3\";\n  className?: string;\n  color?: string;\n  cursorColor?: string;\n  baseDelay?: number;\n  splitBy?: \"words\" | \"chars\";\n  speed?: number;\n};\nexport const HeadingReveal = ({\n  text,\n  headingLevel,\n  className,\n  color = \"#EFF1F6\",\n  cursorColor = \"#00FFFF\",\n  baseDelay = 0,\n  splitBy = \"words\",\n  speed = 0.25,\n}: HeadingRevealProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    document.fonts.ready.then(() => {\n      if (!containerRef.current) return;\n\n      // Hide the container until the fonts are loaded\n      containerRef.current.style.visibility = \"visible\";\n\n      const { words, chars } = splitText(\n        containerRef.current.querySelector(headingLevel)!\n      );\n\n      // Animate the words in the h1\n      animate(\n        splitBy === \"words\" ? words : chars,\n        {\n          backgroundColor: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            \"rgba(255,255,255,0)\",\n          ],\n          color: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            color,\n          ],\n        },\n        {\n          ease: anticipate,\n          duration: speed,\n          delay: stagger(speed / 2, { startDelay: baseDelay }),\n        }\n      );\n    });\n  }, []);\n\n  return (\n    <div ref={containerRef}>\n      {headingLevel === \"h1\" && (\n        <h1 className={classNames(\"h1\", className)}>{text}</h1>\n      )}\n      {headingLevel === \"h2\" && (\n        <h2 className={classNames(\"h2\", className)}>{text}</h2>\n      )}\n      {headingLevel === \"h3\" && (\n        <h3 className={classNames(\"h3\", className)}>{text}</h3>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"HeadingReveal.mjs","names":[],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":["\"use client\";\n\nimport { animate, stagger, anticipate } from \"motion\";\nimport { splitText } from \"motion-plus\";\nimport { useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\n\nexport type HeadingRevealProps = {\n  text: string;\n  headingLevel: \"h1\" | \"h2\" | \"h3\";\n  className?: string;\n  color?: string;\n  cursorColor?: string;\n  baseDelay?: number;\n  splitBy?: \"words\" | \"chars\";\n  speed?: number;\n};\nexport const HeadingReveal = ({\n  text,\n  headingLevel,\n  className,\n  color = \"#EFF1F6\",\n  cursorColor = \"#00FFFF\",\n  baseDelay = 0,\n  splitBy = \"words\",\n  speed = 0.25,\n}: HeadingRevealProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    document.fonts.ready.then(() => {\n      if (!containerRef.current) return;\n\n      // Hide the container until the fonts are loaded\n      containerRef.current.style.visibility = \"visible\";\n\n      const { words, chars } = splitText(\n        containerRef.current.querySelector(headingLevel)!\n      );\n\n      // Animate the words in the h1\n      animate(\n        splitBy === \"words\" ? words : chars,\n        {\n          backgroundColor: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            \"rgba(255,255,255,0)\",\n          ],\n          color: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            color,\n          ],\n        },\n        {\n          ease: anticipate,\n          duration: speed,\n          delay: stagger(speed / 2, { startDelay: baseDelay }),\n        }\n      );\n    });\n  }, []);\n\n  return (\n    <div ref={containerRef}>\n      {headingLevel === \"h1\" && (\n        <h1 className={classNames(\"h1\", className)}>{text}</h1>\n      )}\n      {headingLevel === \"h2\" && (\n        <h2 className={classNames(\"h2\", className)}>{text}</h2>\n      )}\n      {headingLevel === \"h3\" && (\n        <h3 className={classNames(\"h3\", className)}>{text}</h3>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,MAAa,iBAAiB,EAC5B,MACA,cACA,WACA,QAAQ,WACR,cAAc,WACd,YAAY,GACZ,UAAU,SACV,QAAQ,UACgB;CACxB,MAAM,eAAe,OAAuB,KAAK;AAEjD,iBAAgB;AACd,WAAS,MAAM,MAAM,WAAW;AAC9B,OAAI,CAAC,aAAa,QAAS;AAG3B,gBAAa,QAAQ,MAAM,aAAa;GAExC,MAAM,EAAE,OAAO,UAAU,UACvB,aAAa,QAAQ,cAAc,aAAa,CACjD;AAGD,WACE,YAAY,UAAU,QAAQ,OAC9B;IACE,iBAAiB;KACf;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO;KACL;KACA;KACA;KACA;KACA;KACA;KACD;IACF,EACD;IACE,MAAM;IACN,UAAU;IACV,OAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,WAAW,CAAC;IACrD,CACF;IACD;IACD,EAAE,CAAC;AAEN,QACE,qBAAC;EAAI,KAAK;;GACP,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,oBAAC;IAAG,WAAW,WAAW,MAAM,UAAU;cAAG;KAAU;;GAErD"}

package/dist/Icon.cjs

@@ -0,0 +1,25 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_icons_index = require('./icons/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/Icon.tsx
+const Icon = ({ className, name, size }) => {
+	const IconComponent = require_icons_index.IconComponents[name];
+	if (!IconComponent) {
+		console.warn(`Icon ${name} not found`);
+		return null;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
+		size,
+		className,
+		name
+	});
+};
+
+//#endregion
+exports.Icon = Icon;
+exports.IconComponents = require_icons_index.IconComponents;
+exports.iconMetadata = require_icons_index.iconMetadata;
+//# sourceMappingURL=Icon.cjs.map

package/dist/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","names":["IconComponents"],"sources":["../src/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n  name: IconName;\n  size?: number;\n  className?: string;\n};\n\nexport const Icon = ({ className, name, size }: IconProps) => {\n  const IconComponent = IconComponents[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon ${name} not found`);\n    return null;\n  }\n\n  return (\n    <IconComponent\n      size={size}\n      className={className}\n      name={name}\n    />\n  );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"],"mappings":";;;;;;;AAUA,MAAa,QAAQ,EAAE,WAAW,MAAM,WAAsB;CAC5D,MAAM,gBAAgBA,mCAAe;AAErC,KAAI,CAAC,eAAe;AAClB,UAAQ,KAAK,QAAQ,KAAK,YAAY;AACtC,SAAO;;AAGT,QACE,2CAAC;EACO;EACK;EACL;GACN"}

package/dist/Icon.d.cts

@@ -0,0 +1,17 @@
+import { IconComponents, IconName, iconMetadata } from "./icons/index.cjs";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+
+//#region src/Icon.d.ts
+type IconProps = {
+  name: IconName;
+  size?: number;
+  className?: string;
+};
+declare const Icon: ({
+  className,
+  name,
+  size
+}: IconProps) => react_jsx_runtime23.JSX.Element | null;
+//#endregion
+export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
+//# sourceMappingURL=Icon.d.cts.map

package/dist/Icon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.cts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}

package/dist/Icon.d.mts

@@ -1,2 +1,17 @@
-import 'react/jsx-runtime';
-export { I as Icon, b as IconComponents, c as IconName, a as IconProps, i as iconMetadata } from './Icon-CuvV8l9m.mjs';
+import { IconComponents, IconName, iconMetadata } from "./icons/index.mjs";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/Icon.d.ts
+type IconProps = {
+  name: IconName;
+  size?: number;
+  className?: string;
+};
+declare const Icon: ({
+  className,
+  name,
+  size
+}: IconProps) => react_jsx_runtime11.JSX.Element | null;
+//#endregion
+export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
+//# sourceMappingURL=Icon.d.mts.map

package/dist/Icon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.mts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}

package/dist/Icon.mjs

@@ -1,23 +1,22 @@
-import { jsx } from 'react/jsx-runtime';
-import { IconComponents } from './icons';
-export { IconComponents, iconMetadata } from './icons';
+"use client";
 
+import { IconComponents, iconMetadata } from "./icons/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Icon.tsx
 const Icon = ({ className, name, size }) => {
-  const IconComponent = IconComponents[name];
-  if (!IconComponent) {
-    console.warn(`Icon ${name} not found`);
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    IconComponent,
-    {
-      size,
-      className,
-      name
-    }
-  );
+	const IconComponent = IconComponents[name];
+	if (!IconComponent) {
+		console.warn(`Icon ${name} not found`);
+		return null;
+	}
+	return /* @__PURE__ */ jsx(IconComponent, {
+		size,
+		className,
+		name
+	});
 };
 
-export { Icon };
-//# sourceMappingURL=Icon.mjs.map
+//#endregion
+export { Icon, IconComponents, iconMetadata };
 //# sourceMappingURL=Icon.mjs.map

package/dist/Icon.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Icon.tsx"],"names":[],"mappings":";;;;AAUO,MAAM,OAAO,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAK,KAAiB;AAC5D,EAAA,MAAM,aAAA,GAAgB,eAAe,IAAI,CAAA;AAEzC,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,KAAA,EAAQ,IAAI,CAAA,UAAA,CAAY,CAAA;AACrC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ","file":"Icon.mjs","sourcesContent":["\"use client\";\n\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n  name: IconName;\n  size?: number;\n  className?: string;\n};\n\nexport const Icon = ({ className, name, size }: IconProps) => {\n  const IconComponent = IconComponents[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon ${name} not found`);\n    return null;\n  }\n\n  return (\n    <IconComponent\n      size={size}\n      className={className}\n      name={name}\n    />\n  );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"]}
+{"version":3,"file":"Icon.mjs","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n  name: IconName;\n  size?: number;\n  className?: string;\n};\n\nexport const Icon = ({ className, name, size }: IconProps) => {\n  const IconComponent = IconComponents[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon ${name} not found`);\n    return null;\n  }\n\n  return (\n    <IconComponent\n      size={size}\n      className={className}\n      name={name}\n    />\n  );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,EAAE,WAAW,MAAM,WAAsB;CAC5D,MAAM,gBAAgB,eAAe;AAErC,KAAI,CAAC,eAAe;AAClB,UAAQ,KAAK,QAAQ,KAAK,YAAY;AACtC,SAAO;;AAGT,QACE,oBAAC;EACO;EACK;EACL;GACN"}

package/dist/Input.cjs

@@ -0,0 +1,135 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_Icon = require('./Icon.cjs');
+const require_CrossHair = require('./CrossHair.cjs');
+const require_utils_easings = require('./utils/easings.cjs');
+const require_Badge = require('./Badge.cjs');
+const require_Tooltip = require('./Tooltip.cjs');
+const require_Button = require('./Button.cjs');
+let motion_react = require("motion/react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/Input.tsx
+const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children }) => {
+	const [isTooltipOpen, setIsTooltipOpen] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
+		...animation,
+		className: (0, classnames.default)("flex flex-col gap-y-2.5 w-full relative group/input", className),
+		children: [
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "px-1 flex items-center justify-between w-full",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-x-1.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "font-medium text-shade-primary leading-[100%]",
+						children: title
+					}), tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "h-[14px] w-[14px] relative",
+						onMouseEnter: () => setIsTooltipOpen(true),
+						onMouseLeave: () => setIsTooltipOpen(false),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+							isOpen: isTooltipOpen,
+							position: tooltip.position,
+							description: tooltip.description
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+							name: "Info",
+							size: 14,
+							className: "text-shade-tertiary"
+						})]
+					})]
+				}), balance && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-x-1.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+						name: balance.icon,
+						size: 12,
+						className: "text-shade-tertiary"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "font-medium text-shade-primary leading-[100%] text-sm font-mono",
+						children: [
+							balance.amount,
+							" ",
+							balance.unit
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, classnames.default)("min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp", !isValid && "border-state-error/20 text-state-error", !!badge && "pl-1.5 pr-[10px]", !badge && "pl-3 pr-4", !!children && "!pr-1.5"),
+				children: [onFocus && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+						size: 6,
+						variant: "corners",
+						corners: ["bottom-right"],
+						animationDelay: 0,
+						animationDuration: .75
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: (0, classnames.default)("flex w-full items-center gap-x-3 text-shade-primary"),
+					children: [
+						badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, { ...badge }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: (0, classnames.default)("h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute", type === "value" && "text-2xl font-mono text-right", "[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none"),
+							onFocus,
+							onBlur,
+							placeholder,
+							value,
+							onChange: (e) => onChange?.(e.target.value),
+							disabled,
+							type: type === "value" ? "number" : "text"
+						}),
+						onClear && value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							onClick: onClear,
+							className: "absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp",
+							type: "button",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+								name: "Close",
+								size: 12,
+								className: "text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp"
+							})
+						}),
+						children && children,
+						action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+							label: action.label,
+							onClick: action.onClick,
+							variant: "secondary",
+							size: "xs",
+							useHoverEffect: false
+						})
+					]
+				})]
+			}),
+			hasMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "h-[14px] ml-auto px-1",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, { children: message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.span, {
+					initial: {
+						opacity: 0,
+						filter: "blur(4px)"
+					},
+					animate: {
+						opacity: 1,
+						filter: "blur(0px)"
+					},
+					exit: {
+						opacity: 0,
+						filter: "blur(4px)"
+					},
+					transition: {
+						duration: .1,
+						ease: require_utils_easings.crisp
+					},
+					className: (0, classnames.default)("text-sm text-shade-secondary font-medium leading-[100%]", !isValid && "text-state-error"),
+					children: message
+				}) })
+			})
+		]
+	});
+};
+
+//#endregion
+exports.Input = Input;
+//# sourceMappingURL=Input.cjs.map

package/dist/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","names":["motion","Tooltip","Icon","CrosshairCorners","Badge","Button","AnimatePresence","crisp"],"sources":["../src/Input.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { crisp } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Tooltip, TooltipProps } from \"./Tooltip\";\nimport { useState } from \"react\";\n\nexport type InputProps = {\n  title?: string;\n  value: string;\n  className?: string;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onClear?: () => void;\n  badge?: BadgeProps;\n  message?: string;\n  hasMessage?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  isValid?: boolean;\n  type?: \"generic\" | \"value\";\n  balance?: {\n    amount: string;\n    unit: string;\n    icon?: IconName;\n  };\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n  animation?: MotionProps;\n  tooltip?: TooltipProps;\n  children?: React.ReactNode;\n};\n\nexport const Input = ({\n  title,\n  value,\n  className,\n  onChange,\n  onFocus,\n  onBlur,\n  onClear,\n  badge,\n  type,\n  message,\n  hasMessage = true,\n  disabled,\n  placeholder,\n  isValid = true,\n  balance,\n  action,\n  animation,\n  tooltip,\n  children,\n}: InputProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      {...animation}\n      className={classNames(\n        \"flex flex-col gap-y-2.5 w-full relative group/input\",\n        className\n      )}\n    >\n      {title && (\n        <div className=\"px-1 flex items-center justify-between w-full\">\n          <div className=\"flex items-center gap-x-1.5\">\n            <span className=\"font-medium text-shade-primary leading-[100%]\">\n              {title}\n            </span>\n            {tooltip && (\n              <div\n                className=\"h-[14px] w-[14px] relative\"\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n              >\n                <Tooltip\n                  isOpen={isTooltipOpen}\n                  position={tooltip.position}\n                  description={tooltip.description}\n                />\n                <Icon name=\"Info\" size={14} className=\"text-shade-tertiary\" />\n              </div>\n            )}\n          </div>\n          {balance && (\n            <div className=\"flex items-center gap-x-1.5\">\n              <Icon\n                name={balance.icon as IconName}\n                size={12}\n                className=\"text-shade-tertiary\"\n              />\n              <span className=\"font-medium text-shade-primary leading-[100%] text-sm font-mono\">\n                {balance.amount} {balance.unit}\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(\n          \"min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp\",\n          !isValid && \"border-state-error/20 text-state-error\",\n          !!badge && \"pl-1.5 pr-[10px]\",\n          !badge && \"pl-3 pr-4\",\n          !!children && \"!pr-1.5\"\n        )}\n      >\n        {onFocus && (\n          <div className=\"pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide\">\n            <CrosshairCorners\n              size={6}\n              variant=\"corners\"\n              corners={[\"bottom-right\"]}\n              animationDelay={0}\n              animationDuration={0.75}\n            />\n          </div>\n        )}\n        <div\n          className={classNames(\n            \"flex w-full items-center gap-x-3 text-shade-primary\"\n          )}\n        >\n          {badge && <Badge {...badge} />}\n          <input\n            className={classNames(\n              \"h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute\",\n              type === \"value\" && \"text-2xl font-mono text-right\",\n              // Hide buttons\n              \"[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none\"\n            )}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => onChange?.(e.target.value)}\n            disabled={disabled}\n            type={type === \"value\" ? \"number\" : \"text\"}\n          />\n          {onClear && value && (\n            <button\n              onClick={onClear}\n              className=\"absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp\"\n              type=\"button\"\n            >\n              <Icon\n                name=\"Close\"\n                size={12}\n                className=\"text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp\"\n              />\n            </button>\n          )}\n          {children && children}\n          {action && (\n            <Button\n              label={action.label}\n              onClick={action.onClick}\n              variant=\"secondary\"\n              size=\"xs\"\n              useHoverEffect={false}\n            />\n          )}\n        </div>\n      </div>\n      {hasMessage && (\n        <div className=\"h-[14px] ml-auto px-1\">\n          <AnimatePresence>\n            {message && (\n              <motion.span\n                initial={{ opacity: 0, filter: \"blur(4px)\" }}\n                animate={{ opacity: 1, filter: \"blur(0px)\" }}\n                exit={{ opacity: 0, filter: \"blur(4px)\" }}\n                transition={{ duration: 0.1, ease: crisp }}\n                className={classNames(\n                  \"text-sm text-shade-secondary font-medium leading-[100%]\",\n                  !isValid && \"text-state-error\"\n                )}\n              >\n                {message}\n              </motion.span>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,eACgB;CAChB,MAAM,CAAC,eAAe,wCAA6B,MAAM;AACzD,QACE,4CAACA,oBAAO;EACN,GAAI;EACJ,mCACE,uDACA,UACD;;GAEA,SACC,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,2CAAC;MAAK,WAAU;gBACb;OACI,EACN,WACC,4CAAC;MACC,WAAU;MACV,oBAAoB,iBAAiB,KAAK;MAC1C,oBAAoB,iBAAiB,MAAM;iBAE3C,2CAACC;OACC,QAAQ;OACR,UAAU,QAAQ;OAClB,aAAa,QAAQ;QACrB,EACF,2CAACC;OAAK,MAAK;OAAO,MAAM;OAAI,WAAU;QAAwB;OAC1D;MAEJ,EACL,WACC,4CAAC;KAAI,WAAU;gBACb,2CAACA;MACC,MAAM,QAAQ;MACd,MAAM;MACN,WAAU;OACV,EACF,4CAAC;MAAK,WAAU;;OACb,QAAQ;OAAO;OAAE,QAAQ;;OACrB;MACH;KAEJ;GAER,4CAAC;IACC,mCACE,4VACA,CAAC,WAAW,0CACZ,CAAC,CAAC,SAAS,oBACX,CAAC,SAAS,aACV,CAAC,CAAC,YAAY,UACf;eAEA,WACC,2CAAC;KAAI,WAAU;eACb,2CAACC;MACC,MAAM;MACN,SAAQ;MACR,SAAS,CAAC,eAAe;MACzB,gBAAgB;MAChB,mBAAmB;OACnB;MACE,EAER,4CAAC;KACC,mCACE,sDACD;;MAEA,SAAS,2CAACC,uBAAM,GAAI,QAAS;MAC9B,2CAAC;OACC,mCACE,uGACA,SAAS,WAAW,iCAEpB,mMACD;OACQ;OACD;OACK;OACN;OACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;OACjC;OACV,MAAM,SAAS,UAAU,WAAW;QACpC;MACD,WAAW,SACV,2CAAC;OACC,SAAS;OACT,WAAU;OACV,MAAK;iBAEL,2CAACF;QACC,MAAK;QACL,MAAM;QACN,WAAU;SACV;QACK;MAEV,YAAY;MACZ,UACC,2CAACG;OACC,OAAO,OAAO;OACd,SAAS,OAAO;OAChB,SAAQ;OACR,MAAK;OACL,gBAAgB;QAChB;;MAEA;KACF;GACL,cACC,2CAAC;IAAI,WAAU;cACb,2CAACC,0CACE,WACC,2CAACN,oBAAO;KACN,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,MAAM;MAAE,SAAS;MAAG,QAAQ;MAAa;KACzC,YAAY;MAAE,UAAU;MAAK,MAAMO;MAAO;KAC1C,mCACE,2DACA,CAAC,WAAW,mBACb;eAEA;MACW,GAEA;KACd;;GAEG"}

package/dist/Input.d.cts

@@ -0,0 +1,60 @@
+import { BadgeProps } from "./Badge.cjs";
+import { TooltipProps } from "./Tooltip.cjs";
+import { IconName } from "./icons/index.cjs";
+import "./Icon.cjs";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/Input.d.ts
+type InputProps = {
+  title?: string;
+  value: string;
+  className?: string;
+  onChange?: (value: string) => void;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  onClear?: () => void;
+  badge?: BadgeProps;
+  message?: string;
+  hasMessage?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  isValid?: boolean;
+  type?: "generic" | "value";
+  balance?: {
+    amount: string;
+    unit: string;
+    icon?: IconName;
+  };
+  action?: {
+    label: string;
+    onClick: () => void;
+  };
+  animation?: MotionProps;
+  tooltip?: TooltipProps;
+  children?: React.ReactNode;
+};
+declare const Input: ({
+  title,
+  value,
+  className,
+  onChange,
+  onFocus,
+  onBlur,
+  onClear,
+  badge,
+  type,
+  message,
+  hasMessage,
+  disabled,
+  placeholder,
+  isValid,
+  balance,
+  action,
+  animation,
+  tooltip,
+  children
+}: InputProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=Input.d.cts.map

package/dist/Input.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.cts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAWY,UAAA;;;;EAAA,QAAA,CAAA,EAAA,CAAA,KAAU,EAAA,MAAA,EAAA,GAAA,IAAA;EAQZ,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAUC,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAMG,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,KAAA,CAAA,EAjBF,UAiBE;EACC,OAAM,CAAA,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAGf,QAyJZ,CAAA,EAAA,OAAA;EAzJqB,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAoBnB,UApBmB,EAAA,GAoBT,kBAAA,CAAA,GAAA,CAAA,OApBS"}

package/dist/Input.d.mts

@@ -1,40 +1,60 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MotionProps } from 'motion/react';
-import { c as IconName } from './Icon-CuvV8l9m.mjs';
-import { BadgeProps } from './Badge.mjs';
-import { TooltipProps } from './Tooltip.mjs';
-import './utils/colours.mjs';
-import './CrossHair.mjs';
-import 'react';
+import { BadgeProps } from "./Badge.mjs";
+import { TooltipProps } from "./Tooltip.mjs";
+import { IconName } from "./icons/index.mjs";
+import "./Icon.mjs";
+import { MotionProps } from "motion/react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
+//#region src/Input.d.ts
 type InputProps = {
-    title?: string;
-    value: string;
-    className?: string;
-    onChange?: (value: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onClear?: () => void;
-    badge?: BadgeProps;
-    message?: string;
-    hasMessage?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    isValid?: boolean;
-    type?: "generic" | "value";
-    balance?: {
-        amount: string;
-        unit: string;
-        icon?: IconName;
-    };
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-    animation?: MotionProps;
-    tooltip?: TooltipProps;
-    children?: React.ReactNode;
+  title?: string;
+  value: string;
+  className?: string;
+  onChange?: (value: string) => void;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  onClear?: () => void;
+  badge?: BadgeProps;
+  message?: string;
+  hasMessage?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  isValid?: boolean;
+  type?: "generic" | "value";
+  balance?: {
+    amount: string;
+    unit: string;
+    icon?: IconName;
+  };
+  action?: {
+    label: string;
+    onClick: () => void;
+  };
+  animation?: MotionProps;
+  tooltip?: TooltipProps;
+  children?: React.ReactNode;
 };
-declare const Input: ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage, disabled, placeholder, isValid, balance, action, animation, tooltip, children, }: InputProps) => react_jsx_runtime.JSX.Element;
-
-export { Input, type InputProps };
+declare const Input: ({
+  title,
+  value,
+  className,
+  onChange,
+  onFocus,
+  onBlur,
+  onClear,
+  badge,
+  type,
+  message,
+  hasMessage,
+  disabled,
+  placeholder,
+  isValid,
+  balance,
+  action,
+  animation,
+  tooltip,
+  children
+}: InputProps) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=Input.d.mts.map

package/dist/Input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAWY,UAAA;;;;EAAA,QAAA,CAAA,EAAA,CAAA,KAAU,EAAA,MAAA,EAAA,GAAA,IAAA;EAQZ,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAUC,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAMG,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,KAAA,CAAA,EAjBF,UAiBE;EACC,OAAM,CAAA,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAGf,QAyJZ,CAAA,EAAA,OAAA;EAzJqB,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAoBnB,UApBmB,EAAA,GAoBT,mBAAA,CAAA,GAAA,CAAA,OApBS"}