maquinaweb-ui 2.64.0 → 2.65.0

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,30 @@
+import { createRequire } from "node:module";
+
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function() {
+	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+//#endregion
+export { __commonJS, __require, __toESM };

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

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

package/dist/container-animation/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/container-animation.js

@@ -0,0 +1,57 @@
+'use client';
+
+
+import { cn } from "../src/lib/utils.js";
+import { useInView } from "../node_modules/framer-motion/dist/es/utils/use-in-view.js";
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as motion from "motion/react-m";
+
+//#region src/components/container-animation/container-animation.tsx
+const getVariants = (position, space, delay) => {
+	const directions = {
+		top: { transform: `translateY(${space}px)` },
+		bottom: { transform: `translateY(-${space}px)` },
+		left: { transform: `translateX(${space}px)` },
+		right: { transform: `translateX(-${space}px)` }
+	};
+	return {
+		hidden: {
+			opacity: 0,
+			filter: "blur(6px)",
+			...directions[position] || directions.top
+		},
+		visible: {
+			opacity: 1,
+			filter: "blur(0px)",
+			transform: "translateY(0px) translateX(0px)",
+			transition: {
+				delay,
+				duration: .5,
+				staggerChildren: .1
+			}
+		}
+	};
+};
+const ContainerAnimation = ({ className, children, position = "top", delay = 0, space = 20, duration = .8, as: As = "div", distance = [95, 5], hideNotInView = false,...props }) => {
+	const ref = useRef(null);
+	const isInView = useInView(ref, {
+		once: true,
+		margin: `-${100 - (distance[0] || 0)}% 0% -${distance[1] || 0}% 0%`
+	});
+	const variants = getVariants(position, space, delay);
+	return /* @__PURE__ */ jsx(motion.div, {
+		animate: isInView ? "visible" : "hidden",
+		className: cn("initial-opacity", className),
+		initial: "hidden",
+		transition: { duration },
+		variants,
+		...props,
+		ref,
+		children: (!hideNotInView || isInView) && children
+	});
+};
+
+//#endregion
+export { ContainerAnimation };
+//# sourceMappingURL=container-animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-animation.js","names":[],"sources":["../../src/components/container-animation/container-animation.tsx"],"sourcesContent":["'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"],"mappings":";;;;;;;;;;AAQA,MAAM,eACJ,UACA,OACA,UACG;CACH,MAAM,aAAa;EACjB,KAAK,EACH,WAAW,cAAc,MAAM,MAChC;EACD,QAAQ,EACN,WAAW,eAAe,MAAM,MACjC;EACD,MAAM,EACJ,WAAW,cAAc,MAAM,MAChC;EACD,OAAO,EACL,WAAW,eAAe,MAAM,MACjC;EACF;AAID,QAAO;EACL,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,GANQ,WAAW,aAAa,WAAW;GAO5C;EACD,SAAS;GACP,SAAS;GACT,QAAQ;GACR,WAAW;GACX,YAAY;IACV;IACA,UAAU;IACV,iBAAiB;IAClB;GACF;EACF;;AAgBH,MAAM,sBAAqD,EACzD,WACA,UACA,WAAW,OACX,QAAQ,GACR,QAAQ,IACR,WAAW,IACX,IAAI,KAAK,OACT,WAAW,CAAC,IAAI,EAAE,EAClB,gBAAgB,MAChB,GAAG,YAC6B;CAChC,MAAM,MAAM,OAAoB,KAAK;CACrC,MAAM,WAAW,UAAU,KAAK;EAC9B,MAAM;EACN,QACE,IAAI,OAAO,SAAS,MAAM,GAAG,QAAS,SAAS,MAAiB,EAAE;EACrE,CAAC;CAEF,MAAM,WAAW,YAAY,UAAU,OAAO,MAAM;AAEpD,QACE,oBAAC,OAAO;EACN,SAAS,WAAW,YAAY;EAChC,WAAW,GAAG,mBAAmB,UAAU;EAC3C,SAAQ;EACR,YAAY,EAAE,UAAU;EACd;EACV,GAAI;EACC;aAEH,CAAC,iBAAiB,aAAa;GACtB"}

package/dist/container-animation.d.ts

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

package/dist/container-animation.js

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

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

@@ -0,0 +1,35 @@
+import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
+import * as react_jsx_runtime0 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;
+  /** Quando true, o valor será formatado como string YYYY-MM-DD ao invés de Date com horário */
+  dateOnly?: boolean;
+}
+declare function DateField<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  name,
+  label,
+  description,
+  inputDisabled,
+  endMonth,
+  className,
+  disabled,
+  initialValue,
+  required,
+  help,
+  dateOnly
+}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DateField, DateFieldProps };
+//# sourceMappingURL=DateField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","names":[],"sources":["../../src/components/date-field/DateField.tsx"],"sourcesContent":[],"mappings":";;;;;UA4BiB,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;EAAc;EAAjC,QAAA,CAAA,EAAA,OAAA;;iBAeN,SAVc,CAAA,qBAWA,WAXA,GAWc,WAXd,EAAA,mBAYF,SAZE,CAYQ,YAZR,CAAA,GAYwB,SAZxB,CAYkC,YAZlC,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAyBpB,cAzBoB,CAyBL,YAzBK,EAyBS,UAzBT,CAAA,CAAA,EAyBoB,kBAAA,CAAA,GAAA,CAAA,OAzBpB"}

package/dist/date-field/DateField.js

@@ -0,0 +1,99 @@
+'use client';
+
+
+import { cn } from "../src/lib/utils.js";
+import { FormDescription, FormFieldContext, FormItem, FormLabel, FormMessage } from "../ui/form.js";
+import { InputHelp } from "../ui/input-help.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { Calendar } from "../ui/calendar.js";
+import { InputDateField } from "../ui/input-date-field.js";
+import { useController, useFormContext } from "react-hook-form";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ptBR } from "date-fns/locale";
+
+//#region src/components/date-field/DateField.tsx
+function DateField({ name, label, description, inputDisabled, endMonth, className, disabled, initialValue, required, help, dateOnly }) {
+	const form = useFormContext();
+	const { field, fieldState } = useController({
+		name,
+		defaultValue: initialValue,
+		rules: { required },
+		control: form.control
+	});
+	const [isOpen, setIsOpen] = useState(false);
+	const handleSelect = (date) => {
+		if (dateOnly && date) {
+			const year = date.getFullYear();
+			const month = String(date.getMonth() + 1).padStart(2, "0");
+			const day = String(date.getDate()).padStart(2, "0");
+			field.onChange(`${year}-${month}-${day}`);
+		} else field.onChange(date);
+		setIsOpen(false);
+	};
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name },
+		children: /* @__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"),
+							dateOnly,
+							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: handleSelect,
+							selected: field.value
+						}, `${name}-${field.value?.toString()}`)
+					})]
+				}),
+				/* @__PURE__ */ jsx(FormDescription, { children: description }),
+				fieldState.error && /* @__PURE__ */ jsx(FormMessage, {})
+			]
+		})
+	});
+}
+
+//#endregion
+export { DateField };
+//# sourceMappingURL=DateField.js.map

package/dist/date-field/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","names":[],"sources":["../../src/components/date-field/DateField.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\n\nimport { Calendar } from '@/ui/calendar';\nimport {\n  FormDescription,\n  FormFieldContext,\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  /** Quando true, o valor será formatado como string YYYY-MM-DD ao invés de Date com horário */\n  dateOnly?: boolean;\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  dateOnly,\n}: DateFieldProps<TFieldValues, TFieldName>) {\n  const form = useFormContext();\n  const { field, fieldState } = useController({\n    name,\n    defaultValue: initialValue as any,\n    rules: { required },\n    control: form.control,\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n  const handleSelect = (date: Date | undefined) => {\n    if (dateOnly && date) {\n      const year = date.getFullYear();\n      const month = String(date.getMonth() + 1).padStart(2, '0');\n      const day = String(date.getDate()).padStart(2, '0');\n      field.onChange(`${year}-${month}-${day}`);\n    } else {\n      field.onChange(date);\n    }\n    setIsOpen(false);\n  };\n\n  return (\n    <FormFieldContext.Provider value={{ name }}>\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              dateOnly={dateOnly}\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={handleSelect}\n              selected={field.value}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <FormDescription>{description}</FormDescription>\n        {fieldState.error && <FormMessage />}\n      </FormItem>\n    </FormFieldContext.Provider>\n  );\n}\n\nexport { DateField };\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,SAAS,UAGP,EACA,MACA,OACA,aACA,eACA,UACA,WACA,UACA,cACA,UACA,MACA,YAC2C;CAC3C,MAAM,OAAO,gBAAgB;CAC7B,MAAM,EAAE,OAAO,eAAe,cAAc;EAC1C;EACA,cAAc;EACd,OAAO,EAAE,UAAU;EACnB,SAAS,KAAK;EACf,CAAC;CAEF,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,gBAAgB,SAA2B;AAC/C,MAAI,YAAY,MAAM;GACpB,MAAM,OAAO,KAAK,aAAa;GAC/B,MAAM,QAAQ,OAAO,KAAK,UAAU,GAAG,EAAE,CAAC,SAAS,GAAG,IAAI;GAC1D,MAAM,MAAM,OAAO,KAAK,SAAS,CAAC,CAAC,SAAS,GAAG,IAAI;AACnD,SAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM;QAEzC,OAAM,SAAS,KAAK;AAEtB,YAAU,MAAM;;AAGlB,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM;YACxC,qBAAC;GAAoB;GAAW,IAAI,QAAQ,KAAK,QAAQ,KAAK,IAAI;;IAChE,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAU,SAAS;;OACjB;OAAM;OACN,YACC,oBAAC;QAAK,WAAU;kBAAqC;SAAQ;;OAErD,EAEZ,oBAAC;MAAgB;MAAY;OAAQ;MACjC;IAEN,qBAAC;KAAQ,cAAc;KAAW,MAAM,CAAC,iBAAiB;gBACxD,oBAAC;MACC,WAAU;MACV,UAAU,UAAU;AAClB,aAAM,gBAAgB;AACtB,aAAM,iBAAiB;;MAEzB,UAAU;gBAEV,oBAAC;OACC,WAAW,GAAG,WAAW,SAAS,qBAAqB;OAC7C;OACV,UAAU;OACH;OACP,IAAI;OACJ,gBAAgB,UAAU,MAAM;OAChC,eAAe,UAAU,KAAK;QAC9B;OACa,EACjB,oBAAC;MACC,WAAU;MACV,kBAAkB,MAAM,EAAE,gBAAgB;gBAE1C,oBAAC;OACC,cAAc,MAAM,yBAAS,IAAI,MAAM;OAC7B;OACA;OAEV,QAAQ;OACR,MAAK;OACL,UAAU;OACV,UAAU,MAAM;SAJX,GAAG,KAAK,GAAG,MAAM,OAAO,UAAU,GAKvC;OACa;MACT;IAEV,oBAAC,6BAAiB,cAA8B;IAC/C,WAAW,SAAS,oBAAC,gBAAc;;IAC3B;GACe"}

package/dist/date-field.d.ts

@@ -1,35 +1,2 @@
-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;
-  /** Quando true, o valor será formatado como string YYYY-MM-DD ao invés de Date com horário */
-  dateOnly?: boolean;
-}
-declare function DateField<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
-  name,
-  label,
-  description,
-  inputDisabled,
-  endMonth,
-  className,
-  disabled,
-  initialValue,
-  required,
-  help,
-  dateOnly
-}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime4.JSX.Element;
-//#endregion
-export { DateField, type DateFieldProps };
-//# sourceMappingURL=date-field.d.ts.map
+import { DateField, DateFieldProps } from "./date-field/DateField.js";
+export { DateField, type DateFieldProps };

