shadcn-ui-react 0.7.17 → 0.7.19

package/dist/index.d.cts

@@ -21,6 +21,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { FieldValues, FieldPath, RegisterOptions, FieldError, UseFormReturn, SubmitHandler, SubmitErrorHandler, Control, FieldPathValue } from 'react-hook-form';
+import { Locale } from 'date-fns';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { LucideProps } from 'lucide-react';
 import * as input_otp from 'input-otp';
@@ -426,7 +427,7 @@ type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName
     name: TName;
 };
 declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
-type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
+type FieldRules$2<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
 declare function getErrorMessage(error?: FieldError): string | undefined;
 declare function normalizeSearchText(value: React$1.ReactNode): string;
 declare function getDefaultOptionValue<TItem>(item: TItem): string;
@@ -506,11 +507,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
-type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
+type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
 type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
     name: TName;
     control?: Control<TFieldValues>;
-    rules?: FieldRules<TFieldValues, TName>;
+    rules?: FieldRules$1<TFieldValues, TName>;
     shouldUnregister?: boolean;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     label?: React$1.ReactNode;
@@ -538,7 +539,7 @@ declare const FormField: {
 type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
     name: TName;
     control?: Control<TFieldValues>;
-    rules?: FieldRules$1<TFieldValues, TName>;
+    rules?: FieldRules$2<TFieldValues, TName>;
     shouldUnregister?: boolean;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     label?: React$1.ReactNode;
@@ -574,6 +575,735 @@ declare const FormSelect: {
     displayName: string;
 };
 
+interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    invalid?: boolean;
+    classNameDefault?: boolean;
+    placeholder?: string;
+    className?: string;
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
+type CustomFormTextareaProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    name: TName;
+    control?: Control<TFieldValues>;
+    rules?: FieldRules<TFieldValues, TName>;
+    shouldUnregister?: boolean;
+    defaultValue?: FieldPathValue<TFieldValues, TName>;
+    label?: React$1.ReactNode;
+    requiredLabel?: boolean;
+    placeholder?: string;
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    invalid?: boolean;
+    className?: string;
+    classNameDefault?: boolean;
+    itemClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+    requiredLabelClassName?: string;
+    onChange?: (value: string) => void;
+} & Omit<TextareaProps, "name" | "defaultValue" | "size" | "value" | "onChange">;
+declare const FormTextarea: {
+    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, itemClassName, labelClassName, messageClassName, requiredLabelClassName, variant, size, customSize, rules, shouldUnregister, defaultValue, invalid, onChange, ...textareaProps }: CustomFormTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dateFormats: {
+    /**
+     * Localized short date.
+     * Example with en-US: 06/04/2026
+     */
+    readonly short: "P";
+    /**
+     * Localized medium date.
+     * Example with en-US: Jun 4, 2026
+     */
+    readonly medium: "PP";
+    /**
+     * Localized long date.
+     * Same as the default shadcn/date-fns demo format.
+     * Example with en-US: June 4th, 2026
+     */
+    readonly long: "PPP";
+    /**
+     * Localized full date.
+     * Example with en-US: Thursday, June 4th, 2026
+     */
+    readonly full: "PPPP";
+    /**
+     * Alias for the default shadcn/date-fns demo format.
+     * Example with en-US: June 4th, 2026
+     */
+    readonly demo: "PPP";
+    /**
+     * ISO date format, recommended for APIs and databases.
+     * Example: 2026-06-04
+     */
+    readonly iso: "yyyy-MM-dd";
+    /**
+     * ISO-like date and time format without timezone.
+     * Example: 2026-06-04T14:30:00
+     */
+    readonly isoDateTime: "yyyy-MM-dd'T'HH:mm:ss";
+    /**
+     * ISO-like date and time format with timezone offset.
+     * Example: 2026-06-04T14:30:00-05:00
+     */
+    readonly isoDateTimeWithZone: "yyyy-MM-dd'T'HH:mm:ssXXX";
+    /**
+     * SQL-style date and time format.
+     * Example: 2026-06-04 14:30:00
+     */
+    readonly sqlDateTime: "yyyy-MM-dd HH:mm:ss";
+    /**
+     * Compact numeric date format.
+     * Example: 20260604
+     */
+    readonly compact: "yyyyMMdd";
+    /**
+     * Compact numeric date and time format.
+     * Example: 20260604143000
+     */
+    readonly compactDateTime: "yyyyMMddHHmmss";
+    /**
+     * Latin America date format.
+     * Example: 04/06/2026
+     */
+    readonly latam: "dd/MM/yyyy";
+    /**
+     * United States date format.
+     * Example: 06/04/2026
+     */
+    readonly us: "MM/dd/yyyy";
+    /**
+     * Year, month, and day with slashes.
+     * Example: 2026/06/04
+     */
+    readonly ymdSlash: "yyyy/MM/dd";
+    /**
+     * Day, month, and year with slashes.
+     * Example: 04/06/2026
+     */
+    readonly dmySlash: "dd/MM/yyyy";
+    /**
+     * Month, day, and year with slashes.
+     * Example: 06/04/2026
+     */
+    readonly mdySlash: "MM/dd/yyyy";
+    /**
+     * Year, month, and day with dashes.
+     * Example: 2026-06-04
+     */
+    readonly ymdDash: "yyyy-MM-dd";
+    /**
+     * Day, month, and year with dashes.
+     * Example: 04-06-2026
+     */
+    readonly dmyDash: "dd-MM-yyyy";
+    /**
+     * Month, day, and year with dashes.
+     * Example: 06-04-2026
+     */
+    readonly mdyDash: "MM-dd-yyyy";
+    /**
+     * Alias for day, month, and year with dashes.
+     * Example: 04-06-2026
+     */
+    readonly dash: "dd-MM-yyyy";
+    /**
+     * Year, month, and day with dots.
+     * Example: 2026.06.04
+     */
+    readonly ymdDot: "yyyy.MM.dd";
+    /**
+     * Day, month, and year with dots.
+     * Example: 04.06.2026
+     */
+    readonly dmyDot: "dd.MM.yyyy";
+    /**
+     * Month, day, and year with dots.
+     * Example: 06.04.2026
+     */
+    readonly mdyDot: "MM.dd.yyyy";
+    /**
+     * Alias for day, month, and year with dots.
+     * Example: 04.06.2026
+     */
+    readonly dot: "dd.MM.yyyy";
+    /**
+     * Short year with slashes.
+     * Example: 04/06/26
+     */
+    readonly shortYearSlash: "dd/MM/yy";
+    /**
+     * Short year with dashes.
+     * Example: 04-06-26
+     */
+    readonly shortYearDash: "dd-MM-yy";
+    /**
+     * Short year with dots.
+     * Example: 04.06.26
+     */
+    readonly shortYearDot: "dd.MM.yy";
+    /**
+     * Date with abbreviated month name.
+     * Example: 04 Jun 2026
+     */
+    readonly shortMonth: "dd MMM yyyy";
+    /**
+     * Date with full month name.
+     * Example: 04 June 2026
+     */
+    readonly longMonth: "dd MMMM yyyy";
+    /**
+     * Month name first with abbreviated month.
+     * Example: Jun 04, 2026
+     */
+    readonly shortMonthFirst: "MMM dd, yyyy";
+    /**
+     * Month name first with full month.
+     * Example: June 04, 2026
+     */
+    readonly longMonthFirst: "MMMM dd, yyyy";
+    /**
+     * Ordinal day with abbreviated month.
+     * Example: 4th Jun 2026
+     */
+    readonly ordinalShortMonth: "do MMM yyyy";
+    /**
+     * Ordinal day with full month.
+     * Example: 4th June 2026
+     */
+    readonly ordinalLongMonth: "do MMMM yyyy";
+    /**
+     * Month and year with abbreviated month.
+     * Example: Jun 2026
+     */
+    readonly shortMonthYear: "MMM yyyy";
+    /**
+     * Month and year with full month.
+     * Example: June 2026
+     */
+    readonly monthYear: "MMMM yyyy";
+    /**
+     * Numeric month and year.
+     * Example: 06/2026
+     */
+    readonly numericMonthYear: "MM/yyyy";
+    /**
+     * Year and numeric month.
+     * Example: 2026-06
+     */
+    readonly yearMonth: "yyyy-MM";
+    /**
+     * Full month only.
+     * Example: June
+     */
+    readonly month: "MMMM";
+    /**
+     * Abbreviated month only.
+     * Example: Jun
+     */
+    readonly monthShort: "MMM";
+    /**
+     * Numeric month only.
+     * Example: 06
+     */
+    readonly monthNumber: "MM";
+    /**
+     * Numeric month only without leading zero.
+     * Example: 6
+     */
+    readonly monthNumberPlain: "M";
+    /**
+     * Date with abbreviated weekday and month names.
+     * Example: Thu, 04 Jun 2026
+     */
+    readonly weekdayShort: "EEE, dd MMM yyyy";
+    /**
+     * Date with full weekday and month names.
+     * Example: Thursday, 04 June 2026
+     */
+    readonly weekdayLong: "EEEE, dd MMMM yyyy";
+    /**
+     * Full weekday with localized long date.
+     * Example: Thursday, June 4th, 2026
+     */
+    readonly weekdayFullLocalized: "EEEE, PPP";
+    /**
+     * Abbreviated weekday only.
+     * Example: Thu
+     */
+    readonly weekdayNameShort: "EEE";
+    /**
+     * Full weekday only.
+     * Example: Thursday
+     */
+    readonly weekdayNameLong: "EEEE";
+    /**
+     * Numeric ISO day of week.
+     * Example: 4
+     */
+    readonly weekdayNumber: "i";
+    /**
+     * Day of month with leading zero.
+     * Example: 04
+     */
+    readonly day: "dd";
+    /**
+     * Day of month without leading zero.
+     * Example: 4
+     */
+    readonly dayPlain: "d";
+    /**
+     * Ordinal day of month.
+     * Example: 4th
+     */
+    readonly dayOrdinal: "do";
+    /**
+     * Day of year.
+     * Example: 155
+     */
+    readonly dayOfYear: "D";
+    /**
+     * Full year.
+     * Example: 2026
+     */
+    readonly year: "yyyy";
+    /**
+     * Short year.
+     * Example: 26
+     */
+    readonly yearShort: "yy";
+    /**
+     * Time using 24-hour format.
+     * Example: 14:30
+     */
+    readonly time24: "HH:mm";
+    /**
+     * Time using 24-hour format with seconds.
+     * Example: 14:30:45
+     */
+    readonly time24Seconds: "HH:mm:ss";
+    /**
+     * Time using 12-hour format.
+     * Example: 02:30 PM
+     */
+    readonly time12: "hh:mm a";
+    /**
+     * Time using 12-hour format with seconds.
+     * Example: 02:30:45 PM
+     */
+    readonly time12Seconds: "hh:mm:ss a";
+    /**
+     * Localized short time.
+     * Example with en-US: 2:30 PM
+     */
+    readonly timeLocalizedShort: "p";
+    /**
+     * Localized long time.
+     * Example with en-US: 2:30:45 PM
+     */
+    readonly timeLocalizedLong: "pp";
+    /**
+     * Date and time using 24-hour format.
+     * Example: 04/06/2026 14:30
+     */
+    readonly dateTime24: "dd/MM/yyyy HH:mm";
+    /**
+     * Date and time using 24-hour format with seconds.
+     * Example: 04/06/2026 14:30:45
+     */
+    readonly dateTime24Seconds: "dd/MM/yyyy HH:mm:ss";
+    /**
+     * Date and time using 12-hour format.
+     * Example: 04/06/2026 02:30 PM
+     */
+    readonly dateTime12: "dd/MM/yyyy hh:mm a";
+    /**
+     * Date and time using 12-hour format with seconds.
+     * Example: 04/06/2026 02:30:45 PM
+     */
+    readonly dateTime12Seconds: "dd/MM/yyyy hh:mm:ss a";
+    /**
+     * Month name date and 24-hour time.
+     * Example: 04 June 2026 14:30
+     */
+    readonly longDateTime24: "dd MMMM yyyy HH:mm";
+    /**
+     * Month name date and 12-hour time.
+     * Example: 04 June 2026 02:30 PM
+     */
+    readonly longDateTime12: "dd MMMM yyyy hh:mm a";
+    /**
+     * Full weekday date and 24-hour time.
+     * Example: Thursday, 04 June 2026 14:30
+     */
+    readonly weekdayDateTime24: "EEEE, dd MMMM yyyy HH:mm";
+    /**
+     * Full weekday date and 12-hour time.
+     * Example: Thursday, 04 June 2026 02:30 PM
+     */
+    readonly weekdayDateTime12: "EEEE, dd MMMM yyyy hh:mm a";
+    /**
+     * Localized short date and time.
+     * Example with en-US: 06/04/2026, 2:30 PM
+     */
+    readonly localizedDateTimeShort: "Pp";
+    /**
+     * Localized medium date and time.
+     * Example with en-US: Jun 4, 2026, 2:30 PM
+     */
+    readonly localizedDateTimeMedium: "PPp";
+    /**
+     * Localized long date and time.
+     * Example with en-US: June 4th, 2026 at 2:30 PM
+     */
+    readonly localizedDateTimeLong: "PPPp";
+    /**
+     * Localized full date and time.
+     * Example with en-US: Thursday, June 4th, 2026 at 2:30 PM
+     */
+    readonly localizedDateTimeFull: "PPPPp";
+    /**
+     * Numeric quarter.
+     * Example: 2
+     */
+    readonly quarter: "Q";
+    /**
+     * Ordinal quarter.
+     * Example: 2nd quarter
+     */
+    readonly quarterOrdinal: "Qo 'quarter'";
+    /**
+     * Quarter and year.
+     * Example: Q2 2026
+     */
+    readonly quarterYear: "'Q'Q yyyy";
+    /**
+     * Ordinal quarter and year.
+     * Example: 2nd quarter 2026
+     */
+    readonly quarterOrdinalYear: "Qo 'quarter' yyyy";
+};
+type DateFormatKey = keyof typeof dateFormats;
+type DateFormatValue = DateFormatKey | (string & {});
+
+type DateValueMode = "date" | "string";
+type DateInputValue$1 = Date | string | null | undefined;
+type CustomFormDateProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    name: TName;
+    control?: Control<TFieldValues>;
+    rules?: FieldRules$2<TFieldValues, TName>;
+    shouldUnregister?: boolean;
+    defaultValue?: FieldPathValue<TFieldValues, TName>;
+    label?: React$1.ReactNode;
+    requiredLabel?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    /**
+     * Rango permitido.
+     * Si es null o undefined, queda libre.
+     */
+    start_date?: DateInputValue$1;
+    end_date?: DateInputValue$1;
+    /**
+     * Alias opcional.
+     */
+    startDate?: DateInputValue$1;
+    endDate?: DateInputValue$1;
+    /**
+     * date: guarda Date.
+     * string: guarda usando valueFormat.
+     */
+    valueMode?: DateValueMode;
+    dateFormat?: DateFormatValue;
+    valueFormat?: DateFormatValue;
+    formatPattern?: string;
+    valueFormatPattern?: string;
+    locale?: Locale | null;
+    defaultMonth?: Date;
+    onChange?: (date: Date | undefined) => void;
+    onChangeValue?: (value: Date | string | null) => void;
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    className?: string;
+    itemClassName?: string;
+    contentClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+    requiredLabelClassName?: string;
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+};
+declare const FormDate: {
+    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, label, requiredLabel, placeholder, disabled, invalid, start_date, end_date, startDate, endDate, valueMode, dateFormat, valueFormat, formatPattern, valueFormatPattern, locale, defaultMonth, onChange, onChangeValue, size, customSize, variant, className, itemClassName, contentClassName, labelClassName, messageClassName, requiredLabelClassName, contentAlign, contentSideOffset, }: CustomFormDateProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const timeFormats: {
+    /**
+     * Localized short time.
+     * Example with en-US: 2:30 PM
+     */
+    readonly short: "p";
+    /**
+     * Localized medium time.
+     * Example with en-US: 2:30:45 PM
+     */
+    readonly medium: "pp";
+    /**
+     * Localized long time.
+     * Example with en-US: 2:30:45 PM GMT-5
+     */
+    readonly long: "ppp";
+    /**
+     * Localized full time.
+     * Example with en-US: 2:30:45 PM GMT-05:00
+     */
+    readonly full: "pppp";
+    /**
+     * Default time picker format.
+     * Example: 14:30
+     */
+    readonly demo: "HH:mm";
+    /**
+     * Recommended format for APIs when seconds are not required.
+     * Example: 14:30
+     */
+    readonly api: "HH:mm";
+    /**
+     * Recommended database time format.
+     * Example: 14:30:00
+     */
+    readonly database: "HH:mm:ss";
+    /**
+     * HTML time input compatible format.
+     * Example: 14:30
+     */
+    readonly input: "HH:mm";
+    /**
+     * ISO-like time format without timezone.
+     * Example: 14:30:00
+     */
+    readonly iso: "HH:mm:ss";
+    /**
+     * ISO-like time format with milliseconds.
+     * Example: 14:30:00.000
+     */
+    readonly isoMilliseconds: "HH:mm:ss.SSS";
+    /**
+     * Time using 24-hour format.
+     * Example: 14:30
+     */
+    readonly time24: "HH:mm";
+    /**
+     * Time using 24-hour format with seconds.
+     * Example: 14:30:45
+     */
+    readonly time24Seconds: "HH:mm:ss";
+    /**
+     * Time using 24-hour format with milliseconds.
+     * Example: 14:30:45.123
+     */
+    readonly time24Milliseconds: "HH:mm:ss.SSS";
+    /**
+     * Hour only using 24-hour format with leading zero.
+     * Example: 09
+     */
+    readonly hour24: "HH";
+    /**
+     * Hour only using 24-hour format without leading zero.
+     * Example: 9
+     */
+    readonly hour24Plain: "H";
+    /**
+     * Hour and minutes using 24-hour format.
+     * Example: 14:30
+     */
+    readonly hourMinute24: "HH:mm";
+    /**
+     * Hour, minutes, and seconds using 24-hour format.
+     * Example: 14:30:45
+     */
+    readonly hourMinuteSecond24: "HH:mm:ss";
+    /**
+     * Time using 12-hour format.
+     * Example: 02:30 PM
+     */
+    readonly time12: "hh:mm a";
+    /**
+     * Time using 12-hour format with seconds.
+     * Example: 02:30:45 PM
+     */
+    readonly time12Seconds: "hh:mm:ss a";
+    /**
+     * Time using 12-hour format with milliseconds.
+     * Example: 02:30:45.123 PM
+     */
+    readonly time12Milliseconds: "hh:mm:ss.SSS a";
+    /**
+     * Hour only using 12-hour format with leading zero.
+     * Example: 02 PM
+     */
+    readonly hour12: "hh a";
+    /**
+     * Hour only using 12-hour format without leading zero.
+     * Example: 2 PM
+     */
+    readonly hour12Plain: "h a";
+    /**
+     * Hour and minutes using 12-hour format.
+     * Example: 02:30 PM
+     */
+    readonly hourMinute12: "hh:mm a";
+    /**
+     * Hour, minutes, and seconds using 12-hour format.
+     * Example: 02:30:45 PM
+     */
+    readonly hourMinuteSecond12: "hh:mm:ss a";
+    /**
+     * Compact 24-hour time without separator.
+     * Example: 1430
+     */
+    readonly compact: "HHmm";
+    /**
+     * Compact 24-hour time with seconds.
+     * Example: 143045
+     */
+    readonly compactSeconds: "HHmmss";
+    /**
+     * Minutes only.
+     * Example: 30
+     */
+    readonly minutes: "mm";
+    /**
+     * Seconds only.
+     * Example: 45
+     */
+    readonly seconds: "ss";
+    /**
+     * AM/PM marker.
+     * Example: PM
+     */
+    readonly period: "a";
+};
+type TimeFormatKey = keyof typeof timeFormats;
+type TimeFormatValue = TimeFormatKey | (string & {});
+
+type UiTimeOption = {
+    value: string;
+    label?: React$1.ReactNode;
+    disabled?: boolean;
+};
+type HourCycle$1 = "12" | "24";
+interface UiTimeProps {
+    label?: React$1.ReactNode;
+    placeholder?: string;
+    value?: Date | string | null;
+    onChange?: (date: Date | undefined) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    requiredLabel?: boolean;
+    timeFormat?: TimeFormatValue;
+    valueFormat?: TimeFormatValue;
+    formatPattern?: string;
+    valueFormatPattern?: string;
+    locale?: Locale;
+    /**
+     * 1 = selector minuto por minuto.
+     * 5, 10, 15, 30 también funcionan.
+     */
+    minuteStep?: number;
+    minTime?: string;
+    maxTime?: string;
+    /**
+     * Si envías options, se renderiza como lista simple.
+     * Para el picker tipo imagen, no mandes options.
+     */
+    options?: UiTimeOption[];
+    hourCycle?: HourCycle$1;
+    className?: string;
+    classNameDefault?: boolean;
+    timeClassName?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+    optionClassName?: string;
+    messageClassName?: string;
+    requiredLabelClassName?: string;
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    errorMessage?: string;
+    invalid?: boolean;
+    htmlFormItemId?: string;
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+}
+declare function UiTime({ label, placeholder, value, onChange, onBlur, disabled, requiredLabel, timeFormat, valueFormat, formatPattern, valueFormatPattern, locale, minuteStep, minTime, maxTime, options, hourCycle, className, classNameDefault, timeClassName, labelClassName, contentClassName, optionClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, invalid, htmlFormItemId, contentAlign, contentSideOffset, }: UiTimeProps): react_jsx_runtime.JSX.Element;
+declare namespace UiTime {
+    var displayName: string;
+}
+
+type TimeValueMode = "date" | "string";
+type HourCycle = "12" | "24";
+type CustomFormTimeProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    name: TName;
+    control?: Control<TFieldValues>;
+    rules?: FieldRules$2<TFieldValues, TName>;
+    shouldUnregister?: boolean;
+    defaultValue?: FieldPathValue<TFieldValues, TName>;
+    label?: React$1.ReactNode;
+    requiredLabel?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    /**
+     * date: guarda un Date.
+     * string: guarda usando valueFormat.
+     */
+    valueMode?: TimeValueMode;
+    timeFormat?: TimeFormatValue;
+    valueFormat?: TimeFormatValue;
+    formatPattern?: string;
+    valueFormatPattern?: string;
+    locale?: Locale;
+    minuteStep?: number;
+    minTime?: string;
+    maxTime?: string;
+    options?: UiTimeOption[];
+    /**
+     * "12" = selector hora / minuto / AM-PM.
+     * "24" = selector hora / minuto en formato 24H.
+     */
+    hourCycle?: HourCycle;
+    onChange?: (date: Date | undefined) => void;
+    onChangeValue?: (value: Date | string | null) => void;
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    className?: string;
+    itemClassName?: string;
+    contentClassName?: string;
+    optionClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+    requiredLabelClassName?: string;
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+};
+declare const FormTime: {
+    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, label, requiredLabel, placeholder, disabled, invalid, valueMode, timeFormat, valueFormat, formatPattern, valueFormatPattern, locale, minuteStep, minTime, maxTime, options, hourCycle, onChange, onChangeValue, size, customSize, variant, className, itemClassName, contentClassName, optionClassName, labelClassName, messageClassName, requiredLabelClassName, contentAlign, contentSideOffset, }: CustomFormTimeProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
 declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -903,10 +1633,6 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
