maquinaweb-ui 2.36.1 → 2.37.0

package/dist/button-B3nLhVyZ.js

@@ -0,0 +1,44 @@
+import { t as cn } from "./utils-C8_amEgK.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region src/components/ui/button.tsx
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant, size, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		"data-slot": "button",
+		...props
+	});
+}
+
+//#endregion
+export { buttonVariants as n, Button as t };
+//# sourceMappingURL=button-B3nLhVyZ.js.map

package/dist/button-B3nLhVyZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-B3nLhVyZ.js","names":[],"sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      data-slot=\"button\"\n      {...(props as any)}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,IACrB,+bACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WACE;GACF,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,MACV,GAAG,SAIA;AAGH,QACE,oBAHW,UAAU,OAAO;EAI1B,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,aAAU;EACV,GAAK;GACL"}

package/dist/{container-animation.d.mts → 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_runtime0 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_runtime0.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
-//# sourceMappingURL=container-animation.d.mts.map
+//# sourceMappingURL=container-animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-animation.d.ts","names":[],"sources":["../src/components/container-animation/container-animation.tsx"],"sourcesContent":[],"mappings":";;;;KAiDY,kCAAkC,uBAC5C,wBACE,eAAe;;;EAFP,KAAA,CAAA,EAAA,MAAA;EAAkC,QAAA,CAAA,EAAA,MAAA;EAC5C,QAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA;EACiB,aAAA,CAAA,EAAA,OAAA;EAAf,EAAA,CAAA,EAOO,CAPP,GAAA,MAAA;EAOO,SAAA,CAAA,EAAA,MAAA;CAAC;AAEN,cAEA,kBAkCL,EAAA,CAAA,UAlCqC,WAkCrC,GAAA,KAAA,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,EAAA,EAlC0D,EAkC1D;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAvBE,uBAuBF,CAvB0B,CAuB1B,CAAA,EAAA,GAvB4B,kBAAA,CAAA,GAAA,CAAA,OAuB5B"}

package/dist/{container-animation.mjs → container-animation.js}

@@ -1,6 +1,7 @@
 'use client';
 
-import { t as cn } from "./utils-CG5oGEBQ.mjs";
+
+import { t as cn } from "./utils-C8_amEgK.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import * as motion from "motion/react-m";
@@ -106,7 +107,7 @@ const getVariants = (position, space, delay) => {
 		}
 	};
 };
