maquinaweb-ui 1.2.0 → 1.3.0

package/README.md

@@ -176,14 +176,18 @@ bunx semantic-release
 
 ## 📝 Adding New Components
 
-1. Create a new component directory:
+### 🤖 Automático - Exports são Gerados Automaticamente!
+
+Ao criar um novo componente, os exports do `package.json` são atualizados automaticamente no build.
+
+1. Create a new component directory (use **kebab-case**):
    ```bash
-   mkdir -p src/components/YourComponent
+   mkdir -p src/components/your-component
    ```
 
 2. Create the component file:
    ```tsx
-   // src/components/YourComponent/YourComponent.tsx
+   // src/components/your-component/YourComponent.tsx
    export interface YourComponentProps {
      // Your props
    }
@@ -194,16 +198,16 @@ bunx semantic-release
    }
    ```
 
-3. Create an index file:
+3. **REQUIRED:** Create an index file:
    ```tsx
-   // src/components/YourComponent/index.ts
+   // src/components/your-component/index.ts
    export { YourComponent } from "./YourComponent";
    export type { YourComponentProps } from "./YourComponent";
    ```
 
-4. Create Cosmos fixtures:
+4. (Optional) Create Cosmos fixtures:
    ```tsx
-   // src/components/YourComponent/YourComponent.fixture.tsx
+   // src/components/your-component/YourComponent.fixture.tsx
    import { YourComponent } from "./YourComponent";
 
    export default {
@@ -212,13 +216,27 @@ bunx semantic-release
    };
    ```
 
-5. Export from the library entry point:
+5. (Optional) Export from the main entry point:
    ```tsx
    // src/index.ts
-   export { YourComponent } from "./components/YourComponent";
-   export type { YourComponentProps } from "./components/YourComponent";
+   export { YourComponent } from "./components/your-component";
+   export type { YourComponentProps } from "./components/your-component";
+   ```
+
+6. **Build and it's ready!**
+   ```bash
+   bun run build
+   # ✅ Automatically updates package.json exports
+   # ✅ Creates maquinaweb-ui/your-component entrypoint
    ```
 
+**📖 Exports são gerados automaticamente! Veja:**
+- **Apenas exports base são versionados no Git** (via git hooks)
+- **Exports completos são gerados no build local** (para testes)
+- **Exports completos são gerados no publish** (via prepublishOnly)
+
+Para mais detalhes: [GIT_EXPORTS.md](./GIT_EXPORTS.md)
+
 ## 🔧 Configuration Files
 
 ### `tsup.config.ts`
@@ -256,20 +274,34 @@ TypeScript configuration:
 
 After installing your published package:
 
+### Basic Import (All Components)
+
 ```tsx
-import { Button } from "maquinaweb-ui";
+import { TextField, ContainerAnimation } from "maquinaweb-ui";
 
 function App() {
   return (
-    <div>
-      <Button variant="primary" size="medium">
-        Click me
-      </Button>
-    </div>
+    <ContainerAnimation>
+      <TextField name="email" label="Email" />
+    </ContainerAnimation>
   );
 }
 ```
 
+### Tree-shakable Imports (Optimized)
+
+This library supports multiple entrypoints for better tree-shaking:
+
+```tsx
+// Import only form components (~2.85 kB)
+import { TextField, InputText } from "maquinaweb-ui/text-field";
+
+// Import only animation components (~1.54 kB)
+import { ContainerAnimation } from "maquinaweb-ui/animation";
+```
+
+**📖 For detailed usage and bundle size comparison, see [ENTRYPOINTS.md](./ENTRYPOINTS.md)**
+
 ## 🤝 Contributing
 
 1. Create a new branch for your feature

package/dist/container-animation-BbZk1MyR.js

@@ -0,0 +1,120 @@
+import { cn } from "./utils-C0f9Ma6r.js";
+import { useEffect, useRef, useState } from "react";
+import * as motion from "motion/react-m";
+
+//#region node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
+function resolveElements(elementOrSelector, scope, selectorCache) {
+	if (elementOrSelector instanceof EventTarget) return [elementOrSelector];
+	else if (typeof elementOrSelector === "string") {
+		let root = document;
+		if (scope) root = scope.current;
+		const elements = selectorCache?.[elementOrSelector] ?? root.querySelectorAll(elementOrSelector);
+		return elements ? Array.from(elements) : [];
+	}
+	return Array.from(elementOrSelector);
+}
+
+//#endregion
+//#region node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs
+const thresholds = {
+	some: 0,
+	all: 1
+};
+function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = "some" } = {}) {
+	const elements = resolveElements(elementOrSelector);
+	const activeIntersections = /* @__PURE__ */ new WeakMap();
+	const onIntersectionChange = (entries) => {
+		entries.forEach((entry) => {
+			const onEnd = activeIntersections.get(entry.target);
+			/**
+			* If there's no change to the intersection, we don't need to
+			* do anything here.
+			*/
+			if (entry.isIntersecting === Boolean(onEnd)) return;
+			if (entry.isIntersecting) {
+				const newOnEnd = onStart(entry.target, entry);
+				if (typeof newOnEnd === "function") activeIntersections.set(entry.target, newOnEnd);
+				else observer.unobserve(entry.target);
+			} else if (typeof onEnd === "function") {
+				onEnd(entry);
+				activeIntersections.delete(entry.target);
+			}
+		});
+	};
+	const observer = new IntersectionObserver(onIntersectionChange, {
+		root,
+		rootMargin,
+		threshold: typeof amount === "number" ? amount : thresholds[amount]
+	});
+	elements.forEach((element) => observer.observe(element));
+	return () => observer.disconnect();
+}
+
+//#endregion
+//#region node_modules/framer-motion/dist/es/utils/use-in-view.mjs
+function useInView(ref, { root, margin, amount, once = false, initial = false } = {}) {
+	const [isInView, setInView] = useState(initial);
+	useEffect(() => {
+		if (!ref.current || once && isInView) return;
+		const onEnter = () => {
+			setInView(true);
+			return once ? void 0 : () => setInView(false);
+		};
+		const options = {
+			root: root && root.current || void 0,
+			margin,
+			amount
+		};
+		return inView(ref.current, onEnter, options);
+	}, [
+		root,
+		ref,
+		margin,
+		once,
+		amount
+	]);
+	return isInView;
+}
+
+//#endregion
+//#region src/components/container-animation/ContainerAnimation.tsx
+const getVariants = (position, space, delay) => {
+	const directions = {
+		top: { transform: `translateY(${space}px)` },
+		bottom: { transform: `translateY(-${space}px)` },
+		left: { transform: `translateX(${space}px)` },
+		right: { transform: `translateX(-${space}px)` }
+	};
+	return {
+		hidden: {
+			opacity: 0,
+			filter: "blur(6px)",
+			...directions[position] || directions.top
+		},
+		visible: {
+			opacity: 1,
+			filter: "blur(0px)",
+			transform: "translateY(0px) translateX(0px)",
+			transition: {
+				delay,
+				duration: .5,
+				staggerChildren: .1
+			}
+		}
+	};
+};
+const ContainerAnimation = ({ className, children, position = "top", delay = 0, space = 20, duration = .8, as: As = "div", distance = [95, 5], hideNotInView = false,...props }) => {
+	const ref = useRef(null);
+	const isInView = useInView(ref, {
+		once: true,
+		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>;
+};
+
+//#endregion
+export { ContainerAnimation };
+//# sourceMappingURL=container-animation-BbZk1MyR.js.map

package/dist/container-animation-BbZk1MyR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-animation-BbZk1MyR.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/ContainerAnimation.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/container-animation.d.ts

@@ -0,0 +1,2 @@
+import { ContainerAnimation, ContainerAnimationProps } from "./index-BC9dAmE_.js";
+export { ContainerAnimation, ContainerAnimationProps };

package/dist/container-animation.js

@@ -0,0 +1,4 @@
+import "./utils-C0f9Ma6r.js";
+import { ContainerAnimation } from "./container-animation-BbZk1MyR.js";
+
+export { ContainerAnimation };

package/dist/index-BC9dAmE_.d.ts

@@ -0,0 +1,29 @@
+import * as react2 from "react";
+import { ComponentProps, ElementType } from "react";
+
+//#region src/components/container-animation/ContainerAnimation.d.ts
+type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  delay?: number;
+  space?: number;
+  duration?: number;
+  distance?: [number, number];
+  hideNotInView?: boolean;
+  as?: T | string;
+  className?: string;
+};
+declare const ContainerAnimation: <T extends ElementType = "div">({
+  className,
+  children,
+  position,
+  delay,
+  space,
+  duration,
+  as: As,
+  distance,
+  hideNotInView,
+  ...props
+}: ContainerAnimationProps<T>) => react2.JSX.Element;
+//#endregion
+export { ContainerAnimation, type ContainerAnimationProps };
+//# sourceMappingURL=index-BC9dAmE_.d.ts.map

package/dist/index-BC9dAmE_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BC9dAmE_.d.ts","names":[],"sources":["../src/components/container-animation/ContainerAnimation.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"}

package/dist/index-D9G_ksi_.d.ts

@@ -0,0 +1,81 @@
+import * as react0 from "react";
+import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
+import { Options } from "use-mask-input";
+import { Options as Options$1 } from "nuqs";
+
+//#region src/components/text-field/TextField.d.ts
+type Mask = 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer' | 'percentage' | 'url' | 'ip' | 'mac' | 'ssn' | 'brl-currency' | 'cpf' | 'cnpj' | (string & {}) | (string[] & {}) | null;
+interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  ref?: React.ForwardedRef<HTMLInputElement>;
+  label?: string;
+  placeholder?: string;
+  description?: string;
+  className?: string;
+  disabled?: boolean;
+  type?: string;
+  required?: boolean;
+  maskRef?: React.ForwardedRef<any>;
+  children?: React.ReactNode;
+  mask?: Mask;
+  maskOptions?: Options;
+  error?: React.ReactNode;
+  id?: string;
+  detail?: string;
+  detailClassName?: string;
+  inputClassName?: string;
+  help?: string;
+}
+declare function InputText({
+  label,
+  description,
+  placeholder,
+  className,
+  children,
+  disabled,
+  type,
+  required,
+  maskRef,
+  mask,
+  maskOptions,
+  error,
+  id,
+  ref,
+  detail,
+  detailClassName,
+  inputClassName,
+  help,
+  name,
+  ...props
+}: InputTextProps): react0.JSX.Element;
+interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
+  disabled?: boolean;
+  required?: boolean;
+  children?: React.ReactNode;
+  defaultValue?: FieldPathValue<TFieldValues, TFieldName>;
+  onChange?: (value: string) => Promise<void> | void;
+  transform?: (value: string) => string;
+}
+declare function TextField<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  name,
+  className,
+  required,
+  defaultValue,
+  onChange,
+  transform,
+  ...props
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react0.JSX.Element;
+interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
+  name: string;
+  defaultValue?: string;
+  options?: Options$1;
+  onChange?: (value: string) => void;
+}
+declare function QueryTextField({
+  name,
+  defaultValue,
+  options,
+  ...props
+}: QueryTextFieldProps): react0.JSX.Element;
+//#endregion
+export { InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps, TextField, type TextFieldProps };
+//# sourceMappingURL=index-D9G_ksi_.d.ts.map

