maquinaweb-ui 2.29.3 → 2.30.0

package/dist/container-animation.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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>) => react_jsx_runtime3.JSX.Element;
+}: ContainerAnimationProps<T>) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/input-Cp3f1KmR.js

@@ -0,0 +1,133 @@
+import { cn } from "./utils-C0f9Ma6r.js";
+import { jsx } from "react/jsx-runtime";
+import inputmask from "inputmask";
+
+//#region src/hooks/get-mask-options.ts
+function getMaskOptions(mask, _options) {
+	const options = {
+		jitMasking: false,
+		..._options
+	};
+	if (!mask) return options;
+	const masks = {
+		datetime: {
+			alias: "datetime",
+			...options
+		},
+		email: {
+			alias: "email",
+			placeholder: "",
+			...options
+		},
+		numeric: {
+			alias: "numeric",
+			placeholder: "",
+			...options
+		},
+		currency: {
+			alias: "currency",
+			prefix: "$ ",
+			placeholder: "",
+			...options
+		},
+		decimal: {
+			alias: "decimal",
+			placeholder: "",
+			...options
+		},
+		integer: {
+			alias: "integer",
+			placeholder: "",
+			...options
+		},
+		percentage: {
+			alias: "percentage",
+			placeholder: " %",
+			suffix: " %",
+			...options
+		},
+		url: {
+			alias: "url",
+			placeholder: "https://",
+			...options
+		},
+		ip: {
+			alias: "ip",
+			...options
+		},
+		mac: {
+			alias: "mac",
+			...options
+		},
+		ssn: {
+			alias: "ssn",
+			...options
+		},
+		"brl-currency": {
+			alias: "currency",
+			prefix: "R$ ",
+			placeholder: "0,00",
+			displayFormat: "currency",
+			radixPoint: ",",
+			autoUnmask: true,
+			...options
+		},
+		cpf: {
+			mask: "999.999.999-99",
+			placeholder: "___.___.___-__",
+			...options
+		},
+		cnpj: {
+			mask: "99.999.999/9999-99",
+			placeholder: "__.___.___/____-__",
+			...options
+		}
+	};
+	if (typeof mask === "string" && masks[mask]) return masks[mask];
+	return {
+		mask,
+		...options
+	};
+}
+
+//#endregion
+//#region src/hooks/is-server.ts
+const isServer = !(typeof window !== "undefined" && window.document?.createElement);
+var is_server_default = isServer;
+
+//#endregion
+//#region src/hooks/module-interop.ts
+/**
+* Synchronously resolve the default value of a module.
+*/
+function interopDefaultSync(module) {
+	if (typeof module === "object" && module !== null) {
+		if ("default" in module) return module.default;
+		return module;
+	}
+	return module;
+}
+
+//#endregion
+//#region src/hooks/with-mask.ts
+function withMask(mask, options) {
+	return (input) => {
+		if (is_server_default || mask === null || !input) return;
+		interopDefaultSync(inputmask)(getMaskOptions(mask, options)).mask(input);
+	};
+}
+
+//#endregion
+//#region src/components/ui/input.tsx
+function Input({ className, 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
+export { Input, withMask };
+//# sourceMappingURL=input-Cp3f1KmR.js.map

package/dist/input-Cp3f1KmR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-Cp3f1KmR.js","names":["options: Options","masks: Record<string, Inputmask.Options>","isServer"],"sources":["../src/hooks/get-mask-options.ts","../src/hooks/is-server.ts","../src/hooks/module-interop.ts","../src/hooks/with-mask.ts","../src/components/ui/input.tsx"],"sourcesContent":["import type { Mask, Options } from './with-mask';\n\nexport default function getMaskOptions(\n  mask?: Mask,\n  _options?: Options\n): Options {\n  const options: Options = {\n    jitMasking: false,\n    ..._options,\n  };\n  if (!mask) return options;\n\n  const masks: Record<string, Inputmask.Options> = {\n    datetime: {\n      alias: 'datetime',\n      ...options,\n    },\n    email: {\n      alias: 'email',\n      placeholder: '',\n      ...options,\n    },\n    numeric: {\n      alias: 'numeric',\n      placeholder: '',\n      ...options,\n    },\n    currency: {\n      alias: 'currency',\n      prefix: '$ ',\n      placeholder: '',\n      ...options,\n    },\n    decimal: {\n      alias: 'decimal',\n      placeholder: '',\n      ...options,\n    },\n    integer: {\n      alias: 'integer',\n      placeholder: '',\n      ...options,\n    },\n    percentage: {\n      alias: 'percentage',\n      placeholder: ' %',\n      suffix: ' %',\n      ...options,\n    },\n    url: {\n      alias: 'url',\n      placeholder: 'https://',\n      ...options,\n    },\n    ip: {\n      alias: 'ip',\n      ...options,\n    },\n    mac: {\n      alias: 'mac',\n      ...options,\n    },\n    ssn: {\n      alias: 'ssn',\n      ...options,\n    },\n\n    // alias for brazilians <3\n    // ty <3\n    'brl-currency': {\n      alias: 'currency',\n      prefix: 'R$ ',\n      placeholder: '0,00',\n      displayFormat: 'currency',\n      radixPoint: ',',\n      autoUnmask: true,\n      ...options,\n    },\n    cpf: {\n      mask: '999.999.999-99',\n      placeholder: '___.___.___-__',\n      ...options,\n    },\n    cnpj: {\n      mask: '99.999.999/9999-99',\n      placeholder: '__.___.___/____-__',\n      ...options,\n    },\n  };\n\n  if (typeof mask === 'string' && masks[mask]) return masks[mask];\n\n  return {\n    mask,\n    ...options,\n  };\n}\n","const isServer = !(\n  typeof window !== 'undefined' && window.document?.createElement\n);\n\nexport default isServer;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Synchronously resolve the default value of a module.\n */\nexport default function interopDefaultSync<T = any>(module: T): T {\n  if (typeof module === 'object' && module !== null) {\n    if ('default' in module) {\n      return module.default as T;\n    }\n    return module;\n  }\n  return module;\n}\n","import inputmask from 'inputmask';\nimport Inputmask from 'inputmask';\nimport getMaskOptions from './get-mask-options';\nimport isServer from './is-server';\nimport interopDefaultSync from './module-interop';\n\nexport type { UseFormRegister, UseFormRegisterReturn } from 'react-hook-form';\n\nexport type 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;\nexport type Options = Inputmask.Options;\nexport type Input = HTMLInputElement | HTMLTextAreaElement | HTMLElement;\n\nexport default function withMask(mask: Mask, options?: Options) {\n  return (input: Input | null): void => {\n    if (isServer || mask === null || !input) return;\n\n    const maskInput = interopDefaultSync(inputmask)(\n      getMaskOptions(mask, options)\n    );\n\n    maskInput.mask(input);\n  };\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"],"mappings":";;;;;AAEA,SAAwB,eACtB,MACA,UACS;CACT,MAAMA,UAAmB;EACvB,YAAY;EACZ,GAAG;EACJ;AACD,KAAI,CAAC,KAAM,QAAO;CAElB,MAAMC,QAA2C;EAC/C,UAAU;GACR,OAAO;GACP,GAAG;GACJ;EACD,OAAO;GACL,OAAO;GACP,aAAa;GACb,GAAG;GACJ;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,GAAG;GACJ;EACD,UAAU;GACR,OAAO;GACP,QAAQ;GACR,aAAa;GACb,GAAG;GACJ;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,GAAG;GACJ;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,GAAG;GACJ;EACD,YAAY;GACV,OAAO;GACP,aAAa;GACb,QAAQ;GACR,GAAG;GACJ;EACD,KAAK;GACH,OAAO;GACP,aAAa;GACb,GAAG;GACJ;EACD,IAAI;GACF,OAAO;GACP,GAAG;GACJ;EACD,KAAK;GACH,OAAO;GACP,GAAG;GACJ;EACD,KAAK;GACH,OAAO;GACP,GAAG;GACJ;EAID,gBAAgB;GACd,OAAO;GACP,QAAQ;GACR,aAAa;GACb,eAAe;GACf,YAAY;GACZ,YAAY;GACZ,GAAG;GACJ;EACD,KAAK;GACH,MAAM;GACN,aAAa;GACb,GAAG;GACJ;EACD,MAAM;GACJ,MAAM;GACN,aAAa;GACb,GAAG;GACJ;EACF;AAED,KAAI,OAAO,SAAS,YAAY,MAAM,MAAO,QAAO,MAAM;AAE1D,QAAO;EACL;EACA,GAAG;EACJ;;;;;AC/FH,MAAM,WAAW,EACf,OAAO,WAAW,eAAe,OAAO,UAAU;AAGpD,wBAAe;;;;;;;ACAf,SAAwB,mBAA4B,QAAc;AAChE,KAAI,OAAO,WAAW,YAAY,WAAW,MAAM;AACjD,MAAI,aAAa,OACf,QAAO,OAAO;AAEhB,SAAO;;AAET,QAAO;;;;;ACkBT,SAAwB,SAAS,MAAY,SAAmB;AAC9D,SAAQ,UAA8B;AACpC,MAAIC,qBAAY,SAAS,QAAQ,CAAC,MAAO;AAMzC,EAJkB,mBAAmB,UAAU,CAC7C,eAAe,MAAM,QAAQ,CAC9B,CAES,KAAK,MAAM;;;;;;ACjCzB,SAAS,MAAM,EAAE,WAAW,KAAM,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,WAAW,GACT,mcACA,iFACA,wJACA,UACD;EACD,aAAU;EACJ;EACN,GAAI;GACJ"}

package/dist/{input-help-C9Himejv.js → input-help-Bxsf3Cg-.js}

@@ -143,4 +143,4 @@ const InputHelp = ({ help, name, className }) => {
 
 //#endregion
 export { FormField, FormItem, FormLabel, FormMessage, InputHelp };
-//# sourceMappingURL=input-help-C9Himejv.js.map
+//# sourceMappingURL=input-help-Bxsf3Cg-.js.map

package/dist/{input-help-C9Himejv.js.map → input-help-Bxsf3Cg-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-help-C9Himejv.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/form.tsx","../src/components/ui/tooltip.tsx","../src/components/ui/content-help.tsx","../src/components/ui/input-help.tsx"],"sourcesContent":["'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","'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"],"mappings":"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"}
+{"version":3,"file":"input-help-Bxsf3Cg-.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/form.tsx","../src/components/ui/tooltip.tsx","../src/components/ui/content-help.tsx","../src/components/ui/input-help.tsx"],"sourcesContent":["'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","'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"],"mappings":";;;;;;;;;;;AA2BA,MAAM,mBAAmB,MAAM,cAC7B,EAAE,CACH;AAED,MAAM,cAAc,MAAM,cAGvB,EAAE,CAAC;AAEN,MAAa,6BAA6B;CACxC,MAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,KAAI,CAAC,QACH,QAAO,EAAE;AAEX,QAAO;;AAgBT,MAAM,aAGJ,EACA,GAAG,YACuC;AAC1C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAe,MAAM,WAAW,iBAAiB;CACvD,MAAM,cAAc,MAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM,CAAC;CAC3D,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;AAE9D,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,iDAAiD;CAGnE,MAAM,EAAE,OAAO;AAEf,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,GAAG;EAClB,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkB,MAAM,cAC5B,EAAE,CACH;AAED,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;CACtE,MAAM,KAAK,MAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GACC,WAAW,GAAG,uBAAuB,UAAU;GAC/C,aAAU;GACV,GAAI;IACJ;GACuB;;AAI/B,SAAS,UAAU,EACjB,UACA,GAAG,SACgD;CACnD,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,oBAAC;EACC,WAAW,GAAG,sCAAsC,UAAU;EAC9D,cAAY,CAAC,CAAC;EACd,aAAU;EACV,SAAS;EACT,GAAI;GACJ;;AAoCN,SAAS,YAAY,EAAE,UAAW,GAAG,SAAoC;CACvE,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,GAAG,GAAG,MAAM;AAE1D,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACC,WAAW,GAAG,4BAA4B,UAAU;EACpD,aAAU;EACV,IAAI;EACJ,GAAI;YAEH;GACC;;;;;AC5KR,SAAS,gBAAgB,EACvB,gBAAgB,EAChB,GAAG,SACsD;AACzD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACK;EACf,GAAI;GACJ;;AAIN,SAAS,QAAQ,EACf,GAAG,SACkD;AACrD,QACE,oBAAC,6BACC,oBAAC,iBAAiB;EAAK,aAAU;EAAU,GAAI;GAAS,GACxC;;AAItB,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,iBAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,SACA,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB,oBAChB,qBAAC,iBAAiB;EAChB,WAAW,GACT,qaACA,UACD;EACD,aAAU;EACE;EACZ,GAAI;aAEH,UACD,oBAAC,iBAAiB,SAAM,WAAU,uGAAuG;GAChH,GACH;;;;;ACpD9B,MAAMA,eAMA,EAAE,UAAU,MAAM,WAAW,OAAO,OAAO,aAAa,SAAS;AACrE,QAAO,OACL,qBAAC;EAAQ,eAAe;aACtB,oBAAC;GAAe;GAAS;IAAiC,EAC1D,oBAACC,oBACC,oBAAC;GACC,WAAW,GAAG,uCAAuC,UAAU;GACzD;GACN,YAAY;aAEZ,oBAAC;IAAE,WAAU;cAA4C;KAAS;IACnD,GACH;GACR,GAEV;;;;;ACjBJ,MAAMC,aAIA,EAAE,MAAM,MAAM,gBAAgB;CAClC,MAAM,EAAE,WAAW,sBAAsB;CACzC,MAAM,WAAY,QAAQ,SAAS,SAAU;AAE7C,QACE,YACE,oBAAC;EACC,WAAW,GACT,2DACD;EACD,MAAM;YAEN,oBAAC;GACC,WAAW,GACT,iDACA,UACD;GACD,MAAK;aAEL,oBAAC,QAAK,WAAU,aAAa;IACtB;GACG"}

package/dist/input-suggest.d.ts

@@ -1,7 +1,7 @@
+import { Mask, Options } from "./with-mask-DnMiJlek.js";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
 import { Dispatch, SetStateAction } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import { Mask, Options } from "use-mask-input";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { PopoverProps } from "@radix-ui/react-popover";
 
 //#region src/components/input-suggest/input-suggest.d.ts
@@ -65,7 +65,7 @@ declare function InputSuggest<TFieldValues extends FieldValues = FieldValues, TF
   children,
   initialParams,
   ...props
-}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime4.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.d.ts.map

package/dist/input-suggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-suggest.d.ts","names":[],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":[],"mappings":";;;;;;;UA+BiB,uCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,mBAAmB,cAAc;;;EAH1B,QAAA,CAAA,EAAA,CAAA,MAAA,EAAiB,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAOrB,QAPqB,CAOZ,cAPY,CAAA,MAAA,CAAA,CAAA;OACX,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,MAAA;WACN,CAAA,EAAA,MAAA;SAAV,EAAA,CAAA,MAAA,CAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAWD,MAXC,EAAA,GAAA;IAAoC,IAAA,CAAA,EAAA;MAAV,EAAA,EAAA,MAAA,GAAA,MAAA;MAClB,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,GAAA;IAAc,CAAA,EAAA;IAIrB,OAAA,CAAA,EAAA,GAAA;;UAMF,CAAA,EAAA,OAAA;OAqBX,CAAA,EAAA,MAAA;oBACO,CAAA,EAAA,OAAA;cACE,CAAA,EAAA,GAAA,GAAA,IAAA;YAjCR,CAAA,EAAA,OAAA;EAAkB,OAAA,CAAA,EAAA,MAAA;EAoCnB,IAAA,CAAA,EAAA,MAAA;EAAY,UAAA,EAAA,MAAA;QACE,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,GAAA,GAAA;eACN,CAAA,EAAA,CAAA,OAAA,EAAA,GAAA,EAAA,GAAA,GAAA;OAAV,CAAA,EAAA,MAAA;YAAoC,CAAA,EAAA,MAAA;MAAV,CAAA,EAPtC,IAOsC;aAE7C,CAAA,EARc,OAQd;eACA,CAAA,EARgB,MAQhB;;iBALO,YAOP,CAAA,qBANqB,WAMrB,GANmC,WAMnC,EAAA,mBALmB,SAKnB,CAL6B,YAK7B,CAAA,GAL6C,SAK7C,CALuD,YAKvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,UAAA;EAAA,QAAA;EAAA,UAAA;EAAA,KAAA;EAAA,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,kBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,WAAA;EAAA,aAAA;EAAA,KAAA;EAAA,IAAA;EAAA,WAAA;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAwBC,iBAxBD,CAwBmB,YAxBnB,EAwBiC,UAxBjC,CAAA,GAwB+C,YAxB/C,CAAA,EAwB2D,kBAAA,CAAA,GAAA,CAAA,OAxB3D"}
+{"version":3,"file":"input-suggest.d.ts","names":[],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAkCiB,uCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,mBAAmB,cAAc;;;EAH1B,QAAA,CAAA,EAAA,CAAA,MAAA,EAAiB,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAOrB,QAPqB,CAOZ,cAPY,CAAA,MAAA,CAAA,CAAA;OACX,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,MAAA;WACN,CAAA,EAAA,MAAA;SAAV,EAAA,CAAA,MAAA,CAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAWD,MAXC,EAAA,GAAA;IAAoC,IAAA,CAAA,EAAA;MAAV,EAAA,EAAA,MAAA,GAAA,MAAA;MAClB,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,GAAA;IAAc,CAAA,EAAA;IAIrB,OAAA,CAAA,EAAA,GAAA;;UAMF,CAAA,EAAA,OAAA;OAqBX,CAAA,EAAA,MAAA;oBACO,CAAA,EAAA,OAAA;cACE,CAAA,EAAA,GAAA,GAAA,IAAA;YAjCR,CAAA,EAAA,OAAA;EAAkB,OAAA,CAAA,EAAA,MAAA;EAoCnB,IAAA,CAAA,EAAA,MAAA;EAAY,UAAA,EAAA,MAAA;QACE,CAAA,EAAA,MAAA;aAAc,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,GAAA,GAAA;eACN,CAAA,EAAA,CAAA,OAAA,EAAA,GAAA,EAAA,GAAA,GAAA;OAAV,CAAA,EAAA,MAAA;YAAoC,CAAA,EAAA,MAAA;MAAV,CAAA,EAPtC,IAOsC;aAE7C,CAAA,EARc,OAQd;eACA,CAAA,EARgB,MAQhB;;iBALO,YAOP,CAAA,qBANqB,WAMrB,GANmC,WAMnC,EAAA,mBALmB,SAKnB,CAL6B,YAK7B,CAAA,GAL6C,SAK7C,CALuD,YAKvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,UAAA;EAAA,QAAA;EAAA,UAAA;EAAA,KAAA;EAAA,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,kBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,WAAA;EAAA,aAAA;EAAA,KAAA;EAAA,IAAA;EAAA,WAAA;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAwBC,iBAxBD,CAwBmB,YAxBnB,EAwBiC,UAxBjC,CAAA,GAwB+C,YAxB/C,CAAA,EAwB2D,kBAAA,CAAA,GAAA,CAAA,OAxB3D"}

package/dist/input-suggest.js

@@ -3,14 +3,13 @@
 
 import { cn } from "./utils-C0f9Ma6r.js";
 import "./label-BqtcCyMj.js";
-import { FormItem, FormLabel, FormMessage, InputHelp } from "./input-help-C9Himejv.js";
-import { Input } from "./input-COsbbKgj.js";
+import { Input, withMask } from "./input-Cp3f1KmR.js";
+import { FormItem, FormLabel, FormMessage, InputHelp } from "./input-help-Bxsf3Cg-.js";
 import { Popover, PopoverContent, PopoverTrigger, ScrollBar } from "./scroll-area-C2WadzN5.js";
 import { useController, useFormContext } from "react-hook-form";
 import { useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
-import { withMask } from "use-mask-input";
 import { ScrollArea, ScrollAreaViewport } from "@radix-ui/react-scroll-area";
 
 //#region src/components/input-suggest/input-suggest.tsx

package/dist/input-suggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-suggest.js","names":["item"],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\nimport {\n  FieldPath,\n  FieldValues,\n  UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport { Mask, type Options as MaskOptions, withMask } from 'use-mask-input';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\nimport { Input } from '@/components/ui/input';\nimport { FormItem, FormLabel, FormMessage } from '@/ui/form';\nimport { InputHelp } from '@/ui/input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ui/popover';\nimport { ScrollBar } from '../ui/scroll-area';\n\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface InputSuggestProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  label: string;\n  search?: string;\n  onSearch?: (search: string) => void;\n  setValue?: Dispatch<SetStateAction<string>>;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  useData: (\n    search?: string,\n    initialParams?: Object\n  ) => {\n    data?: {\n      id: string | number;\n      [key: string]: any;\n    }[];\n    refresh?: any;\n  };\n  required?: boolean;\n  extra?: string;\n  updateSearchOnBlur?: boolean;\n  extraOnClick?: () => void;\n  withPortal?: boolean;\n  counter?: number;\n  help?: string;\n  nameSearch: string;\n  prefix?: string;\n  refineValue?: (value: any) => any;\n  refineSuggest?: (suggest: any) => any;\n  limit?: number;\n  fieldValue?: string;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  initialParams?: Object;\n}\n\nfunction InputSuggest<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameSearch,\n  onSearch,\n  fieldValue = 'name',\n  label,\n  className,\n  placeholder,\n  useData,\n  setValue,\n  required,\n  disabled,\n  updateSearchOnBlur = true,\n  value,\n  extra,\n  extraOnClick,\n  withPortal = false,\n  counter,\n  help,\n  prefix,\n  refineValue,\n  refineSuggest,\n  limit = 10,\n  mask,\n  maskOptions,\n  children,\n  initialParams,\n  ...props\n}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps) {\n  const form = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const searchName = prefix ? `${prefix}.${nameSearch}` : nameSearch;\n\n  const { field: searchField } = useController({\n    name: searchName,\n    control: form.control,\n  });\n  const { field, fieldState } = useController({\n    name: inputName,\n    control: form.control,\n  });\n\n  const [ariaSelected, setAriaSelected] = useState(-1);\n\n  const [open, setOpen] = useState(false);\n\n  const { data } = useData?.(searchField.value, initialParams);\n\n  const onChange = useCallback(\n    (item: any) => {\n      const searchValue = item?.[fieldValue as keyof typeof item];\n      searchField.onChange(searchValue);\n      onSearch?.(searchValue);\n      field.onChange(refineValue?.(item) || item);\n      setOpen(false);\n    },\n    [field.value, refineValue, fieldValue]\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        field.onChange(null);\n      }\n      searchField.onChange(e.target.value);\n      onSearch?.(e.target.value);\n      setOpen(true);\n      const item = data?.find((item) => item[fieldValue] === e.target.value);\n      if (item) {\n        onChange(item);\n        setOpen(false);\n      }\n    },\n    [field, searchField]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        setAriaSelected((prev) => prev + 1);\n      }\n      if (e.key === 'ArrowUp') {\n        setAriaSelected((prev) => prev - 1);\n      }\n      if (e.key === 'Enter' && data && data[ariaSelected]) {\n        onChange(data[ariaSelected]);\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    const searchValue = field?.value?.[fieldValue as keyof typeof field.value];\n    if (searchValue !== searchField.value && updateSearchOnBlur) {\n      searchField.onChange(searchValue);\n      onSearch?.(searchValue);\n    }\n  }, [field.value]);\n\n  return (\n    <FormItem\n      className={cn('w-full flex flex-col', className)}\n      id={`input-suggest-${inputName}`}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={inputName}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={inputName} />\n      </div>\n      <Popover onOpenChange={setOpen} open={open} {...props}>\n        <PopoverTrigger className=\"outline-hidden w-full relative\">\n          <Input\n            autoComplete=\"off\"\n            className={cn(fieldState.error && 'border-destructive')}\n            disabled={disabled}\n            name={name}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            ref={\n              mask\n                ? withMask(mask, { autoUnmask: true, ...maskOptions })\n                : (undefined as any)\n            }\n            value={searchField.value}\n          />\n          {children}\n        </PopoverTrigger>\n        {fieldState.error && <FormMessage />}\n        <PopoverContent\n          className={cn(\n            'mt-1 w-(--radix-popover-trigger-width) max-w-2xl p-0 z-50',\n            data?.length === 0 && 'hidden'\n          )}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n            <ScrollAreaViewport className=\"w-full h-fit max-h-[300px]\">\n              <ul className=\"p-1\">\n                {data?.slice(0, limit)?.map((item) => (\n                  <li\n                    aria-selected={data[ariaSelected]?.id === item.id}\n                    className={cn(\n                      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:bg-accent/50 hover:text-accent-foreground',\n                      field?.value?.id === item.id &&\n                        'bg-accent! text-accent-foreground'\n                    )}\n                    key={item.id}\n                    onMouseDown={(e) => {\n                      onChange(item);\n                      e.preventDefault();\n                    }}\n                  >\n                    <span className=\"line-clamp-1 flex-1\">\n                      {refineSuggest\n                        ? refineSuggest(item)\n                        : item?.[fieldValue as keyof typeof item]}\n                    </span>\n                    {field?.value?.id == item.id && (\n                      <Check className=\"ml-auto h-4 w-4 shrink-0\" />\n                    )}\n                  </li>\n                ))}\n\n                {extra && (\n                  <li\n                    className={cn(\n                      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:text-accent-foreground sticky bottom-0.5 bg-white hover:bg-accent'\n                    )}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      extraOnClick?.();\n                    }}\n                  >\n                    <span className=\"line-clamp-1\">{extra}</span>\n                  </li>\n                )}\n\n                {(data?.length === 0 || !data) && !extra && (\n                  <p className=\"text-sm text-center text-accent-foreground/50 py-2\">\n                    Nenhum resultado encontrado.\n                  </p>\n                )}\n              </ul>\n            </ScrollAreaViewport>\n            <ScrollBar />\n          </ScrollArea>\n        </PopoverContent>\n      </Popover>\n    </FormItem>\n  );\n}\n\nexport { InputSuggest };\n"],"mappings":"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"}
+{"version":3,"file":"input-suggest.js","names":["item"],"sources":["../src/components/input-suggest/input-suggest.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\nimport {\n  FieldPath,\n  FieldValues,\n  UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport withMask, {\n  type Mask,\n  type Options as MaskOptions,\n} from '@/hooks/with-mask';\n\nimport type { PopoverProps } from '@radix-ui/react-popover';\nimport { ScrollArea, ScrollAreaViewport } from '@radix-ui/react-scroll-area';\nimport { Input } from '@/components/ui/input';\nimport { FormItem, FormLabel, FormMessage } from '@/ui/form';\nimport { InputHelp } from '@/ui/input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ui/popover';\nimport { ScrollBar } from '../ui/scroll-area';\n\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface InputSuggestProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends UseControllerProps<TFieldValues, TFieldName> {\n  label: string;\n  search?: string;\n  onSearch?: (search: string) => void;\n  setValue?: Dispatch<SetStateAction<string>>;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  useData: (\n    search?: string,\n    initialParams?: Object\n  ) => {\n    data?: {\n      id: string | number;\n      [key: string]: any;\n    }[];\n    refresh?: any;\n  };\n  required?: boolean;\n  extra?: string;\n  updateSearchOnBlur?: boolean;\n  extraOnClick?: () => void;\n  withPortal?: boolean;\n  counter?: number;\n  help?: string;\n  nameSearch: string;\n  prefix?: string;\n  refineValue?: (value: any) => any;\n  refineSuggest?: (suggest: any) => any;\n  limit?: number;\n  fieldValue?: string;\n  mask?: Mask;\n  maskOptions?: MaskOptions;\n  initialParams?: Object;\n}\n\nfunction InputSuggest<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  nameSearch,\n  onSearch,\n  fieldValue = 'name',\n  label,\n  className,\n  placeholder,\n  useData,\n  setValue,\n  required,\n  disabled,\n  updateSearchOnBlur = true,\n  value,\n  extra,\n  extraOnClick,\n  withPortal = false,\n  counter,\n  help,\n  prefix,\n  refineValue,\n  refineSuggest,\n  limit = 10,\n  mask,\n  maskOptions,\n  children,\n  initialParams,\n  ...props\n}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps) {\n  const form = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const searchName = prefix ? `${prefix}.${nameSearch}` : nameSearch;\n\n  const { field: searchField } = useController({\n    name: searchName,\n    control: form.control,\n  });\n  const { field, fieldState } = useController({\n    name: inputName,\n    control: form.control,\n  });\n\n  const [ariaSelected, setAriaSelected] = useState(-1);\n\n  const [open, setOpen] = useState(false);\n\n  const { data } = useData?.(searchField.value, initialParams);\n\n  const onChange = useCallback(\n    (item: any) => {\n      const searchValue = item?.[fieldValue as keyof typeof item];\n      searchField.onChange(searchValue);\n      onSearch?.(searchValue);\n      field.onChange(refineValue?.(item) || item);\n      setOpen(false);\n    },\n    [field.value, refineValue, fieldValue]\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        field.onChange(null);\n      }\n      searchField.onChange(e.target.value);\n      onSearch?.(e.target.value);\n      setOpen(true);\n      const item = data?.find((item) => item[fieldValue] === e.target.value);\n      if (item) {\n        onChange(item);\n        setOpen(false);\n      }\n    },\n    [field, searchField]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        setAriaSelected((prev) => prev + 1);\n      }\n      if (e.key === 'ArrowUp') {\n        setAriaSelected((prev) => prev - 1);\n      }\n      if (e.key === 'Enter' && data && data[ariaSelected]) {\n        onChange(data[ariaSelected]);\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    const searchValue = field?.value?.[fieldValue as keyof typeof field.value];\n    if (searchValue !== searchField.value && updateSearchOnBlur) {\n      searchField.onChange(searchValue);\n      onSearch?.(searchValue);\n    }\n  }, [field.value]);\n\n  return (\n    <FormItem\n      className={cn('w-full flex flex-col', className)}\n      id={`input-suggest-${inputName}`}\n    >\n      <div className=\"flex items-end gap-1.5\">\n        <FormLabel htmlFor={inputName}>\n          {label}:\n          {required && (\n            <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n          )}\n        </FormLabel>\n\n        <InputHelp help={help} name={inputName} />\n      </div>\n      <Popover onOpenChange={setOpen} open={open} {...props}>\n        <PopoverTrigger className=\"outline-hidden w-full relative\">\n          <Input\n            autoComplete=\"off\"\n            className={cn(fieldState.error && 'border-destructive')}\n            disabled={disabled}\n            name={name}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            ref={\n              mask\n                ? withMask(mask, { autoUnmask: true, ...maskOptions })\n                : (undefined as any)\n            }\n            value={searchField.value}\n          />\n          {children}\n        </PopoverTrigger>\n        {fieldState.error && <FormMessage />}\n        <PopoverContent\n          className={cn(\n            'mt-1 w-(--radix-popover-trigger-width) max-w-2xl p-0 z-50',\n            data?.length === 0 && 'hidden'\n          )}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          <ScrollArea className=\"h-fit max-h-[300px]\" id=\"scroll\">\n            <ScrollAreaViewport className=\"w-full h-fit max-h-[300px]\">\n              <ul className=\"p-1\">\n                {data?.slice(0, limit)?.map((item) => (\n                  <li\n                    aria-selected={data[ariaSelected]?.id === item.id}\n                    className={cn(\n                      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:bg-accent/50 hover:text-accent-foreground',\n                      field?.value?.id === item.id &&\n                        'bg-accent! text-accent-foreground'\n                    )}\n                    key={item.id}\n                    onMouseDown={(e) => {\n                      onChange(item);\n                      e.preventDefault();\n                    }}\n                  >\n                    <span className=\"line-clamp-1 flex-1\">\n                      {refineSuggest\n                        ? refineSuggest(item)\n                        : item?.[fieldValue as keyof typeof item]}\n                    </span>\n                    {field?.value?.id == item.id && (\n                      <Check className=\"ml-auto h-4 w-4 shrink-0\" />\n                    )}\n                  </li>\n                ))}\n\n                {extra && (\n                  <li\n                    className={cn(\n                      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent/50 aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all hover:text-accent-foreground sticky bottom-0.5 bg-white hover:bg-accent'\n                    )}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      extraOnClick?.();\n                    }}\n                  >\n                    <span className=\"line-clamp-1\">{extra}</span>\n                  </li>\n                )}\n\n                {(data?.length === 0 || !data) && !extra && (\n                  <p className=\"text-sm text-center text-accent-foreground/50 py-2\">\n                    Nenhum resultado encontrado.\n                  </p>\n                )}\n              </ul>\n            </ScrollAreaViewport>\n            <ScrollBar />\n          </ScrollArea>\n        </PopoverContent>\n      </Popover>\n    </FormItem>\n  );\n}\n\nexport { InputSuggest };\n"],"mappings":"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"}

package/dist/page-header.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/page-header/page-header.d.ts
 interface PageHeaderProps {
@@ -10,7 +10,7 @@ declare function PageHeader({
   title,
   help,
   description
-}: PageHeaderProps): react_jsx_runtime5.JSX.Element;
+}: PageHeaderProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { PageHeader, type PageHeaderProps };
 //# sourceMappingURL=page-header.d.ts.map

package/dist/page-header.js

@@ -3,7 +3,7 @@
 
 import "./utils-C0f9Ma6r.js";
 import "./label-BqtcCyMj.js";
-import { InputHelp } from "./input-help-C9Himejv.js";
+import { InputHelp } from "./input-help-Bxsf3Cg-.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/page-header/page-header.tsx

package/dist/remote-selector.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Options } from "nuqs";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -61,7 +61,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   initialRequest,
   forceToggle,
   ...props
-}: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T>): react_jsx_runtime6.JSX.Element;
+}: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T>): react_jsx_runtime0.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -81,7 +81,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime6.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { type BaseRemoteSelectorProps, RemoteSelectorField as RemoteSelector, RemoteSelectorField, type RemoteSelectorFieldProps, RemoteSelectorQuery, type RemoteSelectorQueryProps, type TUseData };
 //# sourceMappingURL=remote-selector.d.ts.map

