maquinaweb-ui 2.0.0 → 2.0.1

package/dist/container-animation.d.ts

@@ -1,5 +1,5 @@
-import * as react2 from "react";
 import { ComponentProps, ElementType } from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/container-animation/container-animation.d.ts
 type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
@@ -23,7 +23,7 @@ declare const ContainerAnimation: <T extends ElementType = "div">({
   distance,
   hideNotInView,
   ...props
-}: ContainerAnimationProps<T>) => react2.JSX.Element;
+}: ContainerAnimationProps<T>) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/container-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-animation.d.ts","names":[],"sources":["../src/components/container-animation/container-animation.tsx"],"sourcesContent":[],"mappings":";;;;KAiDY,kCAAkC,uBAC5C,wBACE,eAAe;;;EAFP,KAAA,CAAA,EAAA,MAAA;EAAuB,QAAA,CAAA,EAAA,MAAA;UAAW,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA;eAC5C,CAAA,EAAA,OAAA;KACiB,EAOR,CAPQ,GAAA,MAAA;WAAf,CAAA,EAAA,MAAA;;cAWE,kBAJM,EAAA,CAAA,UAI0B,WAJ1B,GAAA,KAAA,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,EAAA,EAI+C,EAJ/C;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAeT,uBAfS,CAee,CAff,CAAA,EAAA,GAeiB,MAAA,CAAA,GAAA,CAAA,OAfjB"}
+{"version":3,"file":"container-animation.d.ts","names":[],"sources":["../src/components/container-animation/container-animation.tsx"],"sourcesContent":[],"mappings":";;;;KAiDY,kCAAkC,uBAC5C,wBACE,eAAe;;;EAFP,KAAA,CAAA,EAAA,MAAA;EAAuB,QAAA,CAAA,EAAA,MAAA;UAAW,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA;eAC5C,CAAA,EAAA,OAAA;KACiB,EAOR,CAPQ,GAAA,MAAA;WAAf,CAAA,EAAA,MAAA;;cAWE,kBAJM,EAAA,CAAA,UAI0B,WAJ1B,GAAA,KAAA,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,EAAA,EAI+C,EAJ/C;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAeT,uBAfS,CAee,CAff,CAAA,EAAA,GAeiB,kBAAA,CAAA,GAAA,CAAA,OAfjB"}

package/dist/container-animation.js

@@ -3,6 +3,7 @@
 
 import { cn } from "./utils-C0f9Ma6r.js";
 import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import * as motion from "motion/react-m";
 
 //#region node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
@@ -113,9 +114,16 @@ const ContainerAnimation = ({ className, children, position = "top", delay = 0,
 		margin: `-${100 - (distance[0] || 0)}% 0% -${distance[1] || 0}% 0%`
 	});
 	const variants = getVariants(position, space, delay);
-	return <motion.div animate={isInView ? "visible" : "hidden"} className={cn("initial-opacity", className)} initial="hidden" transition={{ duration }} variants={variants} {...props} ref={ref}>
-      {(!hideNotInView || isInView) && children}
-    </motion.div>;
+	return /* @__PURE__ */ jsx(motion.div, {
+		animate: isInView ? "visible" : "hidden",
+		className: cn("initial-opacity", className),
+		initial: "hidden",
+		transition: { duration },
+		variants,
+		...props,
+		ref,
+		children: (!hideNotInView || isInView) && children
+	});
 };
 
 //#endregion