package/dist/index-D9G_ksi_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D9G_ksi_.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"}

package/dist/index.d.ts

@@ -1,89 +1,3 @@
-import * as react2 from "react";
-import { ComponentProps, ElementType } from "react";
-import "react-hook-form";
-import { Options } from "use-mask-input";
-import { Options as Options$1 } from "nuqs";
-
-//#region src/components/container-animation/ContainerAnimation.d.ts
-type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
-  position?: 'top' | 'bottom' | 'left' | 'right';
-  delay?: number;
-  space?: number;
-  duration?: number;
-  distance?: [number, number];
-  hideNotInView?: boolean;
-  as?: T | string;
-  className?: string;
-};
-declare const ContainerAnimation: <T extends ElementType = "div">({
-  className,
-  children,
-  position,
-  delay,
-  space,
-  duration,
-  as: As,
-  distance,
-  hideNotInView,
-  ...props
-}: ContainerAnimationProps<T>) => react2.JSX.Element;
-//#endregion
-//#region src/components/text-field/TextField.d.ts
-type Mask = 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer' | 'percentage' | 'url' | 'ip' | 'mac' | 'ssn' | 'brl-currency' | 'cpf' | 'cnpj' | (string & {}) | (string[] & {}) | null;
-interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  ref?: React.ForwardedRef<HTMLInputElement>;
-  label?: string;
-  placeholder?: string;
-  description?: string;
-  className?: string;
-  disabled?: boolean;
-  type?: string;
-  required?: boolean;
-  maskRef?: React.ForwardedRef<any>;
-  children?: React.ReactNode;
-  mask?: Mask;
-  maskOptions?: Options;
-  error?: React.ReactNode;
-  id?: string;
-  detail?: string;
-  detailClassName?: string;
-  inputClassName?: string;
-  help?: string;
-}
-declare function InputText({
-  label,
-  description,
-  placeholder,
-  className,
-  children,
-  disabled,
-  type,
-  required,
-  maskRef,
-  mask,
-  maskOptions,
-  error,
-  id,
-  ref,
-  detail,
-  detailClassName,
-  inputClassName,
-  help,
-  name,
-  ...props
-}: InputTextProps): react2.JSX.Element;
-interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
-  name: string;
-  defaultValue?: string;
-  options?: Options$1;
-  onChange?: (value: string) => void;
-}
-declare function QueryTextField({
-  name,
-  defaultValue,
-  options,
-  ...props
-}: QueryTextFieldProps): react2.JSX.Element;
-//#endregion
-export { ContainerAnimation, type ContainerAnimationProps, InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps };
-//# sourceMappingURL=index.d.ts.map
+import { ContainerAnimation, ContainerAnimationProps } from "./index-BC9dAmE_.js";
+import { InputText, InputTextProps, QueryTextField, QueryTextFieldProps } from "./index-D9G_ksi_.js";
+export { ContainerAnimation, type ContainerAnimationProps, InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps };

package/dist/index.js

@@ -1,258 +1,5 @@
-import * as React from "react";
-import { useEffect, useId, useRef, useState } from "react";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-import * as motion from "motion/react-m";
-import "react-hook-form";
-import { withMask } from "use-mask-input";
-import "@radix-ui/react-slot";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { Portal } from "@radix-ui/react-tooltip";
-import { Info } from "lucide-react";
-import { parseAsString, useQueryState } from "nuqs";
+import "./utils-C0f9Ma6r.js";
+import { ContainerAnimation } from "./container-animation-BbZk1MyR.js";
+import { InputText, QueryTextField } from "./text-field-0up45ViU.js";
 
-//#region src/lib/utils.ts
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-
-//#endregion
-//#region node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
-function resolveElements(elementOrSelector, scope, selectorCache) {
-	if (elementOrSelector instanceof EventTarget) return [elementOrSelector];
-	else if (typeof elementOrSelector === "string") {
-		let root = document;
-		if (scope) root = scope.current;
-		const elements = selectorCache?.[elementOrSelector] ?? root.querySelectorAll(elementOrSelector);
-		return elements ? Array.from(elements) : [];
-	}
-	return Array.from(elementOrSelector);
-}
-
-//#endregion
-//#region node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs
-const thresholds = {
-	some: 0,
-	all: 1
-};
-function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = "some" } = {}) {
-	const elements = resolveElements(elementOrSelector);
-	const activeIntersections = /* @__PURE__ */ new WeakMap();
-	const onIntersectionChange = (entries) => {
-		entries.forEach((entry) => {
-			const onEnd = activeIntersections.get(entry.target);
-			/**
-			* If there's no change to the intersection, we don't need to
-			* do anything here.
-			*/
-			if (entry.isIntersecting === Boolean(onEnd)) return;
-			if (entry.isIntersecting) {
-				const newOnEnd = onStart(entry.target, entry);
-				if (typeof newOnEnd === "function") activeIntersections.set(entry.target, newOnEnd);
-				else observer.unobserve(entry.target);
-			} else if (typeof onEnd === "function") {
-				onEnd(entry);
-				activeIntersections.delete(entry.target);
-			}
-		});
-	};
-	const observer = new IntersectionObserver(onIntersectionChange, {
-		root,
-		rootMargin,
-		threshold: typeof amount === "number" ? amount : thresholds[amount]
-	});
-	elements.forEach((element) => observer.observe(element));
-	return () => observer.disconnect();
-}
-
-//#endregion
-//#region node_modules/framer-motion/dist/es/utils/use-in-view.mjs
-function useInView(ref, { root, margin, amount, once = false, initial = false } = {}) {
-	const [isInView, setInView] = useState(initial);
-	useEffect(() => {
-		if (!ref.current || once && isInView) return;
-		const onEnter = () => {
-			setInView(true);
-			return once ? void 0 : () => setInView(false);
-		};
-		const options = {
-			root: root && root.current || void 0,
-			margin,
-			amount
-		};
-		return inView(ref.current, onEnter, options);
-	}, [
-		root,
-		ref,
-		margin,
-		once,
-		amount
-	]);
-	return isInView;
-}
-
-//#endregion
-//#region src/components/container-animation/ContainerAnimation.tsx
-const getVariants = (position, space, delay) => {
-	const directions = {
-		top: { transform: `translateY(${space}px)` },
-		bottom: { transform: `translateY(-${space}px)` },
-		left: { transform: `translateX(${space}px)` },
-		right: { transform: `translateX(-${space}px)` }
-	};
-	return {
-		hidden: {
-			opacity: 0,
-			filter: "blur(6px)",
-			...directions[position] || directions.top
-		},
-		visible: {
-			opacity: 1,
-			filter: "blur(0px)",
-			transform: "translateY(0px) translateX(0px)",
-			transition: {
-				delay,
-				duration: .5,
-				staggerChildren: .1
-			}
-		}
-	};
-};
-const ContainerAnimation = ({ className, children, position = "top", delay = 0, space = 20, duration = .8, as: As = "div", distance = [95, 5], hideNotInView = false,...props }) => {
-	const ref = useRef(null);
-	const isInView = useInView(ref, {
-		once: true,
-		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>;
-};
-
-//#endregion
-//#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} />;
-}
-
-//#endregion
-//#region src/components/ui/form.tsx
-const FormFieldContext = React.createContext({});
-const FormContext = React.createContext({});
-const useFormContextSubmit = () => {
-	const context = React.useContext(FormContext);
-	if (!context) return {};
-	return context;
-};
-const FormItemContext = React.createContext({});
-
-//#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} />;
-}
-
-//#endregion
-//#region src/components/ui/tooltip.tsx
-function TooltipProvider({ delayDuration = 0,...props }) {
-	return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
-}
-function Tooltip({ ...props }) {
-	return <TooltipProvider>
-      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-    </TooltipProvider>;
-}
-function TooltipTrigger({ ...props }) {
-	return <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>;
-}
-
-//#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;
-};
-
-//#endregion
-//#region src/components/ui/input-help.tsx
-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>;
-};
-
-//#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>;
-}
-function QueryTextField({ name, defaultValue, options,...props }) {
-	const id = useId();
-	const [filter, setFilter] = useQueryState(name, parseAsString.withOptions({
-		clearOnDefault: true,
-		shallow: false,
-		limitUrlUpdates: {
-			method: "debounce",
-			timeMs: 400
-		},
-		...options
-	}).withDefault(defaultValue ?? ""));
-	return <InputText id={`${id}-${name}`} name={name} value={filter} {...props} onChange={(e) => {
-		setFilter(e.target.value);
-		props.onChange?.(e.target.value);
-	}} />;
-}
-
-//#endregion
-export { ContainerAnimation, InputText, QueryTextField };
-//# sourceMappingURL=index.js.map
+export { ContainerAnimation, InputText, QueryTextField };

