maquinaweb-ui 2.57.2 → 2.59.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_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.ts.map

package/dist/date-field.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Matcher } from "react-day-picker";
 
 //#region src/components/date-field/DateField.d.ts
@@ -29,7 +29,7 @@ declare function DateField<TFieldValues extends FieldValues = FieldValues, TFiel
   required,
   help,
   dateOnly
-}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime4.JSX.Element;
+}: DateFieldProps<TFieldValues, TFieldName>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DateField, type DateFieldProps };
 //# sourceMappingURL=date-field.d.ts.map

package/dist/date-field.js

@@ -3,215 +3,16 @@
 
 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 "./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 { n as buttonVariants, t as Button } from "./button-B3nLhVyZ.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 * as React from "react";
-import { useEffect, useState } from "react";
+import { 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, dateOnly,...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)) {
-				if (dateOnly) {
-					const year = parsedDate.getFullYear();
-					const monthStr = String(parsedDate.getMonth() + 1).padStart(2, "0");
-					const dayStr = String(parsedDate.getDate()).padStart(2, "0");
-					field.onChange(`${year}-${monthStr}-${dayStr}`);
-				} else field.onChange(parsedDate);
-				onFinish?.();
-			}
-		}
-	};
-	useEffect(() => {
-		if (field.value) {
-			const value = typeof field.value === "string" ? parse(field.value, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : field.value;
-			if (isValid(value)) setInputValue(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, dateOnly }) {
 	const form = useFormContext();

package/dist/date-field.js.map

@@ -1 +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    dateOnly?: boolean;\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    dateOnly?: boolean;\n  } & ComponentProps<typeof Input>\n> = ({ field, disabled, onFinish, id, dateOnly, ...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        if (dateOnly) {\n          const year = parsedDate.getFullYear();\n          const monthStr = String(parsedDate.getMonth() + 1).padStart(2, '0');\n          const dayStr = String(parsedDate.getDate()).padStart(2, '0');\n          field.onChange(`${year}-${monthStr}-${dayStr}`);\n        } else {\n          field.onChange(parsedDate);\n        }\n        onFinish?.();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (field.value) {\n      const value =\n        typeof field.value === 'string'\n          ? parse(field.value, 'yyyy-MM-dd', new Date())\n          : field.value;\n\n      if (isValid(value)) {\n        setInputValue(value.toLocaleDateString('pt-BR'));\n      }\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  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":"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"}
+{"version":3,"file":"date-field.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-hour-field.d.ts

@@ -0,0 +1,35 @@
+import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
+import * as react_jsx_runtime9 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_runtime9.JSX.Element;
+//#endregion
+export { DateHourField, type DateHourFieldProps };
+//# sourceMappingURL=date-hour-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-hour-field.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,kBAAA,CAAA,GAAA,CAAA,OA1BlC"}

package/dist/date-hour-field.js

@@ -0,0 +1,332 @@
+'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 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 { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { format, isValid, parse, parseISO } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { WheelGesturesPlugin } from "embla-carousel-wheel-gestures";
+import useEmblaCarousel from "embla-carousel-react";
+
+//#region src/components/date-hour-field/date-hour-field.utils.ts
+const HOUR_OPTIONS = Array.from({ length: 24 }, (_, index) => String(index).padStart(2, "0"));
+const MINUTE_OPTIONS = Array.from({ length: 60 }, (_, index) => String(index).padStart(2, "0"));
+const parseTime = (value) => {
+	const match = value.match(/^(\d{2}):(\d{2})$/);
+	if (!match) return void 0;
+	const hours = Number(match[1]);
+	const minutes = Number(match[2]);
+	if (Number.isNaN(hours) || Number.isNaN(minutes) || hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return;
+	return {
+		hours,
+		minutes
+	};
+};
+const sanitizeTimeInput = (value) => {
+	const [hoursRaw = "", minutesRaw = ""] = value.split(":");
+	const hasColon = value.includes(":");
+	let hours = hoursRaw;
+	let minutes = minutesRaw;
+	if (hours.length === 2) {
+		const parsedHours = Number(hours);
+		if (!Number.isNaN(parsedHours) && parsedHours > 23) hours = "23";
+	}
+	if (minutes.length === 2) {
+		const parsedMinutes = Number(minutes);
+		if (!Number.isNaN(parsedMinutes) && parsedMinutes > 59) minutes = "59";
+	}
+	if (!hasColon) return hours;
+	return `${hours}:${minutes}`;
+};
+const normalizeDateValue = (value) => {
+	if (!value) return void 0;
+	if (value instanceof Date) return isValid(value) ? value : void 0;
+	if (typeof value === "string") {
+		const parsedLocalDateTimeWithSeconds = parse(value, "yyyy-MM-dd HH:mm:ss", /* @__PURE__ */ new Date());
+		if (isValid(parsedLocalDateTimeWithSeconds)) return parsedLocalDateTimeWithSeconds;
+		const parsedLocalDateTime = parse(value, "yyyy-MM-dd HH:mm", /* @__PURE__ */ new Date());
+		if (isValid(parsedLocalDateTime)) return parsedLocalDateTime;
+		const parsedIso = parseISO(value);
+		if (isValid(parsedIso)) return parsedIso;
+		const parsedDateOnly = parse(value, "yyyy-MM-dd", /* @__PURE__ */ new Date());
+		if (isValid(parsedDateOnly)) return parsedDateOnly;
+		const parsedAsDate = new Date(value);
+		if (isValid(parsedAsDate)) return parsedAsDate;
+	}
+};
+const formatTimeValue = (hours, minutes) => {
+	return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`;
+};
+const formatDateTimeAsTime = (date) => {
+	return formatTimeValue(date.getHours(), date.getMinutes());
+};
+const formatDateTimeAsLocalString = (date) => {
+	return format(date, "yyyy-MM-dd HH:mm:ss");
+};
+const getFallbackTime = (fallbackDate) => {
+	if (fallbackDate) return {
+		hours: fallbackDate.getHours(),
+		minutes: fallbackDate.getMinutes()
+	};
+	const now = /* @__PURE__ */ new Date();
+	return {
+		hours: now.getHours(),
+		minutes: now.getMinutes()
+	};
+};
+const mergeDateAndTime = (selectedDate, timeValue, fallbackDate) => {
+	const mergedDate = new Date(selectedDate);
+	const parsedTime = parseTime(timeValue) ?? getFallbackTime(fallbackDate);
+	mergedDate.setHours(parsedTime.hours, parsedTime.minutes, 0, 0);
+	return mergedDate;
+};
+
+//#endregion
+//#region src/components/date-hour-field/time-wheel-column.tsx
+function TimeWheelColumn({ isOpen, label, options, selectedValue, onSelect }) {
+	const [emblaRef, emblaApi] = useEmblaCarousel({
+		axis: "y",
+		align: "center",
+		containScroll: "keepSnaps",
+		dragFree: true
+	}, useMemo(() => [WheelGesturesPlugin()], []));
+	useEffect(() => {
+		if (!emblaApi || !isOpen) return;
+		emblaApi.reInit();
+		if (selectedValue === void 0) {
+			emblaApi.scrollTo(0, true);
+			return;
+		}
+		emblaApi.scrollTo(selectedValue, true);
+	}, [
+		emblaApi,
+		isOpen,
+		selectedValue
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative w-16",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mb-2 text-[11px] font-semibold tracking-[0.12em] uppercase",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-6 z-20 h-12 bg-linear-to-b from-popover to-transparent" }),
+			/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-12 bg-linear-to-t from-popover to-transparent" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "h-48 overflow-hidden",
+				ref: emblaRef,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex h-full flex-col gap-1 py-4",
+					children: options.map((optionLabel) => /* @__PURE__ */ jsx("div", {
+						className: "shrink-0 basis-8 ",
+						children: /* @__PURE__ */ jsx("button", {
+							className: cn("h-full w-full rounded-md  text-xs font-medium transition-colors", selectedValue === Number(optionLabel) ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background hover:bg-accent hover:text-accent-foreground"),
+							onClick: () => onSelect(optionLabel),
+							type: "button",
+							children: optionLabel
+						})
+					}, optionLabel))
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/date-hour-field/DateHourField.tsx
+function DateHourField({ name, label, description, inputDisabled, endMonth, className, disabled, initialValue, required, help, hourPlaceholder = "Hora", valueType = "local-string" }) {
+	const form = useFormContext();
+	const { field, fieldState } = useController({
+		name,
+		defaultValue: initialValue,
+		rules: { required },
+		control: form.control
+	});
+	const [isOpen, setIsOpen] = useState(false);
+	const [timeValue, setTimeValue] = useState("");
+	const valueAsDate = normalizeDateValue(field.value);
+	const selectedTime = parseTime(timeValue);
+	useEffect(() => {
+		if (!valueAsDate) {
+			setTimeValue("");
+			return;
+		}
+		const nextValue = formatDateTimeAsTime(valueAsDate);
+		setTimeValue((currentValue) => currentValue === nextValue ? currentValue : nextValue);
+	}, [valueAsDate]);
+	const updateFieldTime = (timePatch) => {
+		const fallbackTime = getFallbackTime(valueAsDate);
+		const baseTime = selectedTime ?? fallbackTime;
+		const nextTime = {
+			hours: baseTime.hours,
+			minutes: baseTime.minutes,
+			...timePatch
+		};
+		const nextDate = new Date(valueAsDate ?? /* @__PURE__ */ new Date());
+		nextDate.setHours(nextTime.hours, nextTime.minutes, 0, 0);
+		setTimeValue(formatTimeValue(nextTime.hours, nextTime.minutes));
+		if (valueType === "local-string") {
+			field.onChange(formatDateTimeAsLocalString(nextDate));
+			return;
+		}
+		field.onChange(nextDate);
+	};
+	const handleDateSelect = (date) => {
+		if (!date) {
+			setTimeValue("");
+			field.onChange(void 0);
+			return;
+		}
+		const mergedDate = mergeDateAndTime(date, timeValue, valueAsDate);
+		setTimeValue(formatDateTimeAsTime(mergedDate));
+		if (valueType === "local-string") {
+			field.onChange(formatDateTimeAsLocalString(mergedDate));
+			return;
+		}
+		field.onChange(mergedDate);
+	};
+	const handleTimeInputChange = (nextValue) => {
+		const sanitizedValue = sanitizeTimeInput(nextValue);
+		setTimeValue(sanitizedValue);
+		if (sanitizedValue.length !== 5) return;
+		const parsedTime = parseTime(sanitizedValue);
+		if (!parsedTime) return;
+		updateFieldTime(parsedTime);
+	};
+	const handleHourSelect = (hourLabel) => {
+		const selectedHourValue = Number(hourLabel);
+		if (Number.isNaN(selectedHourValue)) return;
+		updateFieldTime({ hours: selectedHourValue });
+	};
+	const handleMinuteSelect = (minuteLabel) => {
+		const selectedMinuteValue = Number(minuteLabel);
+		if (Number.isNaN(selectedMinuteValue)) return;
+		updateFieldTime({ minutes: selectedMinuteValue });
+	};
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name },
+		children: /* @__PURE__ */ jsxs(FormItem, {
+			className,
+			id: `date-hour-${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-px",
+								children: "*"
+							})
+						]
+					}), /* @__PURE__ */ jsx(InputHelp, {
+						help,
+						name
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Popover, {
+					onOpenChange: setIsOpen,
+					open: !inputDisabled && isOpen,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex w-full items-center",
+							onClick: (event) => {
+								event.preventDefault();
+								event.stopPropagation();
+							},
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "w-full",
+								children: /* @__PURE__ */ jsx(InputDateField, {
+									className: cn("border-r-0! rounded-r-none", fieldState.error && "border-destructive"),
+									disabled: inputDisabled,
+									field: {
+										...field,
+										onChange(nextValue) {
+											const normalizedDate = normalizeDateValue(nextValue);
+											if (!normalizedDate) {
+												setTimeValue("");
+												field.onChange(void 0);
+												return;
+											}
+											const mergedDate = mergeDateAndTime(normalizedDate, timeValue, valueAsDate);
+											setTimeValue(formatDateTimeAsTime(mergedDate));
+											if (valueType === "local-string") {
+												field.onChange(formatDateTimeAsLocalString(mergedDate));
+												return;
+											}
+											field.onChange(mergedDate);
+										},
+										value: valueAsDate
+									},
+									id: name,
+									onFocus: () => setIsOpen(true)
+								})
+							}), /* @__PURE__ */ jsx(Input, {
+								className: cn("w-28 min-w-28 border-l rounded-l-none", fieldState.error && "border-destructive"),
+								disabled: inputDisabled,
+								id: `${name}-hour`,
+								onChange: (event) => handleTimeInputChange(event.target.value),
+								onFocus: () => setIsOpen(true),
+								placeholder: hourPlaceholder,
+								ref: withMask("99:99", {
+									clearMaskOnLostFocus: true,
+									showMaskOnFocus: false,
+									showMaskOnHover: false,
+									undoOnEscape: false
+								}),
+								value: timeValue
+							})]
+						})
+					}), /* @__PURE__ */ jsxs(PopoverContent, {
+						className: "flex w-fit gap-2 p-0 items-center",
+						onOpenAutoFocus: (event) => event.preventDefault(),
+						children: [/* @__PURE__ */ jsx(Calendar, {
+							defaultMonth: valueAsDate || /* @__PURE__ */ new Date(),
+							disabled,
+							endMonth,
+							locale: ptBR,
+							mode: "single",
+							onSelect: handleDateSelect,
+							selected: valueAsDate
+						}, `${name}-${valueAsDate?.toString()}-${timeValue}`), /* @__PURE__ */ jsx("div", {
+							className: "relative shrink-0 my-auto border-l p-3 pr-3 ",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ jsx(TimeWheelColumn, {
+									isOpen,
+									label: "Hora",
+									onSelect: handleHourSelect,
+									options: HOUR_OPTIONS,
+									selectedValue: selectedTime?.hours
+								}), /* @__PURE__ */ jsx(TimeWheelColumn, {
+									isOpen,
+									label: "Min",
+									onSelect: handleMinuteSelect,
+									options: MINUTE_OPTIONS,
+									selectedValue: selectedTime?.minutes
+								})]
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx(FormDescription, { children: description }),
+				fieldState.error && /* @__PURE__ */ jsx(FormMessage, {})
+			]
+		})
+	});
+}
+
+//#endregion
+export { DateHourField };
+//# sourceMappingURL=date-hour-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-hour-field.js","names":[],"sources":["../src/components/date-hour-field/date-hour-field.utils.ts","../src/components/date-hour-field/time-wheel-column.tsx","../src/components/date-hour-field/DateHourField.tsx"],"sourcesContent":["import { format, isValid, parse, parseISO } from 'date-fns';\n\nexport type ParsedTime = {\n  hours: number;\n  minutes: number;\n};\n\nexport const HOUR_OPTIONS = Array.from({ length: 24 }, (_, index) =>\n  String(index).padStart(2, '0')\n);\n\nexport const MINUTE_OPTIONS = Array.from({ length: 60 }, (_, index) =>\n  String(index).padStart(2, '0')\n);\n\nexport const parseTime = (value: string): ParsedTime | undefined => {\n  const match = value.match(/^(\\d{2}):(\\d{2})$/);\n  if (!match) return undefined;\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n\n  if (\n    Number.isNaN(hours) ||\n    Number.isNaN(minutes) ||\n    hours < 0 ||\n    hours > 23 ||\n    minutes < 0 ||\n    minutes > 59\n  ) {\n    return undefined;\n  }\n\n  return { hours, minutes };\n};\n\nexport const sanitizeTimeInput = (value: string) => {\n  const [hoursRaw = '', minutesRaw = ''] = value.split(':');\n  const hasColon = value.includes(':');\n\n  let hours = hoursRaw;\n  let minutes = minutesRaw;\n\n  if (hours.length === 2) {\n    const parsedHours = Number(hours);\n    if (!Number.isNaN(parsedHours) && parsedHours > 23) {\n      hours = '23';\n    }\n  }\n\n  if (minutes.length === 2) {\n    const parsedMinutes = Number(minutes);\n    if (!Number.isNaN(parsedMinutes) && parsedMinutes > 59) {\n      minutes = '59';\n    }\n  }\n\n  if (!hasColon) return hours;\n  return `${hours}:${minutes}`;\n};\n\nexport const normalizeDateValue = (value: unknown): Date | undefined => {\n  if (!value) return undefined;\n\n  if (value instanceof Date) {\n    return isValid(value) ? value : undefined;\n  }\n\n  if (typeof value === 'string') {\n    const parsedLocalDateTimeWithSeconds = parse(\n      value,\n      'yyyy-MM-dd HH:mm:ss',\n      new Date()\n    );\n    if (isValid(parsedLocalDateTimeWithSeconds)) {\n      return parsedLocalDateTimeWithSeconds;\n    }\n\n    const parsedLocalDateTime = parse(value, 'yyyy-MM-dd HH:mm', new Date());\n    if (isValid(parsedLocalDateTime)) {\n      return parsedLocalDateTime;\n    }\n\n    const parsedIso = parseISO(value);\n    if (isValid(parsedIso)) return parsedIso;\n\n    const parsedDateOnly = parse(value, 'yyyy-MM-dd', new Date());\n    if (isValid(parsedDateOnly)) return parsedDateOnly;\n\n    const parsedAsDate = new Date(value);\n    if (isValid(parsedAsDate)) return parsedAsDate;\n  }\n\n  return undefined;\n};\n\nexport const formatTimeValue = (hours: number, minutes: number) => {\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n};\n\nexport const formatDateTimeAsTime = (date: Date) => {\n  return formatTimeValue(date.getHours(), date.getMinutes());\n};\n\nexport const formatDateTimeAsLocalString = (date: Date) => {\n  return format(date, 'yyyy-MM-dd HH:mm:ss');\n};\n\nexport const getFallbackTime = (fallbackDate?: Date): ParsedTime => {\n  if (fallbackDate) {\n    return {\n      hours: fallbackDate.getHours(),\n      minutes: fallbackDate.getMinutes(),\n    };\n  }\n\n  const now = new Date();\n  return {\n    hours: now.getHours(),\n    minutes: now.getMinutes(),\n  };\n};\n\nexport const mergeDateAndTime = (\n  selectedDate: Date,\n  timeValue: string,\n  fallbackDate?: Date\n) => {\n  const mergedDate = new Date(selectedDate);\n  const parsedTime = parseTime(timeValue) ?? getFallbackTime(fallbackDate);\n\n  mergedDate.setHours(parsedTime.hours, parsedTime.minutes, 0, 0);\n  return mergedDate;\n};\n","import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useEffect, useMemo } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype TimeWheelColumnProps = {\n  isOpen: boolean;\n  label: string;\n  options: string[];\n  selectedValue?: number;\n  onSelect: (value: string) => void;\n};\n\nfunction TimeWheelColumn({\n  isOpen,\n  label,\n  options,\n  selectedValue,\n  onSelect,\n}: TimeWheelColumnProps) {\n  const plugins = useMemo(() => [WheelGesturesPlugin()], []);\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    {\n      axis: 'y',\n      align: 'center',\n      containScroll: 'keepSnaps',\n      dragFree: true,\n    },\n    plugins\n  );\n\n  useEffect(() => {\n    if (!emblaApi || !isOpen) return;\n\n    emblaApi.reInit();\n\n    if (selectedValue === undefined) {\n      emblaApi.scrollTo(0, true);\n      return;\n    }\n\n    emblaApi.scrollTo(selectedValue, true);\n  }, [emblaApi, isOpen, selectedValue]);\n\n  return (\n    <div className=\"relative w-16\">\n      <p className=\"text-muted-foreground mb-2 text-[11px] font-semibold tracking-[0.12em] uppercase\">\n        {label}\n      </p>\n\n      <div className=\"pointer-events-none absolute inset-x-0 top-6 z-20 h-12 bg-linear-to-b from-popover to-transparent\" />\n      <div className=\"pointer-events-none absolute inset-x-0 bottom-0 z-20 h-12 bg-linear-to-t from-popover to-transparent\" />\n\n      <div className=\"h-48 overflow-hidden\" ref={emblaRef}>\n        <div className=\"flex h-full flex-col gap-1 py-4\">\n          {options.map((optionLabel) => (\n            <div className=\"shrink-0 basis-8 \" key={optionLabel}>\n              <button\n                className={cn(\n                  'h-full w-full rounded-md  text-xs font-medium transition-colors',\n                  selectedValue === Number(optionLabel)\n                    ? 'border-primary bg-primary text-primary-foreground'\n                    : 'border-border bg-background hover:bg-accent hover:text-accent-foreground'\n                )}\n                onClick={() => onSelect(optionLabel)}\n                type=\"button\"\n              >\n                {optionLabel}\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { TimeWheelColumn };\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport {\n  type FieldPath,\n  type FieldValues,\n  type UseControllerProps,\n  useController,\n  useFormContext,\n} from 'react-hook-form';\nimport withMask from '@/hooks/with-mask';\n\nimport { Calendar } from '@/ui/calendar';\nimport {\n  FormDescription,\n  FormFieldContext,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/ui/form';\nimport { Input } from '@/ui/input';\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';\nimport {\n  type ParsedTime,\n  HOUR_OPTIONS,\n  MINUTE_OPTIONS,\n  formatDateTimeAsTime,\n  formatDateTimeAsLocalString,\n  formatTimeValue,\n  getFallbackTime,\n  mergeDateAndTime,\n  normalizeDateValue,\n  parseTime,\n  sanitizeTimeInput,\n} from './date-hour-field.utils';\nimport { TimeWheelColumn } from './time-wheel-column';\n\nexport interface DateHourFieldProps<\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  className?: string;\n  disabled?: Matcher | Matcher[] | undefined;\n  inputDisabled?: boolean;\n  initialValue?: Date;\n  endMonth?: Date;\n  required?: boolean;\n  help?: string;\n  hourPlaceholder?: string;\n  valueType?: 'date' | 'local-string';\n}\n\nfunction DateHourField<\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  hourPlaceholder = 'Hora',\n  valueType = 'local-string',\n}: DateHourFieldProps<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 [timeValue, setTimeValue] = useState('');\n\n  const valueAsDate = normalizeDateValue(field.value);\n  const selectedTime = parseTime(timeValue);\n\n  useEffect(() => {\n    if (!valueAsDate) {\n      setTimeValue('');\n      return;\n    }\n\n    const nextValue = formatDateTimeAsTime(valueAsDate);\n    setTimeValue((currentValue) =>\n      currentValue === nextValue ? currentValue : nextValue\n    );\n  }, [valueAsDate]);\n\n  const updateFieldTime = (timePatch: Partial<ParsedTime>) => {\n    const fallbackTime = getFallbackTime(valueAsDate);\n    const baseTime = selectedTime ?? fallbackTime;\n\n    const nextTime = {\n      hours: baseTime.hours,\n      minutes: baseTime.minutes,\n      ...timePatch,\n    };\n\n    const nextDate = new Date(valueAsDate ?? new Date());\n    nextDate.setHours(nextTime.hours, nextTime.minutes, 0, 0);\n\n    setTimeValue(formatTimeValue(nextTime.hours, nextTime.minutes));\n    if (valueType === 'local-string') {\n      field.onChange(formatDateTimeAsLocalString(nextDate));\n      return;\n    }\n\n    field.onChange(nextDate);\n  };\n\n  const handleDateSelect = (date: Date | undefined) => {\n    if (!date) {\n      setTimeValue('');\n      field.onChange(undefined);\n      return;\n    }\n\n    const mergedDate = mergeDateAndTime(date, timeValue, valueAsDate);\n    setTimeValue(formatDateTimeAsTime(mergedDate));\n    if (valueType === 'local-string') {\n      field.onChange(formatDateTimeAsLocalString(mergedDate));\n      return;\n    }\n\n    field.onChange(mergedDate);\n  };\n\n  const handleTimeInputChange = (nextValue: string) => {\n    const sanitizedValue = sanitizeTimeInput(nextValue);\n    setTimeValue(sanitizedValue);\n\n    if (sanitizedValue.length !== 5) return;\n\n    const parsedTime = parseTime(sanitizedValue);\n    if (!parsedTime) return;\n\n    updateFieldTime(parsedTime);\n  };\n\n  const handleHourSelect = (hourLabel: string) => {\n    const selectedHourValue = Number(hourLabel);\n    if (Number.isNaN(selectedHourValue)) return;\n\n    updateFieldTime({ hours: selectedHourValue });\n  };\n\n  const handleMinuteSelect = (minuteLabel: string) => {\n    const selectedMinuteValue = Number(minuteLabel);\n    if (Number.isNaN(selectedMinuteValue)) return;\n\n    updateFieldTime({ minutes: selectedMinuteValue });\n  };\n\n  return (\n    <FormFieldContext.Provider value={{ name }}>\n      <FormItem\n        className={className}\n        id={`date-hour-${name.replace('.', '-')}`}\n      >\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-px\">*</span>\n            )}\n          </FormLabel>\n\n          <InputHelp help={help} name={name} />\n        </div>\n\n        <Popover onOpenChange={setIsOpen} open={!inputDisabled && isOpen}>\n          <PopoverTrigger asChild>\n            <div\n              className=\"flex w-full items-center\"\n              onClick={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n            >\n              <div className=\"w-full\">\n                <InputDateField\n                  className={cn(\n                    'border-r-0! rounded-r-none',\n                    fieldState.error && 'border-destructive'\n                  )}\n                  disabled={inputDisabled}\n                  field={{\n                    ...field,\n                    onChange(nextValue) {\n                      const normalizedDate = normalizeDateValue(nextValue);\n                      if (!normalizedDate) {\n                        setTimeValue('');\n                        field.onChange(undefined);\n                        return;\n                      }\n\n                      const mergedDate = mergeDateAndTime(\n                        normalizedDate,\n                        timeValue,\n                        valueAsDate\n                      );\n\n                      setTimeValue(formatDateTimeAsTime(mergedDate));\n                      if (valueType === 'local-string') {\n                        field.onChange(formatDateTimeAsLocalString(mergedDate));\n                        return;\n                      }\n\n                      field.onChange(mergedDate);\n                    },\n                    value: valueAsDate,\n                  }}\n                  id={name}\n                  onFocus={() => setIsOpen(true)}\n                />\n              </div>\n\n              <Input\n                className={cn(\n                  'w-28 min-w-28 border-l rounded-l-none',\n                  fieldState.error && 'border-destructive'\n                )}\n                disabled={inputDisabled}\n                id={`${name}-hour`}\n                onChange={(event) => handleTimeInputChange(event.target.value)}\n                onFocus={() => setIsOpen(true)}\n                placeholder={hourPlaceholder}\n                ref={\n                  withMask('99:99', {\n                    clearMaskOnLostFocus: true,\n                    showMaskOnFocus: false,\n                    showMaskOnHover: false,\n                    undoOnEscape: false,\n                  }) as any\n                }\n                value={timeValue}\n              />\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className=\"flex w-fit gap-2 p-0 items-center\"\n            onOpenAutoFocus={(event) => event.preventDefault()}\n          >\n            <Calendar\n              defaultMonth={valueAsDate || new Date()}\n              disabled={disabled}\n              endMonth={endMonth}\n              key={`${name}-${valueAsDate?.toString()}-${timeValue}`}\n              locale={ptBR}\n              mode=\"single\"\n              onSelect={handleDateSelect}\n              selected={valueAsDate}\n            />\n\n            <div className=\"relative shrink-0 my-auto border-l p-3 pr-3 \">\n              <div className=\"flex gap-2\">\n                <TimeWheelColumn\n                  isOpen={isOpen}\n                  label=\"Hora\"\n                  onSelect={handleHourSelect}\n                  options={HOUR_OPTIONS}\n                  selectedValue={selectedTime?.hours}\n                />\n\n                <TimeWheelColumn\n                  isOpen={isOpen}\n                  label=\"Min\"\n                  onSelect={handleMinuteSelect}\n                  options={MINUTE_OPTIONS}\n                  selectedValue={selectedTime?.minutes}\n                />\n              </div>\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        <FormDescription>{description}</FormDescription>\n        {fieldState.error && <FormMessage />}\n      </FormItem>\n    </FormFieldContext.Provider>\n  );\n}\n\nexport { DateHourField };\n"],"mappings":"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"}