package/dist/container-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"container-animation.js","names":[],"sources":["../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs","../node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs","../node_modules/framer-motion/dist/es/utils/use-in-view.mjs","../src/components/container-animation/container-animation.tsx"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector);\n}\n\nexport { resolveElements };\n","import { resolveElements } from 'motion-dom';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { inView } from '../render/dom/viewport/index.mjs';\n\nfunction useInView(ref, { root, margin, amount, once = false, initial = false, } = {}) {\n    const [isInView, setInView] = useState(initial);\n    useEffect(() => {\n        if (!ref.current || (once && isInView))\n            return;\n        const onEnter = () => {\n            setInView(true);\n            return once ? undefined : () => setInView(false);\n        };\n        const options = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        };\n        return inView(ref.current, onEnter, options);\n    }, [root, ref, margin, once, amount]);\n    return isInView;\n}\n\nexport { useInView };\n","'use client';\n\nimport { type ComponentProps, type ElementType, useRef } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useInView } from 'motion/react';\nimport * as motion from 'motion/react-m';\n\nconst getVariants = (\n  position: 'top' | 'bottom' | 'left' | 'right',\n  space: number,\n  delay: number\n) => {\n  const directions = {\n    top: {\n      transform: `translateY(${space}px)`,\n    },\n    bottom: {\n      transform: `translateY(-${space}px)`,\n    },\n    left: {\n      transform: `translateX(${space}px)`,\n    },\n    right: {\n      transform: `translateX(-${space}px)`,\n    },\n  };\n\n  const dir = directions[position] || directions.top;\n\n  return {\n    hidden: {\n      opacity: 0,\n      filter: 'blur(6px)',\n      ...dir,\n    },\n    visible: {\n      opacity: 1,\n      filter: 'blur(0px)',\n      transform: 'translateY(0px) translateX(0px)',\n      transition: {\n        delay,\n        duration: 0.5,\n        staggerChildren: 0.1,\n      },\n    },\n  };\n};\n\nexport type ContainerAnimationProps<T extends ElementType = 'div'> =\n  ComponentProps<'div'> &\n    ComponentProps<T> & {\n      position?: 'top' | 'bottom' | 'left' | 'right';\n      delay?: number;\n      space?: number;\n      duration?: number;\n      distance?: [number, number];\n      hideNotInView?: boolean;\n      as?: T | string;\n      className?: string;\n    };\n\nconst ContainerAnimation = <T extends ElementType = 'div'>({\n  className,\n  children,\n  position = 'top',\n  delay = 0,\n  space = 20,\n  duration = 0.8,\n  as: As = 'div',\n  distance = [95, 5],\n  hideNotInView = false,\n  ...props\n}: ContainerAnimationProps<T>) => {\n  const ref = useRef<HTMLElement>(null);\n  const isInView = useInView(ref, {\n    once: true,\n    margin:\n      `-${100 - (distance[0] || 0)}% 0% -${(distance[1] as number) || 0}% 0%` as any,\n  });\n\n  const variants = getVariants(position, space, delay);\n\n  return (\n    <motion.div\n      animate={isInView ? 'visible' : 'hidden'}\n      className={cn('initial-opacity', className)}\n      initial=\"hidden\"\n      transition={{ duration }}\n      variants={variants}\n      {...props}\n      ref={ref}\n    >\n      {(!hideNotInView || isInView) && children}\n    </motion.div>\n  );\n};\n\nexport { ContainerAnimation };\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}
+{"version":3,"file":"container-animation.js","names":[],"sources":["../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs","../node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs","../node_modules/framer-motion/dist/es/utils/use-in-view.mjs","../src/components/container-animation/container-animation.tsx"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector);\n}\n\nexport { resolveElements };\n","import { resolveElements } from 'motion-dom';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { inView } from '../render/dom/viewport/index.mjs';\n\nfunction useInView(ref, { root, margin, amount, once = false, initial = false, } = {}) {\n    const [isInView, setInView] = useState(initial);\n    useEffect(() => {\n        if (!ref.current || (once && isInView))\n            return;\n        const onEnter = () => {\n            setInView(true);\n            return once ? undefined : () => setInView(false);\n        };\n        const options = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        };\n        return inView(ref.current, onEnter, options);\n    }, [root, ref, margin, once, amount]);\n    return isInView;\n}\n\nexport { useInView };\n","'use client';\n\nimport { type ComponentProps, type ElementType, useRef } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useInView } from 'motion/react';\nimport * as motion from 'motion/react-m';\n\nconst getVariants = (\n  position: 'top' | 'bottom' | 'left' | 'right',\n  space: number,\n  delay: number\n) => {\n  const directions = {\n    top: {\n      transform: `translateY(${space}px)`,\n    },\n    bottom: {\n      transform: `translateY(-${space}px)`,\n    },\n    left: {\n      transform: `translateX(${space}px)`,\n    },\n    right: {\n      transform: `translateX(-${space}px)`,\n    },\n  };\n\n  const dir = directions[position] || directions.top;\n\n  return {\n    hidden: {\n      opacity: 0,\n      filter: 'blur(6px)',\n      ...dir,\n    },\n    visible: {\n      opacity: 1,\n      filter: 'blur(0px)',\n      transform: 'translateY(0px) translateX(0px)',\n      transition: {\n        delay,\n        duration: 0.5,\n        staggerChildren: 0.1,\n      },\n    },\n  };\n};\n\nexport type ContainerAnimationProps<T extends ElementType = 'div'> =\n  ComponentProps<'div'> &\n    ComponentProps<T> & {\n      position?: 'top' | 'bottom' | 'left' | 'right';\n      delay?: number;\n      space?: number;\n      duration?: number;\n      distance?: [number, number];\n      hideNotInView?: boolean;\n      as?: T | string;\n      className?: string;\n    };\n\nconst ContainerAnimation = <T extends ElementType = 'div'>({\n  className,\n  children,\n  position = 'top',\n  delay = 0,\n  space = 20,\n  duration = 0.8,\n  as: As = 'div',\n  distance = [95, 5],\n  hideNotInView = false,\n  ...props\n}: ContainerAnimationProps<T>) => {\n  const ref = useRef<HTMLElement>(null);\n  const isInView = useInView(ref, {\n    once: true,\n    margin:\n      `-${100 - (distance[0] || 0)}% 0% -${(distance[1] as number) || 0}% 0%` as any,\n  });\n\n  const variants = getVariants(position, space, delay);\n\n  return (\n    <motion.div\n      animate={isInView ? 'visible' : 'hidden'}\n      className={cn('initial-opacity', className)}\n      initial=\"hidden\"\n      transition={{ duration }}\n      variants={variants}\n      {...props}\n      ref={ref}\n    >\n      {(!hideNotInView || isInView) && children}\n    </motion.div>\n  );\n};\n\nexport { ContainerAnimation };\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}

package/dist/split-text-poor.js

@@ -3,6 +3,7 @@
 
 import { cn } from "./utils-C0f9Ma6r.js";
 import { Children, cloneElement, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as motion from "motion/react-m";
 
 //#region src/components/split-text-poor/split-text-poor.tsx
@@ -47,23 +48,30 @@ const SplitTextPoor = ({ children, className, config = "default", as: As = "div"
 	const wrapWords = (node) => {
 		if (typeof node === "string") return node.split(split).map((word, index) => {
 			wordIndex++;
-			return <motion.span custom={{
-				index: wordIndex - 1,
-				delay
-			}} initial="hidden" key={index} style={{
-				display: "inline-block",
-				whiteSpace: "nowrap"
-			}} variants={selectedConfig} viewport={{ once: true }} whileInView="visible">
-            {word}
-            {index < node.split(split).length - 1 && "\xA0"}
-          </motion.span>;
+			return /* @__PURE__ */ jsxs(motion.span, {
+				custom: {
+					index: wordIndex - 1,
+					delay
+				},
+				initial: "hidden",
+				style: {
+					display: "inline-block",
+					whiteSpace: "nowrap"
+				},
+				variants: selectedConfig,
+				viewport: { once: true },
+				whileInView: "visible",
+				children: [word, index < node.split(split).length - 1 && "\xA0"]
+			}, index);
 		});
 		if (isValidElement(node)) return cloneElement(node, { children: Children.map(node.props.children, wrapWords) });
 		return node;
 	};
-	return <As className={cn(className, "initial-opacity will-change-[transform,filter]")} style={{ display: "inline-block" }}>
-      {Children.map(children, wrapWords)}
-    </As>;
+	return /* @__PURE__ */ jsx(As, {
+		className: cn(className, "initial-opacity will-change-[transform,filter]"),
+		style: { display: "inline-block" },
+		children: Children.map(children, wrapWords)
+	});
 };
 
 //#endregion

package/dist/split-text-poor.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-text-poor.js","names":["SplitTextPoor: React.FC<SplitTextPoorProps>"],"sources":["../src/components/split-text-poor/split-text-poor.tsx"],"sourcesContent":["'use client';\n\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport * as motion from 'motion/react-m';\n\nconst defaultConfig = {\n  hidden: {\n    transform: 'translateY(20px) skewY(6deg)',\n    opacity: 0,\n    filter: 'blur(7px)',\n  },\n  visible: ({ index, delay }: { index: number; delay: number }) => ({\n    transform: 'translateY(0px) skewY(0deg)',\n    opacity: 1,\n    filter: 'blur(0px)',\n    transition: {\n      duration: 0.4,\n      delay: index * 0.08 + delay,\n    },\n  }),\n};\n\nconst configs = {\n  sm: {\n    hidden: {\n      transform: 'translateY(10px)',\n      filter: 'blur(7px)',\n      opacity: 0,\n    },\n    visible: ({ index, delay }: { index: number; delay: number }) => ({\n      transform: 'translateY(0px)',\n      filter: 'blur(0px)',\n      opacity: 1,\n      transition: {\n        duration: 0.4,\n        delay: index * 0.06 + delay,\n      },\n    }),\n  },\n  default: defaultConfig,\n};\n\nexport type SplitTextPoorProps = {\n  children: React.ReactNode;\n  className?: string;\n  config?: keyof typeof configs;\n  split?: string;\n  delay?: number;\n  as?: any;\n};\n\nconst SplitTextPoor: React.FC<SplitTextPoorProps> = ({\n  children,\n  className,\n  config = 'default',\n  as: As = 'div',\n  split = ' ',\n  delay = 0,\n}) => {\n  const selectedConfig = configs[config] || defaultConfig;\n  let wordIndex = 0;\n\n  const wrapWords = (node: React.ReactNode): React.ReactNode => {\n    if (typeof node === 'string') {\n      return node.split(split).map((word, index) => {\n        wordIndex++;\n        return (\n          <motion.span\n            custom={{\n              index: wordIndex - 1,\n              delay,\n            }}\n            initial=\"hidden\"\n            key={index}\n            style={{ display: 'inline-block', whiteSpace: 'nowrap' }}\n            variants={selectedConfig}\n            viewport={{ once: true }}\n            whileInView=\"visible\"\n          >\n            {word}\n            {index < node.split(split).length - 1 && '\\u00A0'}\n          </motion.span>\n        );\n      });\n    }\n\n    if (isValidElement(node)) {\n      return cloneElement(node, {\n        children: Children.map((node.props as any).children, wrapWords),\n      } as any);\n    }\n\n    return node;\n  };\n\n  return (\n    <As\n      className={cn(\n        className,\n        'initial-opacity will-change-[transform,filter]'\n      )}\n      style={{ display: 'inline-block' }}\n    >\n      {Children.map(children, wrapWords)}\n    </As>\n  );\n};\n\nexport { SplitTextPoor };\n"],"mappings":";;;;;;;;AAOA,MAAM,gBAAgB;CACpB,QAAQ;EACN,WAAW;EACX,SAAS;EACT,QAAQ;EACT;CACD,UAAU,EAAE,OAAO,aAA+C;EAChE,WAAW;EACX,SAAS;EACT,QAAQ;EACR,YAAY;GACV,UAAU;GACV,OAAO,QAAQ,MAAO;GACvB;EACF;CACF;AAED,MAAM,UAAU;CACd,IAAI;EACF,QAAQ;GACN,WAAW;GACX,QAAQ;GACR,SAAS;GACV;EACD,UAAU,EAAE,OAAO,aAA+C;GAChE,WAAW;GACX,QAAQ;GACR,SAAS;GACT,YAAY;IACV,UAAU;IACV,OAAO,QAAQ,MAAO;IACvB;GACF;EACF;CACD,SAAS;CACV;AAWD,MAAMA,iBAA+C,EACnD,UACA,WACA,SAAS,WACT,IAAI,KAAK,OACT,QAAQ,KACR,QAAQ,QACJ;CACJ,MAAM,iBAAiB,QAAQ,WAAW;CAC1C,IAAI,YAAY;CAEhB,MAAM,aAAa,SAA2C;AAC5D,MAAI,OAAO,SAAS,SAClB,QAAO,KAAK,MAAM,MAAM,CAAC,KAAK,MAAM,UAAU;AAC5C;AACA,UACE,CAAC,OAAO,KACN,QAAQ;IACN,OAAO,YAAY;IACnB;IACD,EACD,iBACA,KAAK,OACL,OAAO;IAAE,SAAS;IAAgB,YAAY;IAAU,EACxD,UAAU,gBACV,UAAU,EAAE,MAAM,MAAM,EACxB,sBACD;aACE,KAAK;aACL,QAAQ,KAAK,MAAM,MAAM,CAAC,SAAS,KAAK,OAAS;UACpD,EAAE,OAAO;IAEX;AAGJ,MAAI,eAAe,KAAK,CACtB,QAAO,aAAa,MAAM,EACxB,UAAU,SAAS,IAAK,KAAK,MAAc,UAAU,UAAU,EAChE,CAAQ;AAGX,SAAO;;AAGT,QACE,CAAC,GACC,WAAW,GACT,WACA,iDACD,EACD,OAAO,EAAE,SAAS,gBAAgB,EACnC;OACE,SAAS,IAAI,UAAU,UAAU,CAAC;IACrC,EAAE"}
+{"version":3,"file":"split-text-poor.js","names":["SplitTextPoor: React.FC<SplitTextPoorProps>"],"sources":["../src/components/split-text-poor/split-text-poor.tsx"],"sourcesContent":["'use client';\n\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport * as motion from 'motion/react-m';\n\nconst defaultConfig = {\n  hidden: {\n    transform: 'translateY(20px) skewY(6deg)',\n    opacity: 0,\n    filter: 'blur(7px)',\n  },\n  visible: ({ index, delay }: { index: number; delay: number }) => ({\n    transform: 'translateY(0px) skewY(0deg)',\n    opacity: 1,\n    filter: 'blur(0px)',\n    transition: {\n      duration: 0.4,\n      delay: index * 0.08 + delay,\n    },\n  }),\n};\n\nconst configs = {\n  sm: {\n    hidden: {\n      transform: 'translateY(10px)',\n      filter: 'blur(7px)',\n      opacity: 0,\n    },\n    visible: ({ index, delay }: { index: number; delay: number }) => ({\n      transform: 'translateY(0px)',\n      filter: 'blur(0px)',\n      opacity: 1,\n      transition: {\n        duration: 0.4,\n        delay: index * 0.06 + delay,\n      },\n    }),\n  },\n  default: defaultConfig,\n};\n\nexport type SplitTextPoorProps = {\n  children: React.ReactNode;\n  className?: string;\n  config?: keyof typeof configs;\n  split?: string;\n  delay?: number;\n  as?: any;\n};\n\nconst SplitTextPoor: React.FC<SplitTextPoorProps> = ({\n  children,\n  className,\n  config = 'default',\n  as: As = 'div',\n  split = ' ',\n  delay = 0,\n}) => {\n  const selectedConfig = configs[config] || defaultConfig;\n  let wordIndex = 0;\n\n  const wrapWords = (node: React.ReactNode): React.ReactNode => {\n    if (typeof node === 'string') {\n      return node.split(split).map((word, index) => {\n        wordIndex++;\n        return (\n          <motion.span\n            custom={{\n              index: wordIndex - 1,\n              delay,\n            }}\n            initial=\"hidden\"\n            key={index}\n            style={{ display: 'inline-block', whiteSpace: 'nowrap' }}\n            variants={selectedConfig}\n            viewport={{ once: true }}\n            whileInView=\"visible\"\n          >\n            {word}\n            {index < node.split(split).length - 1 && '\\u00A0'}\n          </motion.span>\n        );\n      });\n    }\n\n    if (isValidElement(node)) {\n      return cloneElement(node, {\n        children: Children.map((node.props as any).children, wrapWords),\n      } as any);\n    }\n\n    return node;\n  };\n\n  return (\n    <As\n      className={cn(\n        className,\n        'initial-opacity will-change-[transform,filter]'\n      )}\n      style={{ display: 'inline-block' }}\n    >\n      {Children.map(children, wrapWords)}\n    </As>\n  );\n};\n\nexport { SplitTextPoor };\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAgB;CACpB,QAAQ;EACN,WAAW;EACX,SAAS;EACT,QAAQ;EACT;CACD,UAAU,EAAE,OAAO,aAA+C;EAChE,WAAW;EACX,SAAS;EACT,QAAQ;EACR,YAAY;GACV,UAAU;GACV,OAAO,QAAQ,MAAO;GACvB;EACF;CACF;AAED,MAAM,UAAU;CACd,IAAI;EACF,QAAQ;GACN,WAAW;GACX,QAAQ;GACR,SAAS;GACV;EACD,UAAU,EAAE,OAAO,aAA+C;GAChE,WAAW;GACX,QAAQ;GACR,SAAS;GACT,YAAY;IACV,UAAU;IACV,OAAO,QAAQ,MAAO;IACvB;GACF;EACF;CACD,SAAS;CACV;AAWD,MAAMA,iBAA+C,EACnD,UACA,WACA,SAAS,WACT,IAAI,KAAK,OACT,QAAQ,KACR,QAAQ,QACJ;CACJ,MAAM,iBAAiB,QAAQ,WAAW;CAC1C,IAAI,YAAY;CAEhB,MAAM,aAAa,SAA2C;AAC5D,MAAI,OAAO,SAAS,SAClB,QAAO,KAAK,MAAM,MAAM,CAAC,KAAK,MAAM,UAAU;AAC5C;AACA,UACE,qBAAC,OAAO;IACN,QAAQ;KACN,OAAO,YAAY;KACnB;KACD;IACD,SAAQ;IAER,OAAO;KAAE,SAAS;KAAgB,YAAY;KAAU;IACxD,UAAU;IACV,UAAU,EAAE,MAAM,MAAM;IACxB,aAAY;eAEX,MACA,QAAQ,KAAK,MAAM,MAAM,CAAC,SAAS,KAAK;MAPpC,MAQO;IAEhB;AAGJ,MAAI,eAAe,KAAK,CACtB,QAAO,aAAa,MAAM,EACxB,UAAU,SAAS,IAAK,KAAK,MAAc,UAAU,UAAU,EAChE,CAAQ;AAGX,SAAO;;AAGT,QACE,oBAAC;EACC,WAAW,GACT,WACA,iDACD;EACD,OAAO,EAAE,SAAS,gBAAgB;YAEjC,SAAS,IAAI,UAAU,UAAU;GAC/B"}

package/dist/text-field.d.ts

@@ -1,6 +1,6 @@
-import * as react0 from "react";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
 import { Options } from "use-mask-input";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Options as Options$1 } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
@@ -46,7 +46,7 @@ declare function InputText({
   help,
   name,
   ...props
-}: InputTextProps): react0.JSX.Element;
+}: InputTextProps): react_jsx_runtime0.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -63,7 +63,7 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   onChange,
   transform,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react0.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime0.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -75,7 +75,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react0.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps, TextField, type TextFieldProps };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","names":[],"sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":";;;;;;KAqBK,IAAA;UAmBY,cAAA,SACP,KAAA,CAAM,oBAAoB;QAC5B,KAAA,CAAM,aAAa;EArBtB,KAAA,CAAA,EAAI,MAAA;EAmBQ,WAAA,CAAA,EAAA,MACf;EAAA,WAAA,CAAA,EAAA,MAAA;WAAkC,CAAA,EAAA,MAAA;UACT,CAAA,EAAA,OAAA;MAAnB,CAAA,EAAA,MAAM;UAQF,CAAM,EAAA,OAAA;SACL,CAAA,EADD,KAAA,CAAM,YACC,CAAA,GAAA,CAAA;UACV,CAAA,EADI,KAAA,CAAM,SACV;MACO,CAAA,EADP,IACO;aACA,CAAA,EADA,OACA;OAbN,CAAA,EAaA,KAAA,CAAM,SAbA;EAAmB,EAAA,CAAA,EAAA,MAAA;EAqB1B,MAAA,CAAA,EAAA,MAAS;EAAA,eAAA,CAAA,EAAA,MAAA;gBAChB,CAAA,EAAA,MAAA;MACA,CAAA,EAAA,MAAA;;iBAFO,SAAA,CAIP;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,WAAA;EAAA,KAAA;EAAA,EAAA;EAAA,GAAA;EAAA,MAAA;EAAA,eAAA;EAAA,cAAA;EAAA,IAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAiBC,cAjBD,CAAA,EAiBe,MAAA,CAAA,GAAA,CAAA,OAjBf;AACA,UA2Fe,cA3Ff,CAAA,qBA4FqB,WA5FrB,GA4FmC,WA5FnC,EAAA,mBA6FmB,SA7FnB,CA6F6B,YA7F7B,CAAA,GA6F6C,SA7F7C,CA6FuD,YA7FvD,CAAA,CAAA,SA8FQ,kBA9FR,CA8F2B,YA9F3B,EA8FyC,UA9FzC,CAAA,CAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EA8FW,KAAA,CAAM,SA9FjB;cACA,CAAA,EA8Fe,cA9Ff,CA8F8B,YA9F9B,EA8F4C,UA9F5C,CAAA;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GA8F8B,OA9F9B,CAAA,IAAA,CAAA,GAAA,IAAA;WACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA;;iBAmGO,SAjGP,CAAA,qBAkGqB,WAlGrB,GAkGmC,WAlGnC,EAAA,mBAmGmB,SAnGnB,CAmG6B,YAnG7B,CAAA,GAmG6C,SAnG7C,CAmGuD,YAnGvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4GC,cA5GD,CA4GgB,YA5GhB,EA4G8B,UA5G9B,CAAA,GA6GA,IA7GA,CA6GK,cA7GL,EAAA,UAAA,CAAA,CAAA,EA6GgC,MAAA,CAAA,GAAA,CAAA,OA7GhC;AACA,UA8Ie,mBAAA,SAA4B,IA9I3C,CA8IgD,cA9IhD,EAAA,UAAA,CAAA,CAAA;MACA,EAAA,MAAA;cACA,CAAA,EAAA,MAAA;SACA,CAAA,EA8IU,SA9IV;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;iBAiJO,cAAA,CA9IN;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAmJA,mBAnJA,CAAA,EAmJmB,MAAA,CAAA,GAAA,CAAA,OAnJnB"}
+{"version":3,"file":"text-field.d.ts","names":[],"sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":";;;;;;KAqBK,IAAA;UAmBY,cAAA,SACP,KAAA,CAAM,oBAAoB;QAC5B,KAAA,CAAM,aAAa;EArBtB,KAAA,CAAA,EAAI,MAAA;EAmBQ,WAAA,CAAA,EAAA,MACf;EAAA,WAAA,CAAA,EAAA,MAAA;WAAkC,CAAA,EAAA,MAAA;UACT,CAAA,EAAA,OAAA;MAAnB,CAAA,EAAA,MAAM;UAQF,CAAM,EAAA,OAAA;SACL,CAAA,EADD,KAAA,CAAM,YACC,CAAA,GAAA,CAAA;UACV,CAAA,EADI,KAAA,CAAM,SACV;MACO,CAAA,EADP,IACO;aACA,CAAA,EADA,OACA;OAbN,CAAA,EAaA,KAAA,CAAM,SAbA;EAAmB,EAAA,CAAA,EAAA,MAAA;EAqB1B,MAAA,CAAA,EAAA,MAAS;EAAA,eAAA,CAAA,EAAA,MAAA;gBAChB,CAAA,EAAA,MAAA;MACA,CAAA,EAAA,MAAA;;iBAFO,SAAA,CAIP;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,WAAA;EAAA,KAAA;EAAA,EAAA;EAAA,GAAA;EAAA,MAAA;EAAA,eAAA;EAAA,cAAA;EAAA,IAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAiBC,cAjBD,CAAA,EAiBe,kBAAA,CAAA,GAAA,CAAA,OAjBf;AACA,UA2Fe,cA3Ff,CAAA,qBA4FqB,WA5FrB,GA4FmC,WA5FnC,EAAA,mBA6FmB,SA7FnB,CA6F6B,YA7F7B,CAAA,GA6F6C,SA7F7C,CA6FuD,YA7FvD,CAAA,CAAA,SA8FQ,kBA9FR,CA8F2B,YA9F3B,EA8FyC,UA9FzC,CAAA,CAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EA8FW,KAAA,CAAM,SA9FjB;cACA,CAAA,EA8Fe,cA9Ff,CA8F8B,YA9F9B,EA8F4C,UA9F5C,CAAA;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GA8F8B,OA9F9B,CAAA,IAAA,CAAA,GAAA,IAAA;WACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA;;iBAmGO,SAjGP,CAAA,qBAkGqB,WAlGrB,GAkGmC,WAlGnC,EAAA,mBAmGmB,SAnGnB,CAmG6B,YAnG7B,CAAA,GAmG6C,SAnG7C,CAmGuD,YAnGvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4GC,cA5GD,CA4GgB,YA5GhB,EA4G8B,UA5G9B,CAAA,GA6GA,IA7GA,CA6GK,cA7GL,EAAA,UAAA,CAAA,CAAA,EA6GgC,kBAAA,CAAA,GAAA,CAAA,OA7GhC;AACA,UA8Ie,mBAAA,SAA4B,IA9I3C,CA8IgD,cA9IhD,EAAA,UAAA,CAAA,CAAA;MACA,EAAA,MAAA;cACA,CAAA,EAAA,MAAA;SACA,CAAA,EA8IU,SA9IV;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;iBAiJO,cAAA,CA9IN;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAmJA,mBAnJA,CAAA,EAmJmB,kBAAA,CAAA,GAAA,CAAA,OAnJnB"}

package/dist/text-field.js

@@ -8,6 +8,7 @@ import { Controller, useFormContext, useFormState } from "react-hook-form";
 import { withMask } from "use-mask-input";
 import "@radix-ui/react-slot";
 import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Portal } from "@radix-ui/react-tooltip";
 import { Info } from "lucide-react";
@@ -15,7 +16,11 @@ import { parseAsString, useQueryState } from "nuqs";
 
 //#region src/components/ui/label.tsx
 function Label({ className,...props }) {
-	return <LabelPrimitive.Root className={cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className)} data-slot="label" {...props} />;
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		"data-slot": "label",
+		...props
+	});
 }
 
 //#endregion
@@ -28,9 +33,10 @@ const useFormContextSubmit = () => {
 	return context;
 };
 const FormField = ({ ...props }) => {
-	return <FormFieldContext.Provider value={{ name: props.name }}>
-      <Controller {...props} />
-    </FormFieldContext.Provider>;
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
 };
 const useFormField = () => {
 	const fieldContext = React.useContext(FormFieldContext);
@@ -52,58 +58,88 @@ const useFormField = () => {
 const FormItemContext = React.createContext({});
 function FormItem({ className,...props }) {
 	const id = React.useId();
-	return <FormItemContext.Provider value={{ id }}>
-      <div className={cn("flex flex-col gap-1", className)} data-slot="form-item" {...props} />
-    </FormItemContext.Provider>;
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-col gap-1", className),
+			"data-slot": "form-item",
+			...props
+		})
+	});
 }
 function FormMessage({ className,...props }) {
 	const { error, formMessageId } = useFormField();
 	const body = error ? String(error?.message ?? "") : props.children;
 	if (!body) return null;
-	return <p className={cn("text-destructive text-xs", className)} data-slot="form-message" id={formMessageId} {...props}>
-      {body}
-    </p>;
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-destructive text-xs", className),
+		"data-slot": "form-message",
+		id: formMessageId,
+		...props,
+		children: body
+	});
 }
 
 //#endregion
 //#region src/components/ui/input.tsx
 function Input({ className, type,...props }) {
-	return <input className={cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/75 focus-visible:ring-[2px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive ring-offset-[2px] transition-all duration-300", className)} data-slot="input" type={type} {...props} />;
+	return /* @__PURE__ */ jsx("input", {
+		className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/75 focus-visible:ring-[2px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive ring-offset-[2px] transition-all duration-300", className),
+		"data-slot": "input",
+		type,
+		...props
+	});
 }
 
 //#endregion
 //#region src/components/ui/tooltip.tsx
 function TooltipProvider({ delayDuration = 0,...props }) {
-	return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
 }
 function Tooltip({ ...props }) {
-	return <TooltipProvider>
-      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-    </TooltipProvider>;
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
 }
 function TooltipTrigger({ ...props }) {
-	return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
 }
 function TooltipContent({ className, sideOffset = 0, children,...props }) {
-	return <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content className={cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className)} data-slot="tooltip-content" sideOffset={sideOffset} {...props}>
-        {children}
-        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>;
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
+		"data-slot": "tooltip-content",
+		sideOffset,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
 }
 
 //#endregion
 //#region src/components/ui/content-help.tsx
 const ContentHelp = ({ children, help, className, side = "top", sideOffset = 10 }) => {
-	return help ? <Tooltip delayDuration={250}>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
-      <Portal>
-        <TooltipContent className={cn("flex items-center px-2 leading-none", className)} side={side} sideOffset={10}>
-          <p className="w-full text-wrap whitespace-break-spaces">{help}</p>
-        </TooltipContent>
-      </Portal>
-    </Tooltip> : children;
+	return help ? /* @__PURE__ */ jsxs(Tooltip, {
+		delayDuration: 250,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(TooltipContent, {
+			className: cn("flex items-center px-2 leading-none", className),
+			side,
+			sideOffset: 10,
+			children: /* @__PURE__ */ jsx("p", {
+				className: "w-full text-wrap whitespace-break-spaces",
+				children: help
+			})
+		}) })]
+	}) : children;
 };
 
 //#endregion