package/dist/date-field.js

@@ -1,100 +1,6 @@
 'use client';
 
 
-import { t as cn } from "./utils-C8_amEgK.js";
-import "./label-Bkg7B2j8.js";
-import "./input-Bs61WBGW.js";
-import { a as FormLabel, i as FormItem, n as FormDescription, o as FormMessage, r as FormFieldContext, t as InputHelp } from "./input-help-D1JqF0YH.js";
-import "./button-B3nLhVyZ.js";
-import { n as PopoverContent, r as PopoverTrigger, t as Popover } from "./popover-D9IIn0lW.js";
-import { n as Calendar, t as InputDateField } from "./input-date-field-DToF0FmE.js";
-import { useController, useFormContext } from "react-hook-form";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ptBR } from "date-fns/locale";
+import { DateField } from "./date-field/DateField.js";
 
-//#region src/components/date-field/DateField.tsx
-function DateField({ name, label, description, inputDisabled, endMonth, className, disabled, initialValue, required, help, dateOnly }) {
-	const form = useFormContext();
-	const { field, fieldState } = useController({
-		name,
-		defaultValue: initialValue,
-		rules: { required },
-		control: form.control
-	});
-	const [isOpen, setIsOpen] = useState(false);
-	const handleSelect = (date) => {
-		if (dateOnly && date) {
-			const year = date.getFullYear();
-			const month = String(date.getMonth() + 1).padStart(2, "0");
-			const day = String(date.getDate()).padStart(2, "0");
-			field.onChange(`${year}-${month}-${day}`);
-		} else field.onChange(date);
-		setIsOpen(false);
-	};
-	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
-		value: { name },
-		children: /* @__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"),
-							dateOnly,
-							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: handleSelect,
-							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
+export { DateField };

package/dist/date-hour-field/DateHourField.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateHourField.d.ts","names":[],"sources":["../../src/components/date-hour-field/DateHourField.tsx"],"sourcesContent":[],"mappings":";;;;;UA4CiB,wCACM,cAAc,gCAChB,UAAU,gBAAgB,UAAU,uBAC/C,KAAK,mBAAmB,cAAc;;;EAH/B,SAAA,CAAA,EAAA,MAAA;EACM,QAAA,CAAA,EAMV,OANU,GAMA,OANA,EAAA,GAAA,SAAA;EAAc,aAAA,CAAA,EAAA,OAAA;EACN,YAAA,CAAA,EAOd,IAPc;EAAV,QAAA,CAAA,EAQR,IARQ;EAAoC,QAAA,CAAA,EAAA,OAAA;EAAV,IAAA,CAAA,EAAA,MAAA;EACb,eAAA,CAAA,EAAA,MAAA;EAAc,SAAA,CAAA,EAAA,MAAA,GAAA,cAAA;;iBAcvC,aAVI,CAAA,qBAWU,WAXV,GAWwB,WAXxB,EAAA,mBAYQ,SAZR,CAYkB,YAZlB,CAAA,GAYkC,SAZlC,CAY4C,YAZ5C,CAAA,CAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,IAAA;EAAA,eAAA;EAAA;AAAA,CAAA,EA0BV,kBA1BU,CA0BS,YA1BT,EA0BuB,UA1BvB,CAAA,CAAA,EA0BkC,mBAAA,CAAA,GAAA,CAAA,OA1BlC"}