package/dist/remote-selector.js

@@ -3,7 +3,7 @@
 
 import { cn } from "./utils-C0f9Ma6r.js";
 import "./label-BqtcCyMj.js";
-import { FormField, FormItem, FormMessage, InputHelp } from "./input-help-C9Himejv.js";
+import { FormField, FormItem, FormMessage, InputHelp } from "./input-help-Bxsf3Cg-.js";
 import { Popover, PopoverContent, PopoverTrigger, ScrollBar } from "./scroll-area-C2WadzN5.js";
 import { useFormContext } from "react-hook-form";
 import { createElement, useEffect, useId, useMemo, useState } from "react";

package/dist/text-field.d.ts

@@ -1,10 +1,10 @@
+import { Options as Options$1 } from "./with-mask-DnMiJlek.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Options } from "use-mask-input";
-import { Options as Options$1 } from "nuqs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { Options } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
-type Mask$1 = 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer' | 'percentage' | 'url' | 'ip' | 'mac' | 'ssn' | 'brl-currency' | 'cpf' | 'cnpj' | (string & {}) | (string[] & {}) | null;
+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;
@@ -17,8 +17,8 @@ interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
   required?: boolean;
   maskRef?: React.ForwardedRef<any>;
   children?: React.ReactNode;
-  mask?: Mask$1;
-  maskOptions?: Options;
+  mask?: Mask;
+  maskOptions?: Options$1;
   error?: React.ReactNode;
   id?: string;
   detail?: string;