@@ -111,58 +147,105 @@ const ContentHelp = ({ children, help, className, side = "top", sideOffset = 10
 const InputHelp = ({ help, name, className }) => {
 	const { helper } = useFormContextSubmit();
 	const helpText = name && helper?.[name] || help;
-	return helpText && <ContentHelp className={cn("whitespace-pre-line leading-relaxed max-w-96 text-[13px]")} help={helpText}>
-        <button className={cn("mb-0.5 size-fit p-1 hover:bg-muted rounded-sm", className)} type="button">
-          <Info className="size-3.5" />
-        </button>
-      </ContentHelp>;
+	return helpText && /* @__PURE__ */ jsx(ContentHelp, {
+		className: cn("whitespace-pre-line leading-relaxed max-w-96 text-[13px]"),
+		help: helpText,
+		children: /* @__PURE__ */ jsx("button", {
+			className: cn("mb-0.5 size-fit p-1 hover:bg-muted rounded-sm", className),
+			type: "button",
+			children: /* @__PURE__ */ jsx(Info, { className: "size-3.5" })
+		})
+	});
 };
 
 //#endregion
 //#region src/components/text-field/TextField.tsx
 function InputText({ label, description, placeholder, className, children, disabled, type, required, maskRef, mask, maskOptions, error, id, ref, detail, detailClassName, inputClassName, help, name,...props }) {
-	return <div className={cn("w-full flex flex-col gap-1", className)} id={`input-${name?.replace(".", "-")}`} ref={ref}>
-      <div className="flex items-end gap-1.5">
-        <div className={cn("flex !gap-0 flex-col", className)}>
-          {label && <Label className={cn(error && "text-destructive", className, disabled && "text-muted-foreground", "inline-flex items-center flex-row gap-0.5")} htmlFor={id}>
-              {label}:
-              {required && <span className="text-red-500 text-lg leading-[1px]">*</span>}
-            </Label>}
-          {detail && <Label className={cn("text-sm text-muted-foreground font-normal", detailClassName)} htmlFor={id}>
-              {detail}
-            </Label>}
-        </div>
-
-        <InputHelp help={help} name={name} />
-      </div>
-      <div className="flex flex-col gap-0.5">
-        <div className="relative">
-          <Input className={cn(error && "border-destructive", inputClassName)} disabled={disabled} id={id} placeholder={placeholder} ref={maskRef || (mask ? withMask(mask, {
-		autoUnmask: true,
-		...maskOptions,
-		showMaskOnHover: false,
-		showMaskOnFocus: false,
-		clearMaskOnLostFocus: true
-	}) : void 0)} type={type} {...props} />
-          {children}
-        </div>
-        {description && <p className={cn("text-sm text-muted-foreground", className)}>
-            {description}
-          </p>}
-        {error && error}
-      </div>
-    </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full flex flex-col gap-1", className),
+		id: `input-${name?.replace(".", "-")}`,
+		ref,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-end gap-1.5",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cn("flex !gap-0 flex-col", className),
+				children: [label && /* @__PURE__ */ jsxs(Label, {
+					className: cn(error && "text-destructive", className, disabled && "text-muted-foreground", "inline-flex items-center flex-row gap-0.5"),
+					htmlFor: id,
+					children: [
+						label,
+						":",
+						required && /* @__PURE__ */ jsx("span", {
+							className: "text-red-500 text-lg leading-[1px]",
+							children: "*"
+						})
+					]
+				}), detail && /* @__PURE__ */ jsx(Label, {
+					className: cn("text-sm text-muted-foreground font-normal", detailClassName),
+					htmlFor: id,
+					children: detail
+				})]
+			}), /* @__PURE__ */ jsx(InputHelp, {
+				help,
+				name
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-0.5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx(Input, {
+						className: cn(error && "border-destructive", inputClassName),
+						disabled,
+						id,
+						placeholder,
+						ref: maskRef || (mask ? withMask(mask, {
+							autoUnmask: true,
+							...maskOptions,
+							showMaskOnHover: false,
+							showMaskOnFocus: false,
+							clearMaskOnLostFocus: true
+						}) : void 0),
+						type,
+						...props
+					}), children]
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: cn("text-sm text-muted-foreground", className),
+					children: description
+				}),
+				error && error
+			]
+		})]
+	});
 }
 const defaultTransform = (value) => value;
 function TextField({ name, className, required, defaultValue, onChange, transform = defaultTransform,...props }) {
 	const { control } = useFormContext();
 	const id = useId();
-	return <FormField control={control} defaultValue={defaultValue} name={name} render={({ field, fieldState }) => <FormItem className={cn("w-full", className)}>
-          <InputText {...field} {...props} disabled={props.disabled} error={fieldState?.error && <FormMessage />} id={`${id}-${name}`} name={name} onChange={(e) => {
-		field.onChange(transform(e.target.value));
-		onChange?.(transform(e.target.value));
-	}} required={required} value={field.value || ""} />
-        </FormItem>} rules={{ required: required ? "Campo obrigatório" : false }} />;
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		defaultValue,
+		name,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FormItem, {
+			className: cn("w-full", className),
+			children: /* @__PURE__ */ jsx(InputText, {
+				...field,
+				...props,
+				disabled: props.disabled,
+				error: fieldState?.error && /* @__PURE__ */ jsx(FormMessage, {}),
+				id: `${id}-${name}`,
+				name,
+				onChange: (e) => {
+					field.onChange(transform(e.target.value));
+					onChange?.(transform(e.target.value));
+				},
+				required,
+				value: field.value || ""
+			})
+		}),
+		rules: { required: required ? "Campo obrigatório" : false }
+	});
 }
 function QueryTextField({ name, defaultValue, options,...props }) {
 	const id = useId();
@@ -175,10 +258,16 @@ function QueryTextField({ name, defaultValue, options,...props }) {
 		},
 		...options
 	}).withDefault(defaultValue ?? ""));