package/dist/text-field-0up45ViU.js

@@ -0,0 +1,183 @@
+import { cn } from "./utils-C0f9Ma6r.js";
+import * as React from "react";
+import { useId } from "react";
+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 * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Portal } from "@radix-ui/react-tooltip";
+import { Info } from "lucide-react";
+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} />;
+}
+
+//#endregion
+//#region src/components/ui/form.tsx
+const FormFieldContext = React.createContext({});
+const FormContext = React.createContext({});
+const useFormContextSubmit = () => {
+	const context = React.useContext(FormContext);
+	if (!context) return {};
+	return context;
+};
+const FormField = ({ ...props }) => {
+	return <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>;
+};
+const useFormField = () => {
+	const fieldContext = React.useContext(FormFieldContext);
+	const itemContext = React.useContext(FormItemContext);
+	const { getFieldState } = useFormContext();
+	const formState = useFormState({ name: fieldContext.name });
+	const fieldState = getFieldState(fieldContext.name, formState);
+	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
+	const { id } = itemContext;
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${id}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState
+	};
+};
+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>;
+}
+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>;
+}
+
+//#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} />;
+}
+
+//#endregion
+//#region src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0,...props }) {
+	return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+}
+function Tooltip({ ...props }) {
+	return <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>;
+}
+function TooltipTrigger({ ...props }) {
+	return <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>;
+}
+
+//#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;
+};
+
+//#endregion
+//#region src/components/ui/input-help.tsx
+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>;
+};
+
+//#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>;
+}
+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 }} />;
+}
+function QueryTextField({ name, defaultValue, options,...props }) {
+	const id = useId();
+	const [filter, setFilter] = useQueryState(name, parseAsString.withOptions({
+		clearOnDefault: true,
+		shallow: false,
+		limitUrlUpdates: {
+			method: "debounce",
+			timeMs: 400
+		},
+		...options
+	}).withDefault(defaultValue ?? ""));
+	return <InputText id={`${id}-${name}`} name={name} value={filter} {...props} onChange={(e) => {
+		setFilter(e.target.value);
+		props.onChange?.(e.target.value);
+	}} />;
+}
+
+//#endregion
+export { InputText, QueryTextField, TextField };
+//# sourceMappingURL=text-field-0up45ViU.js.map

package/dist/text-field-0up45ViU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-0up45ViU.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/dist/text-field.d.ts

@@ -0,0 +1,2 @@
+import { InputText, InputTextProps, QueryTextField, QueryTextFieldProps, TextField, TextFieldProps } from "./index-D9G_ksi_.js";
+export { InputText, InputTextProps, QueryTextField, QueryTextFieldProps, TextField, TextFieldProps };

package/dist/text-field.js

@@ -0,0 +1,4 @@
+import "./utils-C0f9Ma6r.js";
+import { InputText, QueryTextField, TextField } from "./text-field-0up45ViU.js";
+
+export { InputText, QueryTextField, TextField };

package/dist/utils-C0f9Ma6r.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };
+//# sourceMappingURL=utils-C0f9Ma6r.js.map

package/dist/utils-C0f9Ma6r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-C0f9Ma6r.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A minimal React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -12,7 +12,18 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./package.json": "./package.json"
+    "./text-field": {
+      "import": "./dist/text-field.js",
+      "types": "./dist/text-field.d.ts"
+    },
+    "./container-animation": {
+      "import": "./dist/container-animation.js",
+      "types": "./dist/container-animation.d.ts"
+    },
+    "./package.json": {
+      "import": "./package.json",
+      "types": "./package.json"
+    }
   },
   "files": [
     "dist",
@@ -20,14 +31,22 @@
   ],
   "scripts": {
     "dev": "concurrently \"cosmos --expose-imports\" \"next dev\"",
-    "build": "tsdown",
+    "build": "tsdown && bun run postbuild",
+    "postbuild": "bun scripts/update-exports.ts",
     "build:vercel": "cosmos-export --expose-imports && next build && cp -R ./out/_next ./cosmos-export && cp -R ./out/cosmos ./cosmos-export",
     "prepublishOnly": "bun run build",
+    "prepare": "husky",
+    "clean-exports": "bun scripts/clean-exports.ts",
     "type-check": "tsc --noEmit",
     "lint": "biome lint .",
     "format": "biome check . --write --no-errors-on-unmatched --files-ignore-unknown=true",
     "lint:fix": "biome check --write ."
   },
+  "lint-staged": {
+    "package.json": [
+      "bun run clean-exports"
+    ]
+  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -61,6 +80,9 @@
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "concurrently": "^9.0.0",
+    "glob": "^11.0.3",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.3",
     "lucide-react": "^0.544.0",
     "motion": "^12.23.22",
     "next": "^15.1.0",

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/container-animation/ContainerAnimation.tsx","../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAiDY,kCAAkC,uBAC5C,wBACE,eAAe;;;;;;EAFP,aAAA,CAAA,EAAA,OAAA;EAAuB,EAAA,CAAA,EASxB,CATwB,GAAA,MAAA;WAAW,CAAA,EAAA,MAAA;;cAaxC,kBAXa,EAAA,CAAA,UAWmB,WAXnB,GAAA,KAAA,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,EAAA,EAWwC,EAXxC;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAsBhB,uBAtBgB,CAsBQ,CAtBR,CAAA,EAAA,GAsBU,MAAA,CAAA,GAAA,CAAA,OAtBV;;;KC9Bd,IAAA;UAmBY,cAAA,SACP,KAAA,CAAM,oBAAoB;QAC5B,KAAA,CAAM,aAAa;;EDOf,WAAA,CAAA,EAAA,MAAA;EAAuB,WAAA,CAAA,EAAA,MAAA;WAAW,CAAA,EAAA,MAAA;UAC5C,CAAA,EAAA,OAAA;MACiB,CAAA,EAAA,MAAA;UAAf,CAAA,EAAA,OAAA;SAOO,CAAA,ECRC,KAAA,CAAM,YDQP,CAAA,GAAA,CAAA;EAAC,QAAA,CAAA,ECPC,KAAA,CAAM,SDOP;EAIN,IAAA,CAAA,ECVG,IDUH;EAkCL,WAAA,CAAA,EC3Ce,OD2Cf;OAlCqC,CAAA,ECR5B,KAAA,CAAM,SDQsB;KAAqB,EAAA,MAAA;QAAA,CAAA,EAAA,MAAA;iBAAA,CAAA,EAAA,MAAA;gBAAA,CAAA,EAAA,MAAA;MAAA,CAAA,EAAA,MAAA;;iBCAlD,SAAA,CDAkD;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,ECqBxD,cDrBwD,CAAA,ECqB1C,MAAA,CAAA,GAAA,CAAA,ODrB0C;ACzCtD,UAqMY,mBAAA,SAA4B,IArMpC,CAqMyC,cArMzC,EAAA,UAAA,CAAA,CAAA;EAmBQ,IAAA,EAAA,MAAA;EACf,YAAA,CAAA,EAAA,MAAA;SAAkC,CAAA,EAoLxB,SApLwB;UACT,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;iBAuLlB,cAAA,CA/KS;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAoLf,mBApLe,CAAA,EAoLI,MAAA,CAAA,GAAA,CAAA,OApLJ"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/lib/utils.ts","../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/ContainerAnimation.tsx","../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":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","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","'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"],"x_google_ignoreList":[1,2,3],"mappings":"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"}