-const ContainerAnimation = ({ className, children, position = "top", delay = 0, space = 20, duration = .8, as: As = "div", distance = [95, 5], hideNotInView = false, ...props }) => {
+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,
@@ -127,4 +128,4 @@ const ContainerAnimation = ({ className, children, position = "top", delay = 0,
 
 //#endregion
 export { ContainerAnimation };
-//# sourceMappingURL=container-animation.mjs.map
+//# sourceMappingURL=container-animation.js.map

package/dist/container-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-animation.js","names":[],"sources":["../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs","../node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs","../node_modules/framer-motion/dist/es/utils/use-in-view.mjs","../src/components/container-animation/container-animation.tsx"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector);\n}\n\nexport { resolveElements };\n","import { resolveElements } from 'motion-dom';\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n};\nfunction inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = \"some\" } = {}) {\n    const elements = resolveElements(elementOrSelector);\n    const activeIntersections = new WeakMap();\n    const onIntersectionChange = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target);\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd))\n                return;\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry);\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd);\n                }\n                else {\n                    observer.unobserve(entry.target);\n                }\n            }\n            else if (typeof onEnd === \"function\") {\n                onEnd(entry);\n                activeIntersections.delete(entry.target);\n            }\n        });\n    };\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    });\n    elements.forEach((element) => observer.observe(element));\n    return () => observer.disconnect();\n}\n\nexport { inView };\n//# sourceMappingURL=index.mjs.map\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//# sourceMappingURL=use-in-view.mjs.map\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/date-field.d.ts

@@ -0,0 +1,32 @@
+import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { Matcher } from "react-day-picker";
+
+//#region src/components/date-field/DateField.d.ts
+interface DateFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<UseControllerProps<TFieldValues, TFieldName>, 'disabled'> {
+  label: string;
+  description?: string;
+  placeholder?: string;
+  className?: string;
+  disabled?: Matcher | Matcher[] | undefined;
+  inputDisabled?: boolean;
+  initialValue?: Date;
+  endMonth?: Date;
+  required?: boolean;
+  help?: string;
+}
+declare function DateField<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  name,
+  label,
+  description,
+  inputDisabled,
+  endMonth,
+  className,
+  disabled,
+  initialValue,
+  required,
+  help
+}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { DateField, type DateFieldProps };
+//# sourceMappingURL=date-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.d.ts","names":[],"sources":["../src/components/date-field/DateField.tsx"],"sourcesContent":[],"mappings":";;;;;UA2BiB,oCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,KAAK,mBAAmB,cAAc;;;EAH/B,WAAA,CAAA,EAAA,MAAc;EACR,SAAA,CAAA,EAAA,MAAA;EAAc,QAAA,CAAA,EAOxB,OAPwB,GAOd,OAPc,EAAA,GAAA,SAAA;EACN,aAAA,CAAA,EAAA,OAAA;EAAV,YAAA,CAAA,EAQJ,IARI;EAAoC,QAAA,CAAA,EAS5C,IAT4C;EAAV,QAAA,CAAA,EAAA,OAAA;EACb,IAAA,CAAA,EAAA,MAAA;;iBAazB,SAbM,CAAA,qBAcQ,WAdR,GAcsB,WAdtB,EAAA,mBAeM,SAfN,CAegB,YAfhB,CAAA,GAegC,SAfhC,CAe0C,YAf1C,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EA2BZ,cA3BY,CA2BG,YA3BH,EA2BiB,UA3BjB,CAAA,CAAA,EA2B4B,kBAAA,CAAA,GAAA,CAAA,OA3B5B"}

package/dist/date-field.js

@@ -0,0 +1,281 @@
+'use client';
+
+
+import { t as cn } from "./utils-C8_amEgK.js";
+import "./label-Bkg7B2j8.js";
+import { n as withMask, t as Input } from "./input-Bs61WBGW.js";
+import { a as FormLabel, i as FormItem, n as FormDescription, o as FormMessage, r as FormField, t as InputHelp } from "./input-help-BRDK0-yu.js";
+import { n as buttonVariants, t as Button } from "./button-B3nLhVyZ.js";
+import { n as PopoverContent, r as PopoverTrigger, t as Popover } from "./popover-DwlKLFCp.js";
+import { useFormContext } from "react-hook-form";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { differenceInCalendarDays, isValid, parse } from "date-fns";
+import { DayPicker, labelNext, labelPrevious, useDayPicker } from "react-day-picker";
+import { ptBR } from "date-fns/locale";
+
+//#region src/components/ui/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = true, yearRange = 12, numberOfMonths,...props }) {
+	const [navView, setNavView] = React.useState("days");
+	const [displayYears, setDisplayYears] = React.useState(React.useMemo(() => {
+		const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+		return {
+			from: currentYear - Math.floor(yearRange / 2 - 1),
+			to: currentYear + Math.ceil(yearRange / 2)
+		};
+	}, [yearRange]));
+	const { onNextClick, onPrevClick, startMonth, endMonth } = props;
+	const columnsDisplayed = navView === "years" ? 1 : numberOfMonths;
+	return /* @__PURE__ */ jsx(DayPicker, {
+		className: cn("p-3", className),
+		classNames: {
+			months: "flex flex-col relative sm:flex-row gap-y-4 sm:gap-y-0",
+			month_caption: "flex justify-center h-7 mx-10 relative items-center",
+			weekdays: "flex flex-row",
+			weekday: "text-muted-foreground w-8 font-normal text-[0.8rem]",
+			month: "gap-y-4 overflow-x-hidden w-full",
+			caption: "flex justify-center pt-1 relative items-center",
+			caption_label: "text-sm font-medium truncate",
+			button_next: cn(buttonVariants({
+				variant: "outline",
+				className: "absolute right-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+			})),
+			button_previous: cn(buttonVariants({
+				variant: "outline",
+				className: "absolute left-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+			})),
+			nav: "flex items-start",
+			month_grid: "mt-4",
+			week: "flex w-full mt-1",
+			day: "p-0 transition-colors size-8 text-sm flex-1 flex items-center justify-center has-[button]:hover:bg-accent/90! rounded-md has-[button]:hover:aria-selected:bg-primary/50! has-[button]:hover:text-foreground has-[button]:hover:aria-selected:text-foreground",
+			day_button: cn(buttonVariants({ variant: "ghost" }), "size-8 p-0 font-normal transition-none hover:bg-transparent hover:text-inherit aria-selected:opacity-100"),
+			range_start: "day-range-start rounded-s-md",
+			range_end: "day-range-end rounded-e-md",
+			selected: "bg-primary text-primary-foreground hover:bg-primary! hover:text-primary-foreground focus:bg-primary! focus:text-primary-foreground",
+			today: "bg-accent text-accent-foreground",
+			outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+			disabled: "text-muted-foreground opacity-50",
+			range_middle: "aria-selected:bg-accent hover:aria-selected:bg-accent! rounded-none aria-selected:text-accent-foreground hover:aria-selected:text-accent-foreground",
+			hidden: "invisible",
+			...classNames
+		},
+		components: {
+			Chevron: ({ orientation }) => {
+				return /* @__PURE__ */ jsx(orientation === "left" ? ChevronLeft : ChevronRight, { className: "h-4 w-4" });
+			},
+			Nav: ({ className: className$1, children,...props$1 }) => {
+				const { nextMonth, previousMonth, goToMonth } = useDayPicker();
+				const isPreviousDisabled = (() => {
+					if (navView === "years") return startMonth && differenceInCalendarDays(new Date(displayYears.from - 1, 0, 1), startMonth) < 0 || endMonth && differenceInCalendarDays(new Date(displayYears.from - 1, 0, 1), endMonth) > 0;
+					return !previousMonth;
+				})();
+				const isNextDisabled = (() => {
+					if (navView === "years") return startMonth && differenceInCalendarDays(new Date(displayYears.to + 1, 0, 1), startMonth) < 0 || endMonth && differenceInCalendarDays(new Date(displayYears.to + 1, 0, 1), endMonth) > 0;
+					return !nextMonth;
+				})();
+				const handlePreviousClick = React.useCallback(() => {
+					if (!previousMonth) return;
+					if (navView === "years") {
+						setDisplayYears((prev) => ({
+							from: prev.from - (prev.to - prev.from + 1),
+							to: prev.to - (prev.to - prev.from + 1)
+						}));
+						onPrevClick?.(new Date(displayYears.from - (displayYears.to - displayYears.from), 0, 1));
+						return;
+					}
+					goToMonth(previousMonth);
+					onPrevClick?.(previousMonth);
+				}, [previousMonth, goToMonth]);
+				const handleNextClick = React.useCallback(() => {
+					if (navView === "years") {
+						setDisplayYears((prev) => ({
+							from: prev.from + (prev.to - prev.from + 1),
+							to: prev.to + (prev.to - prev.from + 1)
+						}));
+						onNextClick?.(new Date(displayYears.from + (displayYears.to - displayYears.from), 0, 1));
+						return;
+					}
+					if (!nextMonth) return;
+					goToMonth(nextMonth);
+					onNextClick?.(nextMonth);
+				}, [goToMonth, nextMonth]);
+				return /* @__PURE__ */ jsxs("nav", {
+					className: cn("flex items-center", className$1),
+					children: [/* @__PURE__ */ jsx(Button, {
+						"aria-label": navView === "years" ? `Go to the previous ${displayYears.to - displayYears.from + 1} years` : labelPrevious(previousMonth),
+						className: "absolute left-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100",
+						disabled: isPreviousDisabled,
+						onClick: handlePreviousClick,
+						tabIndex: isPreviousDisabled ? void 0 : -1,
+						type: "button",
+						variant: "outline",
+						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ jsx(Button, {
+						"aria-label": navView === "years" ? `Go to the next ${displayYears.to - displayYears.from + 1} years` : labelNext(nextMonth),
+						className: "absolute right-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100",
+						disabled: isNextDisabled,
+						onClick: handleNextClick,
+						tabIndex: isNextDisabled ? void 0 : -1,
+						type: "button",
+						variant: "outline",
+						children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+					})]
+				});
+			},
+			CaptionLabel: ({ children }) => /* @__PURE__ */ jsx(Button, {
+				className: "h-7 w-full truncate text-sm font-medium capitalize",
+				onClick: () => setNavView((prev) => prev === "days" ? "years" : "days"),
+				size: "sm",
+				variant: "ghost",
+				children: navView === "days" ? children : displayYears.from + " - " + displayYears.to
+			}),
+			MonthGrid: ({ className: className$1, children,...props$1 }) => {
+				const { goToMonth } = useDayPicker();
+				if (navView === "years") return /* @__PURE__ */ jsx("div", {
+					className: cn("grid grid-cols-4 gap-y-1", className$1),
+					...props$1,
+					children: Array.from({ length: displayYears.to - displayYears.from + 1 }, (_, i) => {
+						const isBefore = differenceInCalendarDays(new Date(displayYears.from + i, 12, 31), startMonth) < 0;
+						const isAfter = differenceInCalendarDays(new Date(displayYears.from + i, 0, 0), endMonth) > 0;
+						const isDisabled = isBefore || isAfter;
+						return /* @__PURE__ */ jsx(Button, {
+							className: cn("h-10 w-full text-sm font-normal text-foreground", displayYears.from + i === (/* @__PURE__ */ new Date()).getFullYear() && "bg-accent font-medium text-accent-foreground"),
+							disabled: navView === "years" ? isDisabled : void 0,
+							onClick: () => {
+								setNavView("days");
+								goToMonth(new Date(displayYears.from + i, (/* @__PURE__ */ new Date()).getMonth()));
+							},
+							variant: "ghost",
+							children: displayYears.from + i
+						}, i);
+					})
+				});
+				return /* @__PURE__ */ jsx("table", {
+					className: className$1,
+					...props$1,
+					children
+				});
+			}
+		},
+		numberOfMonths: columnsDisplayed,
+		showOutsideDays,
+		style: { width: 248.8 * (columnsDisplayed ?? 1) + "px" },
+		...props
+	});
+}
+Calendar.displayName = "Calendar";
+
+//#endregion
+//#region src/components/ui/input-date-field.tsx
+const InputDateField = ({ field, disabled, onFinish, id,...props }) => {
+	const [inputValue, setInputValue] = useState("");
+	const handleChange = (e) => {
+		const parts = e.target.value.split("/");
+		let day = parts[0];
+		let month = parts[1];
+		if (day && Number(day) > 31) parts[0] = day.slice(0, 1).padStart(2, "0");
+		if (month && Number(month) > 12) parts[1] = month.slice(0, 1).padStart(2, "0");
+		const newValue = parts.join("/");
+		setInputValue(parts.join("/"));
+		if (newValue.length === 10) {
+			const parsedDate = parse(newValue, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+			if (isValid(parsedDate)) {
+				field.onChange(parsedDate);
+				onFinish?.();
+			}
+		}
+	};
+	useEffect(() => {
+		if (field.value) setInputValue((typeof field?.value === "string" ? new Date(field?.value) : field?.value)?.toLocaleDateString("pt-BR"));
+		else setInputValue("");
+	}, [field.value]);
+	return /* @__PURE__ */ jsx(Input, {
+		autoComplete: "off",
+		className: "w-full outline-hidden",
+		id,
+		onChange: handleChange,
+		placeholder: "Selecione a data",
+		readOnly: disabled,
+		ref: withMask("99/99/9999", { undoOnEscape: false }),
+		value: inputValue,
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/date-field/DateField.tsx
+function DateField({ name, label, description, inputDisabled, endMonth, className, disabled, initialValue, required, help }) {
+	const form = useFormContext();
+	const [isOpen, setIsOpen] = useState(false);
+	return /* @__PURE__ */ jsx(FormField, {
+		control: form.control,
+		defaultValue: initialValue,
+		name,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(FormItem, {
+			className,
+			id: `date-${name.replace(".", "-")}`,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-end gap-1.5",
+					children: [/* @__PURE__ */ jsxs(FormLabel, {
+						htmlFor: name,
+						children: [
+							label,
+							":",
+							required && /* @__PURE__ */ jsx("span", {
+								className: "text-red-500 text-lg leading-[1px]",
+								children: "*"
+							})
+						]
+					}), /* @__PURE__ */ jsx(InputHelp, {
+						help,
+						name
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Popover, {
+					onOpenChange: setIsOpen,
+					open: !inputDisabled && isOpen,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						className: "w-full mt-0! outline-hidden",
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+						},
+						tabIndex: -1,
+						children: /* @__PURE__ */ jsx(InputDateField, {
+							className: cn(fieldState.error && "border-destructive"),
+							disabled: inputDisabled,
+							field,
+							id: name,
+							onFinish: () => setIsOpen(false),
+							onFocus: () => setIsOpen(true)
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "flex justify-center w-fit p-0",
+						onOpenAutoFocus: (e) => e.preventDefault(),
+						children: /* @__PURE__ */ jsx(Calendar, {
+							defaultMonth: field.value || /* @__PURE__ */ new Date(),
+							disabled,
+							endMonth,
+							locale: ptBR,
+							mode: "single",
+							onSelect: (date) => {
+								field.onChange(date);
+								setIsOpen(false);
+							},
+							selected: field.value
+						}, `${name}-${field.value?.toString()}`)
+					})]
+				}),
+				/* @__PURE__ */ jsx(FormDescription, { children: description }),
+				fieldState.error && /* @__PURE__ */ jsx(FormMessage, {})
+			]
+		})
+	});
+}
+
+//#endregion
+export { DateField };
+//# sourceMappingURL=date-field.js.map

package/dist/date-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.js","names":["props","className","InputDateField: React.FC<\n  {\n    field: ControllerRenderProps<any, string>;\n    disabled?: boolean;\n    onFinish?: () => void;\n    id?: string;\n  } & ComponentProps<typeof Input>\n>"],"sources":["../src/components/ui/calendar.tsx","../src/components/ui/input-date-field.tsx","../src/components/date-field/DateField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Button, buttonVariants } from '@/components/ui/button';\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { differenceInCalendarDays } from 'date-fns';\nimport {\n  DayPicker,\n  labelNext,\n  labelPrevious,\n  useDayPicker,\n} from 'react-day-picker';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  /**\n   * In the year view, the number of years to display at once.\n   * @default 12\n   */\n  yearRange?: number;\n};\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  yearRange = 12,\n  numberOfMonths,\n  ...props\n}: CalendarProps) {\n  const [navView, setNavView] = React.useState<'days' | 'years'>('days');\n  const [displayYears, setDisplayYears] = React.useState<{\n    from: number;\n    to: number;\n  }>(\n    React.useMemo(() => {\n      const currentYear = new Date().getFullYear();\n      return {\n        from: currentYear - Math.floor(yearRange / 2 - 1),\n        to: currentYear + Math.ceil(yearRange / 2),\n      };\n    }, [yearRange])\n  );\n\n  const { onNextClick, onPrevClick, startMonth, endMonth } = props;\n\n  const columnsDisplayed = navView === 'years' ? 1 : numberOfMonths;\n\n  return (\n    <DayPicker\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col relative sm:flex-row gap-y-4 sm:gap-y-0',\n        month_caption: 'flex justify-center h-7 mx-10 relative items-center',\n        weekdays: 'flex flex-row',\n        weekday: 'text-muted-foreground w-8 font-normal text-[0.8rem]',\n        month: 'gap-y-4 overflow-x-hidden w-full',\n        caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium truncate',\n        button_next: cn(\n          buttonVariants({\n            variant: 'outline',\n            className:\n              'absolute right-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n          })\n        ),\n        button_previous: cn(\n          buttonVariants({\n            variant: 'outline',\n            className:\n              'absolute left-0 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n          })\n        ),\n        nav: 'flex items-start',\n        month_grid: 'mt-4',\n        week: 'flex w-full mt-1',\n        day: 'p-0 transition-colors size-8 text-sm flex-1 flex items-center justify-center has-[button]:hover:bg-accent/90! rounded-md has-[button]:hover:aria-selected:bg-primary/50! has-[button]:hover:text-foreground has-[button]:hover:aria-selected:text-foreground',\n        day_button: cn(\n          buttonVariants({ variant: 'ghost' }),\n          'size-8 p-0 font-normal transition-none hover:bg-transparent hover:text-inherit aria-selected:opacity-100'\n        ),\n        range_start: 'day-range-start rounded-s-md',\n        range_end: 'day-range-end rounded-e-md',\n        selected:\n          'bg-primary text-primary-foreground hover:bg-primary! hover:text-primary-foreground focus:bg-primary! focus:text-primary-foreground',\n        today: 'bg-accent text-accent-foreground',\n        outside:\n          'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n        disabled: 'text-muted-foreground opacity-50',\n        range_middle:\n          'aria-selected:bg-accent hover:aria-selected:bg-accent! rounded-none aria-selected:text-accent-foreground hover:aria-selected:text-accent-foreground',\n        hidden: 'invisible',\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === 'left' ? ChevronLeft : ChevronRight;\n          return <Icon className=\"h-4 w-4\" />;\n        },\n        Nav: ({ className, children, ...props }) => {\n          const { nextMonth, previousMonth, goToMonth } = useDayPicker();\n\n          const isPreviousDisabled = (() => {\n            if (navView === 'years') {\n              return (\n                (startMonth &&\n                  differenceInCalendarDays(\n                    new Date(displayYears.from - 1, 0, 1),\n                    startMonth\n                  ) < 0) ||\n                (endMonth &&\n                  differenceInCalendarDays(\n                    new Date(displayYears.from - 1, 0, 1),\n                    endMonth\n                  ) > 0)\n              );\n            }\n            return !previousMonth;\n          })();\n\n          const isNextDisabled = (() => {\n            if (navView === 'years') {\n              return (\n                (startMonth &&\n                  differenceInCalendarDays(\n                    new Date(displayYears.to + 1, 0, 1),\n                    startMonth\n                  ) < 0) ||\n                (endMonth &&\n                  differenceInCalendarDays(\n                    new Date(displayYears.to + 1, 0, 1),\n                    endMonth\n                  ) > 0)\n              );\n            }\n            return !nextMonth;\n          })();\n\n          const handlePreviousClick = React.useCallback(() => {\n            if (!previousMonth) return;\n            if (navView === 'years') {\n              setDisplayYears((prev) => ({\n                from: prev.from - (prev.to - prev.from + 1),\n                to: prev.to - (prev.to - prev.from + 1),\n              }));\n              onPrevClick?.(\n                new Date(\n                  displayYears.from - (displayYears.to - displayYears.from),\n                  0,\n                  1\n                )\n              );\n              return;\n            }\n            goToMonth(previousMonth);\n            onPrevClick?.(previousMonth);\n          }, [previousMonth, goToMonth]);\n\n          const handleNextClick = React.useCallback(() => {\n            if (navView === 'years') {\n              setDisplayYears((prev) => ({\n                from: prev.from + (prev.to - prev.from + 1),\n                to: prev.to + (prev.to - prev.from + 1),\n              }));\n              onNextClick?.(\n                new Date(\n                  displayYears.from + (displayYears.to - displayYears.from),\n                  0,\n                  1\n                )\n              );\n              return;\n            }\n            if (!nextMonth) return;\n            goToMonth(nextMonth);\n            onNextClick?.(nextMonth);\n          }, [goToMonth, nextMonth]);\n\n          return (\n            <nav className={cn('flex items-center', className)}>\n              <Button\n                aria-label={\n                  navView === 'years'\n                    ? `Go to the previous ${\n                        displayYears.to - displayYears.from + 1\n                      } years`\n                    : labelPrevious(previousMonth)\n                }\n                className=\"absolute left-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100\"\n                disabled={isPreviousDisabled}\n                onClick={handlePreviousClick}\n                tabIndex={isPreviousDisabled ? undefined : -1}\n                type=\"button\"\n                variant=\"outline\"\n              >\n                <ChevronLeft className=\"h-4 w-4\" />\n              </Button>\n\n              <Button\n                aria-label={\n                  navView === 'years'\n                    ? `Go to the next ${\n                        displayYears.to - displayYears.from + 1\n                      } years`\n                    : labelNext(nextMonth)\n                }\n                className=\"absolute right-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100\"\n                disabled={isNextDisabled}\n                onClick={handleNextClick}\n                tabIndex={isNextDisabled ? undefined : -1}\n                type=\"button\"\n                variant=\"outline\"\n              >\n                <ChevronRight className=\"h-4 w-4\" />\n              </Button>\n            </nav>\n          );\n        },\n        CaptionLabel: ({ children }) => (\n          <Button\n            className=\"h-7 w-full truncate text-sm font-medium capitalize\"\n            onClick={() =>\n              setNavView((prev) => (prev === 'days' ? 'years' : 'days'))\n            }\n            size=\"sm\"\n            variant=\"ghost\"\n          >\n            {navView === 'days'\n              ? children\n              : displayYears.from + ' - ' + displayYears.to}\n          </Button>\n        ),\n        MonthGrid: ({ className, children, ...props }) => {\n          const { goToMonth } = useDayPicker();\n          if (navView === 'years') {\n            return (\n              <div\n                className={cn('grid grid-cols-4 gap-y-1', className)}\n                {...props}\n              >\n                {Array.from(\n                  { length: displayYears.to - displayYears.from + 1 },\n                  (_, i) => {\n                    const isBefore =\n                      differenceInCalendarDays(\n                        new Date(displayYears.from + i, 12, 31),\n                        startMonth!\n                      ) < 0;\n\n                    const isAfter =\n                      differenceInCalendarDays(\n                        new Date(displayYears.from + i, 0, 0),\n                        endMonth!\n                      ) > 0;\n\n                    const isDisabled = isBefore || isAfter;\n                    return (\n                      <Button\n                        className={cn(\n                          'h-10 w-full text-sm font-normal text-foreground',\n                          displayYears.from + i === new Date().getFullYear() &&\n                            'bg-accent font-medium text-accent-foreground'\n                        )}\n                        disabled={navView === 'years' ? isDisabled : undefined}\n                        key={i}\n                        onClick={() => {\n                          setNavView('days');\n                          goToMonth(\n                            new Date(\n                              displayYears.from + i,\n                              new Date().getMonth()\n                            )\n                          );\n                        }}\n                        variant=\"ghost\"\n                      >\n                        {displayYears.from + i}\n                      </Button>\n                    );\n                  }\n                )}\n              </div>\n            );\n          }\n          return (\n            <table className={className} {...props}>\n              {children}\n            </table>\n          );\n        },\n      }}\n      numberOfMonths={columnsDisplayed}\n      showOutsideDays={showOutsideDays}\n      style={{\n        width: 248.8 * (columnsDisplayed ?? 1) + 'px',\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n","import { ComponentProps, useEffect, useState } from 'react';\n\nimport type { ControllerRenderProps } from 'react-hook-form';\nimport withMask from '@/hooks/with-mask';\n\nimport { isValid, parse } from 'date-fns';\nimport { Input } from './input';\n\nconst InputDateField: React.FC<\n  {\n    field: ControllerRenderProps<any, string>;\n    disabled?: boolean;\n    onFinish?: () => void;\n    id?: string;\n  } & ComponentProps<typeof Input>\n> = ({ field, disabled, onFinish, id, ...props }) => {\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const parts = e.target.value.split('/');\n    let day = parts[0];\n    let month = parts[1];\n    if (day && Number(day) > 31) {\n      parts[0] = day.slice(0, 1).padStart(2, '0');\n    }\n    if (month && Number(month) > 12) {\n      parts[1] = month.slice(0, 1).padStart(2, '0');\n    }\n\n    const newValue = parts.join('/');\n    setInputValue(parts.join('/'));\n\n    if (newValue.length === 10) {\n      const parsedDate = parse(newValue, 'dd/MM/yyyy', new Date());\n      if (isValid(parsedDate)) {\n        field.onChange(parsedDate);\n        onFinish?.();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (field.value) {\n      const value =\n        typeof field?.value === 'string'\n          ? new Date(field?.value)\n          : field?.value;\n      setInputValue(value?.toLocaleDateString('pt-BR'));\n    } else {\n      setInputValue('');\n    }\n  }, [field.value]);\n\n  return (\n    <Input\n      autoComplete=\"off\"\n      className=\"w-full outline-hidden\"\n      id={id}\n      onChange={handleChange}\n      placeholder=\"Selecione a data\"\n      readOnly={disabled}\n      ref={\n        withMask('99/99/9999', {\n          undoOnEscape: false,\n        }) as any\n      }\n      value={inputValue}\n      {...props}\n    />\n  );\n};\n\nexport { InputDateField };\n","'use client';\n\nimport { useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldValues,\n  type UseControllerProps,\n  useFormContext,\n} from 'react-hook-form';\n\nimport { Calendar } from '@/ui/calendar';\nimport {\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/ui/form';\nimport { InputDateField } from '@/ui/input-date-field';\nimport { InputHelp } from '@/ui/input-help';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ui/popover';\n\nimport { cn } from '@/lib/utils';\nimport { ptBR } from 'date-fns/locale';\nimport type { Matcher } from 'react-day-picker';\n\nexport interface DateFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> extends Omit<UseControllerProps<TFieldValues, TFieldName>, 'disabled'> {\n  label: string;\n  description?: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: Matcher | Matcher[] | undefined;\n  inputDisabled?: boolean;\n  initialValue?: Date;\n  endMonth?: Date;\n  required?: boolean;\n  help?: string;\n}\n\nfunction DateField<\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  name,\n  label,\n  description,\n  inputDisabled,\n  endMonth,\n  className,\n  disabled,\n  initialValue,\n  required,\n  help,\n}: DateFieldProps<TFieldValues, TFieldName>) {\n  const form = useFormContext();\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <FormField\n      control={form.control}\n      defaultValue={initialValue as any}\n      name={name}\n      render={({ field, fieldState }) => (\n        <FormItem className={className} id={`date-${name.replace('.', '-')}`}>\n          <div className=\"flex items-end gap-1.5\">\n            <FormLabel htmlFor={name}>\n              {label}:\n              {required && (\n                <span className=\"text-red-500 text-lg leading-[1px]\">*</span>\n              )}\n            </FormLabel>\n\n            <InputHelp help={help} name={name} />\n          </div>\n\n          <Popover onOpenChange={setIsOpen} open={!inputDisabled && isOpen}>\n            <PopoverTrigger\n              className=\"w-full mt-0! outline-hidden\"\n              onClick={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              tabIndex={-1}\n            >\n              <InputDateField\n                className={cn(fieldState.error && 'border-destructive')}\n                disabled={inputDisabled}\n                field={field}\n                id={name}\n                onFinish={() => setIsOpen(false)}\n                onFocus={() => setIsOpen(true)}\n              />\n            </PopoverTrigger>\n            <PopoverContent\n              className=\"flex justify-center w-fit p-0\"\n              onOpenAutoFocus={(e) => e.preventDefault()}\n            >\n              <Calendar\n                defaultMonth={field.value || new Date()}\n                disabled={disabled}\n                endMonth={endMonth}\n                key={`${name}-${field.value?.toString()}`}\n                locale={ptBR}\n                mode=\"single\"\n                onSelect={(date) => {\n                  field.onChange(date);\n                  setIsOpen(false);\n                }}\n                selected={field.value}\n              />\n            </PopoverContent>\n          </Popover>\n\n          <FormDescription>{description}</FormDescription>\n          {fieldState.error && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  );\n}\n\nexport { DateField };\n"],"mappings":"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"}

package/dist/{input-B9ebQkfm.mjs → input-Bs61WBGW.js}

@@ -1,4 +1,4 @@
-import { t as cn } from "./utils-CG5oGEBQ.mjs";
+import { t as cn } from "./utils-C8_amEgK.js";
 import { jsx } from "react/jsx-runtime";
 import inputmask from "inputmask";
 
@@ -119,7 +119,7 @@ function withMask(mask, options) {
 
 //#endregion
 //#region src/components/ui/input.tsx
-function Input({ className, type, ...props }) {
+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",
@@ -130,4 +130,4 @@ function Input({ className, type, ...props }) {
 
 //#endregion
 export { withMask as n, Input as t };
-//# sourceMappingURL=input-B9ebQkfm.mjs.map
+//# sourceMappingURL=input-Bs61WBGW.js.map

package/dist/input-Bs61WBGW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-Bs61WBGW.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-BO1s6Ca6.mjs → input-help-BRDK0-yu.js}

@@ -1,6 +1,6 @@
-import { t as cn } from "./utils-CG5oGEBQ.mjs";
-import { t as Label } from "./label-ofBNlnV2.mjs";
-import { useFormContext, useFormState } from "react-hook-form";
+import { t as cn } from "./utils-C8_amEgK.js";
+import { t as Label } from "./label-Bkg7B2j8.js";
+import { Controller, useFormContext, useFormState } from "react-hook-form";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info } from "lucide-react";
@@ -16,6 +16,12 @@ const useFormContextSubmit = () => {
 	if (!context) return {};
 	return context;
 };
+const FormField = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
+};
 const useFormField = () => {
 	const fieldContext = React.useContext(FormFieldContext);
 	const itemContext = React.useContext(FormItemContext);
@@ -34,7 +40,7 @@ const useFormField = () => {
 	};
 };
 const FormItemContext = React.createContext({});
-function FormItem({ className, ...props }) {
+function FormItem({ className,...props }) {
 	const id = React.useId();
 	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
 		value: { id },
@@ -45,7 +51,7 @@ function FormItem({ className, ...props }) {
 		})
 	});
 }
-function FormLabel({ className, ...props }) {
+function FormLabel({ className,...props }) {
 	const { error, formItemId } = useFormField();
 	return /* @__PURE__ */ jsx(Label, {
 		className: cn("data-[error=true]:text-destructive", className),
@@ -55,7 +61,16 @@ function FormLabel({ className, ...props }) {
 		...props
 	});
 }
-function FormMessage({ className, ...props }) {
+function FormDescription({ className,...props }) {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "form-description",
+		id: formDescriptionId,
+		...props
+	});
+}
+function FormMessage({ className,...props }) {
 	const { error, formMessageId } = useFormField();
 	const body = error ? String(error?.message ?? "") : props.children;
 	if (!body) return null;
@@ -70,7 +85,7 @@ function FormMessage({ className, ...props }) {
 
 //#endregion
 //#region src/components/ui/tooltip.tsx
-function TooltipProvider({ delayDuration = 0, ...props }) {
+function TooltipProvider({ delayDuration = 0,...props }) {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration,
@@ -89,7 +104,7 @@ function TooltipTrigger({ ...props }) {
 		...props
 	});
 }
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+function TooltipContent({ className, sideOffset = 0, children,...props }) {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
 		className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
 		"data-slot": "tooltip-content",
@@ -136,5 +151,5 @@ const InputHelp = ({ help, name, className }) => {
 };
 
 //#endregion
-export { FormMessage as i, FormItem as n, FormLabel as r, InputHelp as t };
-//# sourceMappingURL=input-help-BO1s6Ca6.mjs.map
+export { FormLabel as a, FormItem as i, FormDescription as n, FormMessage as o, FormField as r, InputHelp as t };
+//# sourceMappingURL=input-help-BRDK0-yu.js.map