-	return <InputText id={`${id}-${name}`} name={name} value={filter} {...props} onChange={(e) => {
-		setFilter(e.target.value);
-		props.onChange?.(e.target.value);
-	}} />;
+	return /* @__PURE__ */ jsx(InputText, {
+		id: `${id}-${name}`,
+		name,
+		value: filter,
+		...props,
+		onChange: (e) => {
+			setFilter(e.target.value);
+			props.onChange?.(e.target.value);
+		}
+	});
 }
 
 //#endregion

package/dist/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":["ContentHelp: React.FC<{\n  children: React.ReactNode;\n  help?: React.ReactNode | string;\n  className?: string;\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}>","TooltipPortal","InputHelp: React.FC<{\n  help?: string;\n  name?: string;\n  className?: string;\n}>"],"sources":["../src/components/ui/label.tsx","../src/components/ui/form.tsx","../src/components/ui/input.tsx","../src/components/ui/tooltip.tsx","../src/components/ui/content-help.tsx","../src/components/ui/input-help.tsx","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/lib/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className\n      )}\n      data-slot=\"label\"\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","'use client';\n\nimport * as React from 'react';\n\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n);\n\nconst FormContext = React.createContext<{\n  onSubmit?: (data?: FieldValues) => void;\n  helper?: Record<string, string>;\n}>({});\n\nexport const useFormContextSubmit = () => {\n  const context = React.useContext(FormContext);\n  if (!context) {\n    return {};\n  }\n  return context;\n};\n\nconst Form: React.FC<\n  React.ComponentProps<typeof FormProvider<FieldValues>> & {\n    onSubmit?: (data?: FieldValues) => void;\n    helper?: Record<string, string>;\n  }\n> = ({ onSubmit, helper, ...props }) => {\n  return (\n    <FormContext.Provider value={{ onSubmit, helper }}>\n      <FormProvider {...props} />\n    </FormContext.Provider>\n  );\n};\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        className={cn('flex flex-col gap-1', className)}\n        data-slot=\"form-item\"\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn('data-[error=true]:text-destructive', className)}\n      data-error={!!error}\n      data-slot=\"form-label\"\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      data-slot=\"form-control\"\n      id={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      className={cn('text-destructive text-xs', className)}\n      data-slot=\"form-message\"\n      id={formMessageId}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n","import type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/75 focus-visible:ring-[2px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive ring-offset-[2px] transition-all duration-300',\n        className\n      )}\n      data-slot=\"input\"\n      type={type}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","'use client';\n\nimport * as React from 'react';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className\n        )}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { Portal as TooltipPortal } from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\nimport { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';\n\nconst ContentHelp: React.FC<{\n  children: React.ReactNode;\n  help?: React.ReactNode | string;\n  className?: string;\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}> = ({ children, help, className, side = 'top', sideOffset = 10 }) => {\n  return help ? (\n    <Tooltip delayDuration={250}>\n      <TooltipTrigger asChild>{children as any}</TooltipTrigger>\n      <TooltipPortal>\n        <TooltipContent\n          className={cn('flex items-center px-2 leading-none', className)}\n          side={side}\n          sideOffset={10}\n        >\n          <p className=\"w-full text-wrap whitespace-break-spaces\">{help}</p>\n        </TooltipContent>\n      </TooltipPortal>\n    </Tooltip>\n  ) : (\n    children\n  );\n};\n\nexport { ContentHelp };\n","'use client';\n\nimport { ContentHelp } from '@/components/ui/content-help';\n\nimport { Info } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { useFormContextSubmit } from './form';\n\nconst InputHelp: React.FC<{\n  help?: string;\n  name?: string;\n  className?: string;\n}> = ({ help, name, className }) => {\n  const { helper } = useFormContextSubmit();\n  const helpText = (name && helper?.[name]) || help;\n\n  return (\n    helpText && (\n      <ContentHelp\n        className={cn(\n          'whitespace-pre-line leading-relaxed max-w-96 text-[13px]'\n        )}\n        help={helpText}\n      >\n        <button\n          className={cn(\n            'mb-0.5 size-fit p-1 hover:bg-muted rounded-sm',\n            className\n          )}\n          type=\"button\"\n        >\n          <Info className=\"size-3.5\" />\n        </button>\n      </ContentHelp>\n    )\n  );\n};\nexport { InputHelp };\n","'use client';\n\nimport { useId } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useFormContext,\n} from 'react-hook-form';\nimport { type Options as MaskOptions, withMask } from 'use-mask-input';\n\nimport { FormField, FormItem, FormMessage } from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { InputHelp } from '@/components/ui/input-help';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\nimport { type Options, parseAsString, useQueryState } from 'nuqs';\n\ntype Mask =\n  | 'datetime'\n  | 'email'\n  | 'numeric'\n  | 'currency'\n  | 'decimal'\n  | 'integer'\n  | 'percentage'\n  | 'url'\n  | 'ip'\n  | 'mac'\n  | 'ssn'\n  | 'brl-currency'\n  | 'cpf'\n  | 'cnpj'\n  | (string & {})\n  | (string[] & {})\n  | null;\n\nexport interface InputTextProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  ref?: React.ForwardedRef<HTMLInputElement>;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  className?: string;\n  disabled?: boolean;\n  type?: string;\n  required?: boolean;\n  maskRef?: React.ForwardedRef<any>;\n  children?: React.ReactNode;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  error?: React.ReactNode;\n  id?: string;\n  detail?: string;\n  detailClassName?: string;\n  inputClassName?: string;\n  help?: string;\n}\n\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  maskOptions,\n  error,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  name,\n  ...props\n}: InputTextProps) {\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={`input-${name?.replace('.', '-')}`}\n      ref={ref}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <div className={cn('flex !gap-0 flex-col', className)}>\n          {label && (\n            <Label\n              className={cn(\n                error && 'text-destructive',\n                className,\n                disabled && 'text-muted-foreground',\n                'inline-flex items-center flex-row gap-0.5'\n              )}\n              htmlFor={id}\n            >\n              {label}:\n              {required && (\n                <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n              )}\n            </Label>\n          )}\n          {detail && (\n            <Label\n              className={cn(\n                'text-sm text-muted-foreground font-normal',\n                detailClassName\n              )}\n              htmlFor={id}\n            >\n              {detail}\n            </Label>\n          )}\n        </div>\n\n        <InputHelp help={help} name={name} />\n      </div>\n      <div className=\"flex flex-col gap-0.5\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            placeholder={placeholder}\n            ref={\n              maskRef ||\n              ((mask\n                ? withMask(mask, {\n                    autoUnmask: true,\n                    ...maskOptions,\n                    showMaskOnHover: false,\n                    showMaskOnFocus: false,\n                    clearMaskOnLostFocus: true,\n                  })\n                : undefined) as any)\n            }\n            type={type}\n            {...props}\n          />\n          {children}\n        </div>\n        {description && (\n          <p className={cn('text-sm text-muted-foreground', className)}>\n            {description}\n          </p>\n        )}\n        {error && error}\n      </div>\n    </div>\n  );\n}\n\nexport interface TextFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  children?: React.ReactNode;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: string) => Promise<void> | void;\n  transform?: (value: string) => string;\n}\n\nconst defaultTransform = (value: string) => value;\n\nfunction TextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  className,\n  required,\n  defaultValue,\n  onChange,\n  transform = defaultTransform,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control } = useFormContext();\n  const id = useId();\n\n  return (\n    <FormField\n      control={control}\n      defaultValue={defaultValue}\n      name={name}\n      render={({ field, fieldState }) => (\n        <FormItem className={cn('w-full', className)}>\n          <InputText\n            {...field}\n            {...props}\n            disabled={props.disabled}\n            error={fieldState?.error && <FormMessage />}\n            id={`${id}-${name}`}\n            name={name}\n            onChange={(e) => {\n              field.onChange(transform(e.target.value));\n              onChange?.(transform(e.target.value));\n            }}\n            required={required}\n            value={field.value || ''}\n          />\n        </FormItem>\n      )}\n      rules={{\n        required: required ? 'Campo obrigatório' : false,\n      }}\n    />\n  );\n}\n\nexport interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: string) => void;\n}\n\nfunction QueryTextField({\n  name,\n  defaultValue,\n  options,\n  ...props\n}: QueryTextFieldProps) {\n  const id = useId();\n  const [filter, setFilter] = useQueryState(\n    name,\n    parseAsString\n      .withOptions({\n        clearOnDefault: true,\n        shallow: false,\n        limitUrlUpdates: {\n          method: 'debounce',\n          timeMs: 400,\n        },\n        ...options,\n      })\n      .withDefault(defaultValue ?? '')\n  );\n\n  return (\n    <InputText\n      id={`${id}-${name}`}\n      name={name}\n      value={filter}\n      {...props}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField };\n"],"mappings":"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"}
+{"version":3,"file":"text-field.js","names":["ContentHelp: React.FC<{\n  children: React.ReactNode;\n  help?: React.ReactNode | string;\n  className?: string;\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}>","TooltipPortal","InputHelp: React.FC<{\n  help?: string;\n  name?: string;\n  className?: string;\n}>"],"sources":["../src/components/ui/label.tsx","../src/components/ui/form.tsx","../src/components/ui/input.tsx","../src/components/ui/tooltip.tsx","../src/components/ui/content-help.tsx","../src/components/ui/input-help.tsx","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/lib/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className\n      )}\n      data-slot=\"label\"\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","'use client';\n\nimport * as React from 'react';\n\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n);\n\nconst FormContext = React.createContext<{\n  onSubmit?: (data?: FieldValues) => void;\n  helper?: Record<string, string>;\n}>({});\n\nexport const useFormContextSubmit = () => {\n  const context = React.useContext(FormContext);\n  if (!context) {\n    return {};\n  }\n  return context;\n};\n\nconst Form: React.FC<\n  React.ComponentProps<typeof FormProvider<FieldValues>> & {\n    onSubmit?: (data?: FieldValues) => void;\n    helper?: Record<string, string>;\n  }\n> = ({ onSubmit, helper, ...props }) => {\n  return (\n    <FormContext.Provider value={{ onSubmit, helper }}>\n      <FormProvider {...props} />\n    </FormContext.Provider>\n  );\n};\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        className={cn('flex flex-col gap-1', className)}\n        data-slot=\"form-item\"\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn('data-[error=true]:text-destructive', className)}\n      data-error={!!error}\n      data-slot=\"form-label\"\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      data-slot=\"form-control\"\n      id={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      className={cn('text-destructive text-xs', className)}\n      data-slot=\"form-message\"\n      id={formMessageId}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n","import type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/75 focus-visible:ring-[2px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive ring-offset-[2px] transition-all duration-300',\n        className\n      )}\n      data-slot=\"input\"\n      type={type}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","'use client';\n\nimport * as React from 'react';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className\n        )}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { Portal as TooltipPortal } from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\nimport { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';\n\nconst ContentHelp: React.FC<{\n  children: React.ReactNode;\n  help?: React.ReactNode | string;\n  className?: string;\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}> = ({ children, help, className, side = 'top', sideOffset = 10 }) => {\n  return help ? (\n    <Tooltip delayDuration={250}>\n      <TooltipTrigger asChild>{children as any}</TooltipTrigger>\n      <TooltipPortal>\n        <TooltipContent\n          className={cn('flex items-center px-2 leading-none', className)}\n          side={side}\n          sideOffset={10}\n        >\n          <p className=\"w-full text-wrap whitespace-break-spaces\">{help}</p>\n        </TooltipContent>\n      </TooltipPortal>\n    </Tooltip>\n  ) : (\n    children\n  );\n};\n\nexport { ContentHelp };\n","'use client';\n\nimport { ContentHelp } from '@/components/ui/content-help';\n\nimport { Info } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { useFormContextSubmit } from './form';\n\nconst InputHelp: React.FC<{\n  help?: string;\n  name?: string;\n  className?: string;\n}> = ({ help, name, className }) => {\n  const { helper } = useFormContextSubmit();\n  const helpText = (name && helper?.[name]) || help;\n\n  return (\n    helpText && (\n      <ContentHelp\n        className={cn(\n          'whitespace-pre-line leading-relaxed max-w-96 text-[13px]'\n        )}\n        help={helpText}\n      >\n        <button\n          className={cn(\n            'mb-0.5 size-fit p-1 hover:bg-muted rounded-sm',\n            className\n          )}\n          type=\"button\"\n        >\n          <Info className=\"size-3.5\" />\n        </button>\n      </ContentHelp>\n    )\n  );\n};\nexport { InputHelp };\n","'use client';\n\nimport { useId } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useFormContext,\n} from 'react-hook-form';\nimport { type Options as MaskOptions, withMask } from 'use-mask-input';\n\nimport { FormField, FormItem, FormMessage } from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { InputHelp } from '@/components/ui/input-help';\nimport { Label } from '@/components/ui/label';\n\nimport { cn } from '@/lib/utils';\nimport { type Options, parseAsString, useQueryState } from 'nuqs';\n\ntype Mask =\n  | 'datetime'\n  | 'email'\n  | 'numeric'\n  | 'currency'\n  | 'decimal'\n  | 'integer'\n  | 'percentage'\n  | 'url'\n  | 'ip'\n  | 'mac'\n  | 'ssn'\n  | 'brl-currency'\n  | 'cpf'\n  | 'cnpj'\n  | (string & {})\n  | (string[] & {})\n  | null;\n\nexport interface InputTextProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  ref?: React.ForwardedRef<HTMLInputElement>;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  className?: string;\n  disabled?: boolean;\n  type?: string;\n  required?: boolean;\n  maskRef?: React.ForwardedRef<any>;\n  children?: React.ReactNode;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  error?: React.ReactNode;\n  id?: string;\n  detail?: string;\n  detailClassName?: string;\n  inputClassName?: string;\n  help?: string;\n}\n\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  maskOptions,\n  error,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  name,\n  ...props\n}: InputTextProps) {\n  return (\n    <div\n      className={cn('w-full flex flex-col gap-1', className)}\n      id={`input-${name?.replace('.', '-')}`}\n      ref={ref}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <div className={cn('flex !gap-0 flex-col', className)}>\n          {label && (\n            <Label\n              className={cn(\n                error && 'text-destructive',\n                className,\n                disabled && 'text-muted-foreground',\n                'inline-flex items-center flex-row gap-0.5'\n              )}\n              htmlFor={id}\n            >\n              {label}:\n              {required && (\n                <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n              )}\n            </Label>\n          )}\n          {detail && (\n            <Label\n              className={cn(\n                'text-sm text-muted-foreground font-normal',\n                detailClassName\n              )}\n              htmlFor={id}\n            >\n              {detail}\n            </Label>\n          )}\n        </div>\n\n        <InputHelp help={help} name={name} />\n      </div>\n      <div className=\"flex flex-col gap-0.5\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            placeholder={placeholder}\n            ref={\n              maskRef ||\n              ((mask\n                ? withMask(mask, {\n                    autoUnmask: true,\n                    ...maskOptions,\n                    showMaskOnHover: false,\n                    showMaskOnFocus: false,\n                    clearMaskOnLostFocus: true,\n                  })\n                : undefined) as any)\n            }\n            type={type}\n            {...props}\n          />\n          {children}\n        </div>\n        {description && (\n          <p className={cn('text-sm text-muted-foreground', className)}>\n            {description}\n          </p>\n        )}\n        {error && error}\n      </div>\n    </div>\n  );\n}\n\nexport interface TextFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  disabled?: boolean;\n  required?: boolean;\n  children?: React.ReactNode;\n  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;\n  onChange?: (value: string) => Promise<void> | void;\n  transform?: (value: string) => string;\n}\n\nconst defaultTransform = (value: string) => value;\n\nfunction TextField<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  className,\n  required,\n  defaultValue,\n  onChange,\n  transform = defaultTransform,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control } = useFormContext();\n  const id = useId();\n\n  return (\n    <FormField\n      control={control}\n      defaultValue={defaultValue}\n      name={name}\n      render={({ field, fieldState }) => (\n        <FormItem className={cn('w-full', className)}>\n          <InputText\n            {...field}\n            {...props}\n            disabled={props.disabled}\n            error={fieldState?.error && <FormMessage />}\n            id={`${id}-${name}`}\n            name={name}\n            onChange={(e) => {\n              field.onChange(transform(e.target.value));\n              onChange?.(transform(e.target.value));\n            }}\n            required={required}\n            value={field.value || ''}\n          />\n        </FormItem>\n      )}\n      rules={{\n        required: required ? 'Campo obrigatório' : false,\n      }}\n    />\n  );\n}\n\nexport interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {\n  name: string;\n  defaultValue?: string;\n  options?: Options;\n  onChange?: (value: string) => void;\n}\n\nfunction QueryTextField({\n  name,\n  defaultValue,\n  options,\n  ...props\n}: QueryTextFieldProps) {\n  const id = useId();\n  const [filter, setFilter] = useQueryState(\n    name,\n    parseAsString\n      .withOptions({\n        clearOnDefault: true,\n        shallow: false,\n        limitUrlUpdates: {\n          method: 'debounce',\n          timeMs: 400,\n        },\n        ...options,\n      })\n      .withDefault(defaultValue ?? '')\n  );\n\n  return (\n    <InputText\n      id={`${id}-${name}`}\n      name={name}\n      value={filter}\n      {...props}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,