@@ -57,7 +57,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime0.JSX.Element;
+}: InputTextProps): react_jsx_runtime1.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -75,11 +75,11 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   transform,
   prefix,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime0.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime1.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
-  options?: Options$1;
+  options?: Options;
   onChange?: (value: string) => void;
 }
 declare function QueryTextField({
@@ -87,7 +87,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime0.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime1.JSX.Element;
 interface CookieTextFieldProps extends InputTextProps {
   name: string;
   maxAge?: number;
@@ -97,7 +97,7 @@ declare function CookieTextField({
   maxAge,
   onChange,
   ...inputProps
-}: CookieTextFieldProps): react_jsx_runtime0.JSX.Element;
+}: CookieTextFieldProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { CookieTextField, type CookieTextFieldProps, 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":"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"}
+{"version":3,"file":"text-field.d.ts","names":[],"sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":[],"mappings":";;;;;;KAwBK,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;WAAb,CAAA,EAAA,SAAA,GAAA,OAAA;MASF,CAAA,EAAA,MAAM;UACL,CAAM,EAAA,OAAA;SACV,CAAA,EAFG,KAAA,CAAM,YAET,CAAA,GAAA,CAAA;UACO,CAAA,EAFH,KAAA,CAAM,SAEH;MACN,CAAA,EAFD,IAEO;aAOK,CAAA,EARL,SAQK;OArBX,CAAA,EAcA,KAAA,CAAM,SAdA;EAAmB,EAAA,CAAA,EAAA,MAAA;EAuB1B,MAAA,CAAA,EAAA,MAAS;EAAA,eAAA,CAAA,EAAA,MAAA;gBAChB,CAAA,EAAA,MAAA;MACA,CAAA,EAAA,MAAA;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,SAAA,EAAA,GAAA,IAAA;aACA,CAAA,EANc,IAAA,CAAK,mBAMnB,GAAA;IACA,MAAA,CAAA,EAAA,MAAA;IACA,MAAA,CAAA,EAAA,MAAA;;;iBANO,SAAA,CASP;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,WAAA;EAAA,KAAA;EAAA,QAAA;EAAA,EAAA;EAAA,GAAA;EAAA,MAAA;EAAA,eAAA;EAAA,cAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiBC,cAjBD,CAAA,EAiBe,kBAAA,CAAA,GAAA,CAAA,OAjBf;AACA,UAkIe,cAlIf,CAAA,qBAmIqB,WAnIrB,GAmImC,WAnInC,EAAA,mBAoImB,SApInB,CAoI6B,YApI7B,CAAA,GAoI6C,SApI7C,CAoIuD,YApIvD,CAAA,CAAA,SAqIQ,kBArIR,CAqI2B,YArI3B,EAqIyC,UArIzC,CAAA,CAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EAAA,OAAA;UACA,CAAA,EAqIW,KAAA,CAAM,SArIjB;cACA,CAAA,EAqIe,cArIf,CAqI8B,YArI9B,EAqI4C,UArI5C,CAAA;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAqI8B,OArI9B,CAAA,IAAA,CAAA,GAAA,IAAA;WACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA;;iBA0IO,SAxIP,CAAA,qBAyIqB,WAzIrB,GAyImC,WAzInC,EAAA,mBA0ImB,SA1InB,CA0I6B,YA1I7B,CAAA,GA0I6C,SA1I7C,CA0IuD,YA1IvD,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAoJC,cApJD,CAoJgB,YApJhB,EAoJ8B,UApJ9B,CAAA,GAqJA,IArJA,CAqJK,cArJL,EAAA,UAAA,CAAA,CAAA,EAqJgC,kBAAA,CAAA,GAAA,CAAA,OArJhC;AACA,UAsLe,mBAAA,SAA4B,IAtL3C,CAsLgD,cAtLhD,EAAA,UAAA,CAAA,CAAA;MACA,EAAA,MAAA;cACA,CAAA,EAAA,MAAA;SACA,CAAA,EAsLU,OAtLV;UACA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;iBAyLO,cAAA,CAtLN;EAAA,IAAA;EAAA,YAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA2LA,mBA3LA,CAAA,EA2LmB,kBAAA,CAAA,GAAA,CAAA,OA3LnB;AAAc,UA6NA,oBAAA,SAA6B,cA7N7B,CAAA;EAAA,IAAA,EAAA,MAAA;EAkHA,MAAA,CAAA,EAAA,MAAA;;iBAgHR,eAAA,CA/Gc;EAAA,IAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoHpB,oBApHoB,CAAA,EAoHA,kBAAA,CAAA,GAAA,CAAA,OApHA"}

package/dist/text-field.js

@@ -3,12 +3,11 @@
 
 import { cn } from "./utils-C0f9Ma6r.js";
 import { Label } from "./label-BqtcCyMj.js";
-import { FormField, FormItem, InputHelp } from "./input-help-C9Himejv.js";
-import { Input } from "./input-COsbbKgj.js";
-import { useFormContext } from "react-hook-form";
+import { Input, withMask } from "./input-Cp3f1KmR.js";
+import { FormItem, InputHelp } from "./input-help-Bxsf3Cg-.js";
+import { useController, useFormContext } from "react-hook-form";
 import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { withMask } from "use-mask-input";
 import { useCookiesNext } from "cookies-next";
 import { parseAsString, useQueryState } from "nuqs";
 
@@ -139,31 +138,31 @@ function TextField({ name, className, required, defaultValue, onChange, transfor
 	const { control, setError } = useFormContext();
 	const inputName = prefix ? `${prefix}.${name}` : name;
 	const id = useId();
-	return /* @__PURE__ */ jsx(FormField, {
+	const { field, fieldState } = useController({
 		control,
-		defaultValue,
 		name: inputName,
-		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FormItem, {
-			className: cn("w-full", className),
-			children: /* @__PURE__ */ jsx(InputText, {
-				...field,
-				...props,
-				disabled: props.disabled,
-				error: fieldState?.error?.message,
-				id: `${id}-${inputName.replaceAll(".", "-")}`,
-				name: inputName,
-				onChange: (e) => {
-					field.onChange(transform(e.target.value));
-					onChange?.(transform(e.target.value));
-				},
-				required,
-				setError: (error) => {
-					setError(inputName, { message: error || "" });
-				},
-				value: field.value || ""
-			})
-		}),
-		rules: { required: required ? "Campo obrigatório" : false }
+		rules: { required: required ? "Campo obrigatório" : false },
+		defaultValue
+	});
+	return /* @__PURE__ */ jsx(FormItem, {
+		className: cn("w-full", className),
+		children: /* @__PURE__ */ jsx(InputText, {
+			...field,
+			...props,
+			disabled: props.disabled,
+			error: fieldState?.error?.message,
+			id: `${id}-${inputName.replaceAll(".", "-")}`,
+			name: inputName,
+			onChange: (e) => {
+				field.onChange(transform(e.target.value));
+				onChange?.(transform(e.target.value));
+			},
+			required,
+			setError: (error) => {
+				setError(inputName, { message: error || "" });
+			},
+			value: field.value || ""
+		})
 	});
 }
 function QueryTextField({ name, defaultValue, options,...props }) {

package/dist/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":["defaultConfig: Intl.NumberFormatOptions","useMoneyInput","value"],"sources":["../src/hooks/use-money-input.ts","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype useMoneyInputProps = {\n  config?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n  value?: number;\n  onChange?: (value?: number) => void;\n};\n\nconst defaultConfig: Intl.NumberFormatOptions = {\n  currency: 'BRL',\n  currencyDisplay: 'symbol',\n  currencySign: 'standard',\n  style: 'currency',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n};\n\nconst useMoneyInput = ({\n  config = defaultConfig,\n  onChange,\n  value,\n}: useMoneyInputProps) => {\n  const prefix = config?.prefix || '';\n  const suffix = config?.suffix || '';\n  const divider = Math.pow(10, config?.maximumFractionDigits || 2);\n  const moneyFormatter = Intl.NumberFormat('pt-BR', config);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value ? `${prefix}${moneyFormatter.format(value)}${suffix}` : ''\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const digits = e.target.value.replace(/\\D/g, '');\n    const realValue = digits ? Number(digits) / divider : undefined;\n    const formattedValue =\n      digits && realValue\n        ? `${prefix}${moneyFormatter.format(realValue)}${suffix}`\n        : '';\n\n    setDisplayValue(formattedValue);\n    onChange?.(realValue);\n  };\n\n  useEffect(() => {\n    const formatted = value\n      ? `${prefix}${moneyFormatter.format(value)}${suffix}`\n      : '';\n    setDisplayValue(formatted);\n  }, [value]);\n\n  return { displayValue, handleChange };\n};\n\nexport default useMoneyInput;\n","'use client';\n\nimport { useEffect, useId, useState } 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';\nimport useMoneyInput from '@/hooks/use-money-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 { useCookiesNext } from 'cookies-next';\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  inputType?: 'default' | 'money';\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  setError?: (error: string | undefined) => void;\n  moneyConfig?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n}\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  inputType = 'default',\n  maskOptions,\n  error,\n  setError,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  value,\n  moneyConfig,\n  name,\n  onChange,\n  ...props\n}: InputTextProps) {\n  const { displayValue, handleChange } = useMoneyInput({\n    config: moneyConfig,\n    onChange(value) {\n      onChange?.({\n        ...({} as React.ChangeEvent<HTMLInputElement>),\n        target: { value: value as any },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n    value: Number(value),\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (inputType === 'money') {\n      const rawNumber = Number(e.target.value.replace(/\\D/g, '')) / 100;\n\n      if (props.max && rawNumber >= Number(props.max)) {\n        setError?.(`O valor deve ser menor que ${props.max}`);\n        return;\n      }\n\n      if (props.min && rawNumber <= Number(props.min)) {\n        setError?.(`O valor deve ser maior que ${props.min}`);\n        return;\n      }\n\n      setError?.(undefined);\n\n      handleChange?.(e);\n    } else {\n      onChange?.(e);\n    }\n  };\n\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 leading-none'\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 leading-none',\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-1\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            onChange={handleInputChange}\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            value={value && inputType === 'money' ? displayValue : value}\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 && (\n          <p className=\"text-destructive text-xs\" data-slot=\"form-message\">\n            {error}\n          </p>\n        )}\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  prefix,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control, setError } = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const id = useId();\n\n  return (\n    <FormField\n      control={control}\n      defaultValue={defaultValue}\n      name={inputName}\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?.message}\n            id={`${id}-${inputName.replaceAll('.', '-')}`}\n            name={inputName}\n            onChange={(e) => {\n              field.onChange(transform(e.target.value));\n              onChange?.(transform(e.target.value));\n            }}\n            required={required}\n            setError={(error) => {\n              setError(inputName, { message: error || '' });\n            }}\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 [error, setError] = useState<string | undefined>(undefined);\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      error={error}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n      setError={setError}\n    />\n  );\n}\n\nexport interface CookieTextFieldProps extends InputTextProps {\n  name: string;\n  maxAge?: number;\n}\n\nfunction CookieTextField({\n  name,\n  maxAge = 60 * 60 * 24 * 7,\n  onChange,\n  ...inputProps\n}: CookieTextFieldProps) {\n  const { getCookie, setCookie, deleteCookie } = useCookiesNext();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [value, setValue] = useState('');\n\n  useEffect(() => {\n    const stored = getCookie(`input-${name}`);\n    if (stored && typeof stored === 'string') {\n      setValue(stored);\n      onChange?.(stored as any);\n    }\n  }, [name, getCookie]);\n\n  useEffect(() => {\n    if (value !== '' && value !== undefined) {\n      setCookie(`input-${name}`, value, { maxAge });\n    } else {\n      deleteCookie(`input-${name}`);\n    }\n  }, [name, value, setCookie]);\n\n  return (\n    <InputText\n      {...inputProps}\n      error={error}\n      id={`cookie-${name}`}\n      name={name}\n      onChange={(e) => {\n        setValue(e.target.value);\n        onChange?.(e.target.value as any);\n      }}\n      setError={setError}\n      value={value}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField, CookieTextField };\n"],"mappings":"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"}
+{"version":3,"file":"text-field.js","names":["defaultConfig: Intl.NumberFormatOptions","useMoneyInput","value"],"sources":["../src/hooks/use-money-input.ts","../src/components/text-field/TextField.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype useMoneyInputProps = {\n  config?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n  value?: number;\n  onChange?: (value?: number) => void;\n};\n\nconst defaultConfig: Intl.NumberFormatOptions = {\n  currency: 'BRL',\n  currencyDisplay: 'symbol',\n  currencySign: 'standard',\n  style: 'currency',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n};\n\nconst useMoneyInput = ({\n  config = defaultConfig,\n  onChange,\n  value,\n}: useMoneyInputProps) => {\n  const prefix = config?.prefix || '';\n  const suffix = config?.suffix || '';\n  const divider = Math.pow(10, config?.maximumFractionDigits || 2);\n  const moneyFormatter = Intl.NumberFormat('pt-BR', config);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value ? `${prefix}${moneyFormatter.format(value)}${suffix}` : ''\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const digits = e.target.value.replace(/\\D/g, '');\n    const realValue = digits ? Number(digits) / divider : undefined;\n    const formattedValue =\n      digits && realValue\n        ? `${prefix}${moneyFormatter.format(realValue)}${suffix}`\n        : '';\n\n    setDisplayValue(formattedValue);\n    onChange?.(realValue);\n  };\n\n  useEffect(() => {\n    const formatted = value\n      ? `${prefix}${moneyFormatter.format(value)}${suffix}`\n      : '';\n    setDisplayValue(formatted);\n  }, [value]);\n\n  return { displayValue, handleChange };\n};\n\nexport default useMoneyInput;\n","'use client';\n\nimport { useEffect, useId, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldPathValue,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport useMoneyInput from '@/hooks/use-money-input';\nimport withMask, { type Options as MaskOptions } from '@/hooks/with-mask';\n\nimport { FormItem } 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 { useCookiesNext } from 'cookies-next';\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  inputType?: 'default' | 'money';\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  setError?: (error: string | undefined) => void;\n  moneyConfig?: Intl.NumberFormatOptions & { prefix?: string; suffix?: string };\n}\nfunction InputText({\n  label,\n  description,\n  placeholder,\n  className,\n  children,\n  disabled,\n  type,\n  required,\n  maskRef,\n  mask,\n  inputType = 'default',\n  maskOptions,\n  error,\n  setError,\n  id,\n  ref,\n  detail,\n  detailClassName,\n  inputClassName,\n  help,\n  value,\n  moneyConfig,\n  name,\n  onChange,\n  ...props\n}: InputTextProps) {\n  const { displayValue, handleChange } = useMoneyInput({\n    config: moneyConfig,\n    onChange(value) {\n      onChange?.({\n        ...({} as React.ChangeEvent<HTMLInputElement>),\n        target: { value: value as any },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n    value: Number(value),\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (inputType === 'money') {\n      const rawNumber = Number(e.target.value.replace(/\\D/g, '')) / 100;\n\n      if (props.max && rawNumber >= Number(props.max)) {\n        setError?.(`O valor deve ser menor que ${props.max}`);\n        return;\n      }\n\n      if (props.min && rawNumber <= Number(props.min)) {\n        setError?.(`O valor deve ser maior que ${props.min}`);\n        return;\n      }\n\n      setError?.(undefined);\n\n      handleChange?.(e);\n    } else {\n      onChange?.(e);\n    }\n  };\n\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 leading-none'\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 leading-none',\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-1\">\n        <div className=\"relative\">\n          <Input\n            className={cn(error && 'border-destructive', inputClassName)}\n            disabled={disabled}\n            id={id}\n            onChange={handleInputChange}\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            value={value && inputType === 'money' ? displayValue : value}\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 && (\n          <p className=\"text-destructive text-xs\" data-slot=\"form-message\">\n            {error}\n          </p>\n        )}\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  prefix,\n  ...props\n}: TextFieldProps<TFieldValues, TFieldName> &\n  Omit<InputTextProps, 'onChange'>) {\n  const { control, setError } = useFormContext();\n  const inputName = prefix ? `${prefix}.${name}` : name;\n  const id = useId();\n  const { field, fieldState } = useController({\n    control,\n    name: inputName,\n    rules: { required: required ? 'Campo obrigatório' : false },\n    defaultValue,\n  });\n\n  return (\n    <FormItem className={cn('w-full', className)}>\n      <InputText\n        {...field}\n        {...props}\n        disabled={props.disabled}\n        error={fieldState?.error?.message}\n        id={`${id}-${inputName.replaceAll('.', '-')}`}\n        name={inputName}\n        onChange={(e) => {\n          field.onChange(transform(e.target.value));\n          onChange?.(transform(e.target.value));\n        }}\n        required={required}\n        setError={(error) => {\n          setError(inputName, { message: error || '' });\n        }}\n        value={field.value || ''}\n      />\n    </FormItem>\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 [error, setError] = useState<string | undefined>(undefined);\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      error={error}\n      onChange={(e) => {\n        setFilter(e.target.value);\n        props.onChange?.(e.target.value);\n      }}\n      setError={setError}\n    />\n  );\n}\n\nexport interface CookieTextFieldProps extends InputTextProps {\n  name: string;\n  maxAge?: number;\n}\n\nfunction CookieTextField({\n  name,\n  maxAge = 60 * 60 * 24 * 7,\n  onChange,\n  ...inputProps\n}: CookieTextFieldProps) {\n  const { getCookie, setCookie, deleteCookie } = useCookiesNext();\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [value, setValue] = useState('');\n\n  useEffect(() => {\n    const stored = getCookie(`input-${name}`);\n    if (stored && typeof stored === 'string') {\n      setValue(stored);\n      onChange?.(stored as any);\n    }\n  }, [name, getCookie]);\n\n  useEffect(() => {\n    if (value !== '' && value !== undefined) {\n      setCookie(`input-${name}`, value, { maxAge });\n    } else {\n      deleteCookie(`input-${name}`);\n    }\n  }, [name, value, setCookie]);\n\n  return (\n    <InputText\n      {...inputProps}\n      error={error}\n      id={`cookie-${name}`}\n      name={name}\n      onChange={(e) => {\n        setValue(e.target.value);\n        onChange?.(e.target.value as any);\n      }}\n      setError={setError}\n      value={value}\n    />\n  );\n}\n\nexport { InputText, TextField, QueryTextField, CookieTextField };\n"],"mappings":"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"}

package/dist/with-mask-DnMiJlek.d.ts

@@ -0,0 +1,9 @@
+import "react-hook-form";
+import inputmask from "inputmask";
+
+//#region src/hooks/with-mask.d.ts
+type Mask = 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer' | 'percentage' | 'url' | 'ip' | 'mac' | 'ssn' | 'brl-currency' | 'cpf' | 'cnpj' | (string & {}) | (string[] & {}) | null;
+type Options = inputmask.Options;
+//#endregion
+export { Mask, Options };
+//# sourceMappingURL=with-mask-DnMiJlek.d.ts.map

package/dist/with-mask-DnMiJlek.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-mask-DnMiJlek.d.ts","names":[],"sources":["../src/hooks/with-mask.ts"],"sourcesContent":[],"mappings":";;;;KAQY,IAAA;KAkBA,OAAA,GAAU,SAAA,CAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.29.3",
+  "version": "2.30.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -68,9 +68,6 @@
     "nuqs": {
       "optional": true
     },
-    "use-mask-input": {
-      "optional": true
-    },
     "motion": {
       "optional": true
     },
@@ -92,17 +89,19 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "inputmask": "5.0.10-beta.61",
     "tailwind-merge": "^3.3.1",
     "use-debounce": "^10.0.6"
   },
   "devDependencies": {
-    "cmdk": "^1.1.1",
     "@biomejs/biome": "^2.3.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@tailwindcss/postcss": "^4.1.16",
+    "@types/inputmask": "^5.0.7",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
+    "cmdk": "^1.1.1",
     "concurrently": "^9.0.0",
     "cookies-next": "^6.1.1",
     "glob": "^11.0.3",
@@ -121,8 +120,7 @@
     "tailwindcss": "^4.1.14",
     "tsdown": "^0.15.6",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.7.2",
-    "use-mask-input": "^3.5.2"
+    "typescript": "^5.7.2"
   },
   "keywords": [
     "react",

package/dist/input-COsbbKgj.js

@@ -1,16 +0,0 @@
-import { cn } from "./utils-C0f9Ma6r.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/ui/input.tsx
-function Input({ className, 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
-export { Input };
-//# sourceMappingURL=input-COsbbKgj.js.map

package/dist/input-COsbbKgj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-COsbbKgj.js","names":[],"sources":["../src/components/ui/input.tsx"],"sourcesContent":["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"],"mappings":";;;;AAIA,SAAS,MAAM,EAAE,WAAW,KAAM,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,WAAW,GACT,mcACA,iFACA,wJACA,UACD;EACD,aAAU;EACJ;EACN,GAAI;GACJ"}