package/dist/input-date-field-DToF0FmE.js

@@ -0,0 +1,208 @@
+import { t as cn } from "./utils-C8_amEgK.js";
+import { n as withMask, t as Input } from "./input-Bs61WBGW.js";
+import { n as buttonVariants, t as Button } from "./button-B3nLhVyZ.js";
+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";
+
+//#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, dateOnly,...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)) {
+				if (dateOnly) {
+					const year = parsedDate.getFullYear();
+					const monthStr = String(parsedDate.getMonth() + 1).padStart(2, "0");
+					const dayStr = String(parsedDate.getDate()).padStart(2, "0");
+					field.onChange(`${year}-${monthStr}-${dayStr}`);
+				} else field.onChange(parsedDate);
+				onFinish?.();
+			}
+		}
+	};
+	useEffect(() => {
+		if (field.value) {
+			const value = typeof field.value === "string" ? parse(field.value, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : field.value;
+			if (isValid(value)) setInputValue(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
+export { Calendar as n, InputDateField as t };
+//# sourceMappingURL=input-date-field-DToF0FmE.js.map

package/dist/input-date-field-DToF0FmE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date-field-DToF0FmE.js","names":["props","className","InputDateField: React.FC<\n  {\n    field: ControllerRenderProps<any, string>;\n    disabled?: boolean;\n    onFinish?: () => void;\n    id?: string;\n    dateOnly?: boolean;\n  } & ComponentProps<typeof Input>\n>"],"sources":["../src/components/ui/calendar.tsx","../src/components/ui/input-date-field.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    dateOnly?: boolean;\n  } & ComponentProps<typeof Input>\n> = ({ field, disabled, onFinish, id, dateOnly, ...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        if (dateOnly) {\n          const year = parsedDate.getFullYear();\n          const monthStr = String(parsedDate.getMonth() + 1).padStart(2, '0');\n          const dayStr = String(parsedDate.getDate()).padStart(2, '0');\n          field.onChange(`${year}-${monthStr}-${dayStr}`);\n        } else {\n          field.onChange(parsedDate);\n        }\n        onFinish?.();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (field.value) {\n      const value =\n        typeof field.value === 'string'\n          ? parse(field.value, 'yyyy-MM-dd', new Date())\n          : field.value;\n\n      if (isValid(value)) {\n        setInputValue(value.toLocaleDateString('pt-BR'));\n      }\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"],"mappings":"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"}

package/dist/input-suggest.d.ts

@@ -1,4 +1,4 @@
-import { n as Options, t as Mask } from "./with-mask-Chm8kVE1.js";
+import { n as Options, t as Mask } from "./with-mask-BLZS7b9k.js";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
 import { Dispatch, SetStateAction } from "react";
 import * as react_jsx_runtime8 from "react/jsx-runtime";

package/dist/kanban-dnd.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactNode, RefObject, SetStateAction } from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/kanban-dnd/types.d.ts
 type KanbanSelectableItem = {
@@ -94,7 +94,7 @@ declare function KanbanCardItem({
   className,
   getSelectedCardIds,
   getSelectableItems
-}: KanbanCardItemProps): react_jsx_runtime13.JSX.Element;
+}: KanbanCardItemProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/kanban-dnd/kanban-dnd-monitor.d.ts
 declare function KanbanDndMonitor<TColumn>({
@@ -118,7 +118,7 @@ declare function KanbanDndMonitor<TColumn>({
   isAutoScrollEnabled,
   renderIdleLayer,
   className
-}: KanbanDndMonitorProps<TColumn>): react_jsx_runtime13.JSX.Element;
+}: KanbanDndMonitorProps<TColumn>): react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/kanban-dnd/kanban-dropzone.d.ts
 declare function KanbanDropZone({
@@ -126,14 +126,14 @@ declare function KanbanDropZone({
   id,
   className,
   isOverClassName
-}: KanbanDropZoneProps): react_jsx_runtime13.JSX.Element;
+}: KanbanDropZoneProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/kanban-dnd/kanban-selector.d.ts
 declare function KanbanSelector({
   dragAreaId,
   autoScrollMargin,
   ignoredSlots
-}: KanbanSelectorProps): react_jsx_runtime13.JSX.Element | null;
+}: KanbanSelectorProps): react_jsx_runtime14.JSX.Element | null;
 //#endregion
 //#region src/components/kanban-dnd/move-cards.d.ts
 type MoveCardsResolvers<TColumn, TCard> = {

package/dist/page-header.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime7.JSX.Element;
+}: PageHeaderProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { PageHeader, type PageHeaderProps };
 //# sourceMappingURL=page-header.d.ts.map

package/dist/remote-selector.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { Options } from "nuqs";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -76,7 +76,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   ...props
 }: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T> & {
   withPortal?: boolean;
-}): react_jsx_runtime5.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -96,7 +96,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime5.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime6.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/text-field.d.ts

@@ -1,6 +1,6 @@
-import { n as Options$1 } from "./with-mask-Chm8kVE1.js";
+import { n as Options$1 } from "./with-mask-BLZS7b9k.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Options } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
@@ -57,7 +57,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime0.JSX.Element;
+}: InputTextProps): react_jsx_runtime2.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -75,7 +75,7 @@ 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_runtime2.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -87,7 +87,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime0.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime2.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_runtime2.JSX.Element;
 //#endregion
 export { CookieTextField, type CookieTextFieldProps, InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps, TextField, type TextFieldProps };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/toggle-field.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { Item, Root } from "@radix-ui/react-toggle-group";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
@@ -28,7 +28,7 @@ declare function ToggleGroup({
   transition,
   activeClassName,
   ...props
-}: ToggleGroupProps): react_jsx_runtime9.JSX.Element;
+}: ToggleGroupProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/toggle-field/ToggleField.d.ts
 type ToggleOption = {

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-field.d.ts","names":[],"sources":["../src/components/toggle-field/ToggleGroup.tsx","../src/components/toggle-field/ToggleField.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAiBa,sBAuCX;;;;EAvCW,SAAA,CAAA,EAAA,YA8BZ,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;AAAC,CAAA,GAAD,+BAAA,CAAA,SASC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAPI,mBA4Be,EAAA,CAAA,KAAS,CAAT,EAAA,CAAA;EAA+B,SAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;CAA5B,GArBtB,+BAAA,CAAA,SAqB4B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAzB,gBAAA,GAAmB,OAAA,CAAM,cACH,CAAA,OADyB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,MAAA,CAAA,GACzB,YADyB,CAAA,OACL,mBADK,CAAA,GAAA;EAApB,UAAA,CAAA,EAEU,UAFV;EAAL,eAAA,CAAA,EAAA,MAAA;CACoB;iBAKb,WAAA,CALP;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,GAAA;AAAA,CAAA,EAcC,gBAdD,CAAA,EAciB,kBAAA,CAAA,GAAA,CAAA,OAdjB;;;KCrEU,YAAA;;kBAAgD,KAAA,CAAM;;KAEtD,gBAAA,GAAmB,KAC7B,KAAA,CAAM,sBAAsB;;WAInB;EDAE,IAAA,CAAA,EAAA,QAAA,GA8BZ,UAAA;EAEK,IAAA,EAAA,MAAA;EA4BD,YAAA,CAAA,ECzDY,YDyDI,GCzDW,YDyDX,EAAA;EAA+B,kBAAA,CAAA,EAAA,OAAA;CAA5B;cCrDlB,WDsDqB,ECtDR,KAAA,CAAM,EDsDE,CCtDC,gBDsDD,CAAA"}
+{"version":3,"file":"toggle-field.d.ts","names":[],"sources":["../src/components/toggle-field/ToggleGroup.tsx","../src/components/toggle-field/ToggleField.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAiBa,sBAuCX;;;;EAvCW,SAAA,CAAA,EAAA,YA8BZ,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;AAAC,CAAA,GAAD,+BAAA,CAAA,SASC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAPI,mBA4Be,EAAA,CAAA,KAAS,CAAT,EAAA,CAAA;EAA+B,SAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;CAA5B,GArBtB,+BAAA,CAAA,SAqB4B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAzB,gBAAA,GAAmB,OAAA,CAAM,cACH,CAAA,OADyB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,MAAA,CAAA,GACzB,YADyB,CAAA,OACL,mBADK,CAAA,GAAA;EAApB,UAAA,CAAA,EAEU,UAFV;EAAL,eAAA,CAAA,EAAA,MAAA;CACoB;iBAKb,WAAA,CALP;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,GAAA;AAAA,CAAA,EAcC,gBAdD,CAAA,EAciB,mBAAA,CAAA,GAAA,CAAA,OAdjB;;;KCrEU,YAAA;;kBAAgD,KAAA,CAAM;;KAEtD,gBAAA,GAAmB,KAC7B,KAAA,CAAM,sBAAsB;;WAInB;EDAE,IAAA,CAAA,EAAA,QAAA,GA8BZ,UAAA;EAEK,IAAA,EAAA,MAAA;EA4BD,YAAA,CAAA,ECzDY,YDyDI,GCzDW,YDyDX,EAAA;EAA+B,kBAAA,CAAA,EAAA,OAAA;CAA5B;cCrDlB,WDsDqB,ECtDR,KAAA,CAAM,EDsDE,CCtDC,gBDsDD,CAAA"}

package/dist/{with-mask-Chm8kVE1.d.ts → with-mask-BLZS7b9k.d.ts}

@@ -6,4 +6,4 @@ type Mask = 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer
 type Options = inputmask.Options;
 //#endregion
 export { Options as n, Mask as t };
-//# sourceMappingURL=with-mask-Chm8kVE1.d.ts.map
+//# sourceMappingURL=with-mask-BLZS7b9k.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"with-mask-BLZS7b9k.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.57.2",
+  "version": "2.59.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -13,6 +13,10 @@
       "import": "./dist/remote-selector.js",
       "types": "./dist/remote-selector.d.ts"
     },
+    "./date-hour-field": {
+      "import": "./dist/date-hour-field.js",
+      "types": "./dist/date-hour-field.d.ts"
+    },
     "./kanban-dnd": {
       "import": "./dist/kanban-dnd.js",
       "types": "./dist/kanban-dnd.d.ts"
@@ -82,6 +86,15 @@
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": {
       "optional": true
     },
+    "embla-carousel": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "embla-carousel-wheel-gestures": {
+      "optional": true
+    },
     "react-hook-form": {
       "optional": true
     },
@@ -111,6 +124,9 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "embla-carousel-wheel-gestures": "^8.1.0",
     "inputmask": "5.0.10-beta.61",
     "react-day-picker": "^9.13.0",
     "react-intersection-observer": "^10.0.2",

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

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