-}
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
-
 declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
 declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$1<(props?: ({
@@ -1048,6 +1774,58 @@ interface UiCheckboxProps extends CheckboxProps {
 }
 declare const UiCheckbox: React$1.ForwardRefExoticComponent<UiCheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+type DateInputValue = Date | string | null | undefined;
+interface UiDateProps {
+    label?: React$1.ReactNode;
+    placeholder?: string;
+    value?: Date | string | null;
+    defaultMonth?: Date;
+    onChange?: (date: Date | undefined) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    requiredLabel?: boolean;
+    start_date?: DateInputValue;
+    end_date?: DateInputValue;
+    startDate?: DateInputValue;
+    endDate?: DateInputValue;
+    dateFormat?: DateFormatValue;
+    valueFormat?: DateFormatValue;
+    formatPattern?: string;
+    valueFormatPattern?: string;
+    locale?: Locale | null;
+    className?: string;
+    classNameDefault?: boolean;
+    dateClassName?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+    messageClassName?: string;
+    requiredLabelClassName?: string;
+    size?: SizeProps;
+    customSize?: CustomSize;
+    variant?: VariantProps;
+    errorMessage?: string;
+    invalid?: boolean;
+    htmlFormItemId?: string;
+    contentAlign?: "start" | "center" | "end";
+    contentSideOffset?: number;
+}
+declare function UiDate({ label, placeholder, value, defaultMonth, onChange, onBlur, disabled, requiredLabel, start_date, end_date, startDate, endDate, dateFormat, valueFormat, formatPattern, valueFormatPattern, locale, className, classNameDefault, dateClassName, labelClassName, contentClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, invalid, htmlFormItemId, contentAlign, contentSideOffset, }: UiDateProps): react_jsx_runtime.JSX.Element;
+declare namespace UiDate {
+    var displayName: string;
+}
+
+interface UiTextareaProps extends Omit<TextareaProps, "id"> {
+    label?: React$1.ReactNode;
+    errorMessage?: string;
+    htmlFormItemId?: string;
+    requiredLabel?: boolean;
+    requiredLabelClassName?: string;
+    containerClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+}
+declare const UiTextarea: React$1.ForwardRefExoticComponent<UiTextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
 declare const useSidebar: () => {
     isMinimized: boolean;
     toggle: () => void;
@@ -1311,4 +2089,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, type CheckboxRules, type CheckboxSize, type CheckboxVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomFormFieldProps, type CustomFormSelectProps, type CustomSize, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, type DataTableProps, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, type DropzoneProps, type FieldRules$1 as FieldRules, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDescription, FormField, FormFieldContext, type FormFieldContextValue, type FormInputVariantProps, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, type FormSizeProps, type FormVariantProps, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, type PageHeadProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectOption, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeClasses, type SizeProps, Skeleton, Slider, ToasterSonner as SonnerToaster, type SonnerToasterProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToasterSonner, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiCheckbox, type UiCheckboxProps, UiInput, type UiInputProps, UiSelect, type UiSelectOption, type UiSelectProps, type VariantProps, badgeVariants, buttonVariants, cn, formCompositeControlBase, formCompositeControlErrorClass, formCompositeVariants, formControlBase, formControlErrorClass, formInputVariants, formSizeVariants, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getFormControlSizeClass, getFormSizeClasses, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, type CheckboxRules, type CheckboxSize, type CheckboxVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomFormDateProps, type CustomFormFieldProps, type CustomFormSelectProps, type CustomFormTextareaProps, type CustomFormTimeProps, type CustomSize, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, type DataTableProps, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, type DropzoneProps, type FieldRules$2 as FieldRules, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDate, FormDescription, FormField, FormFieldContext, type FormFieldContextValue, type FormInputVariantProps, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, type FormSizeProps, FormTextarea, FormTime, type FormVariantProps, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, type PageHeadProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectOption, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeClasses, type SizeProps, Skeleton, Slider, ToasterSonner as SonnerToaster, type SonnerToasterProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToasterSonner, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiCheckbox, type UiCheckboxProps, UiDate, type UiDateProps, UiInput, type UiInputProps, UiSelect, type UiSelectOption, type UiSelectProps, UiTextarea, type UiTextareaProps, UiTime, type UiTimeOption, type UiTimeProps, type VariantProps, badgeVariants, buttonVariants, cn, formCompositeControlBase, formCompositeControlErrorClass, formCompositeVariants, formControlBase, formControlErrorClass, formInputVariants, formSizeVariants, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getFormControlSizeClass, getFormSizeClasses, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };