shadcn-ui-react 0.4.1 → 0.5.0

package/dist/index.js

@@ -400,9 +400,6 @@ var Button = React5.forwardRef(
 );
 Button.displayName = "Button";
 
-// node_modules/@date-fns/tz/constants/index.js
-var constructFromSymbol = Symbol.for("constructDateFrom");
-
 // node_modules/@date-fns/tz/tzName/index.js
 function tzName(timeZone, date, format2 = "long") {
   return new Intl.DateTimeFormat("en-US", {
@@ -488,7 +485,7 @@ var TZDateMini = class _TZDateMini extends Date {
   }
   //#endregion
   //#region date-fns integration
-  [Symbol.for("constructDateFrom")](date) {
+  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
     return new _TZDateMini(+new Date(date), this.timeZone);
   }
   //#endregion
@@ -616,7 +613,7 @@ var TZDate = class _TZDate extends TZDateMini {
     return new _TZDate(+this, timeZone);
   }
   //#region date-fns integration
-  [Symbol.for("constructDateFrom")](date) {
+  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
     return new _TZDate(+new Date(date), this.timeZone);
   }
   //#endregion
@@ -634,13 +631,13 @@ var secondsInWeek = secondsInDay * 7;
 var secondsInYear = secondsInDay * daysInYear;
 var secondsInMonth = secondsInYear / 12;
 var secondsInQuarter = secondsInMonth * 3;
-var constructFromSymbol2 = Symbol.for("constructDateFrom");
+var constructFromSymbol = /* @__PURE__ */ Symbol.for("constructDateFrom");
 
 // node_modules/date-fns/constructFrom.js
 function constructFrom(date, value) {
   if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol2 in date)
-    return date[constructFromSymbol2](value);
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
   if (date instanceof Date) return new date.constructor(value);
   return new Date(value);
 }
@@ -915,6 +912,29 @@ function startOfYear(date, options) {
   return date_;
 }
 
+// node_modules/date-fns/eachYearOfInterval.js
+function eachYearOfInterval(interval, options) {
+  var _a;
+  const { start, end } = normalizeInterval(options == null ? void 0 : options.in, interval);
+  let reversed = +start > +end;
+  const endTime = reversed ? +start : +end;
+  const date = reversed ? end : start;
+  date.setHours(0, 0, 0, 0);
+  date.setMonth(0, 1);
+  let step = (_a = options == null ? void 0 : options.step) != null ? _a : 1;
+  if (!step) return [];
+  if (step < 0) {
+    step = -step;
+    reversed = !reversed;
+  }
+  const dates = [];
+  while (+date <= endTime) {
+    dates.push(constructFrom(start, date));
+    date.setFullYear(date.getFullYear() + step);
+  }
+  return reversed ? dates.reverse() : dates;
+}
+
 // node_modules/date-fns/endOfWeek.js
 function endOfWeek(date, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -2463,8 +2483,66 @@ function endOfBroadcastWeek(date, dateLib) {
   return endDate;
 }
 
+// node_modules/react-day-picker/dist/esm/locale/en-US.js
+var enUS2 = __spreadProps(__spreadValues({}, enUS), {
+  labels: {
+    labelDayButton: (date, modifiers, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, __spreadValues({ locale: enUS }, options));
+      }
+      let label = formatDate(date, "PPPP");
+      if (modifiers.today)
+        label = `Today, ${label}`;
+      if (modifiers.selected)
+        label = `${label}, selected`;
+      return label;
+    },
+    labelMonthDropdown: "Choose the Month",
+    labelNext: "Go to the Next Month",
+    labelPrevious: "Go to the Previous Month",
+    labelWeekNumber: (weekNumber) => `Week ${weekNumber}`,
+    labelYearDropdown: "Choose the Year",
+    labelGrid: (date, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, __spreadValues({ locale: enUS }, options));
+      }
+      return formatDate(date, "LLLL yyyy");
+    },
+    labelGridcell: (date, modifiers, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, __spreadValues({ locale: enUS }, options));
+      }
+      let label = formatDate(date, "PPPP");
+      if (modifiers == null ? void 0 : modifiers.today) {
+        label = `Today, ${label}`;
+      }
+      return label;
+    },
+    labelNav: "Navigation bar",
+    labelWeekNumberHeader: "Week Number",
+    labelWeekday: (date, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, __spreadValues({ locale: enUS }, options));
+      }
+      return formatDate(date, "cccc");
+    }
+  }
+});
+
 // node_modules/react-day-picker/dist/esm/classes/DateLib.js
-var DateLib = class {
+var DateLib = class _DateLib {
   /**
    * Creates an instance of `DateLib`.
    *
@@ -2521,6 +2599,19 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.eachMonthOfInterval) ? this.overrides.eachMonthOfInterval(interval) : eachMonthOfInterval(interval);
     };
+    this.eachYearOfInterval = (interval) => {
+      var _a;
+      const years = ((_a = this.overrides) == null ? void 0 : _a.eachYearOfInterval) ? this.overrides.eachYearOfInterval(interval) : eachYearOfInterval(interval);
+      const uniqueYears = new Set(years.map((d) => this.getYear(d)));
+      if (uniqueYears.size === years.length) {
+        return years;
+      }
+      const yearsArray = [];
+      uniqueYears.forEach((y) => {
+        yearsArray.push(new Date(y, 0, 1));
+      });
+      return yearsArray;
+    };
     this.endOfBroadcastWeek = (date) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.endOfBroadcastWeek) ? this.overrides.endOfBroadcastWeek(date) : endOfBroadcastWeek(date, this);
@@ -2629,7 +2720,7 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.startOfYear) ? this.overrides.startOfYear(date) : startOfYear(date);
     };
-    this.options = __spreadValues({ locale: enUS }, options);
+    this.options = __spreadValues({ locale: enUS2 }, options);
     this.overrides = overrides;
   }
   /**
@@ -2671,7 +2762,62 @@ var DateLib = class {
   formatNumber(value) {
     return this.replaceDigits(value.toString());
   }
+  /**
+   * Returns the preferred ordering for month and year labels for the current
+   * locale.
+   */
+  getMonthYearOrder() {
+    var _a;
+    const code = (_a = this.options.locale) == null ? void 0 : _a.code;
+    if (!code) {
+      return "month-first";
+    }
+    return _DateLib.yearFirstLocales.has(code) ? "year-first" : "month-first";
+  }
+  /**
+   * Formats the month/year pair respecting locale conventions.
+   *
+   * @since 9.11.0
+   */
+  formatMonthYear(date) {
+    const { locale, timeZone, numerals } = this.options;
+    const localeCode = locale == null ? void 0 : locale.code;
+    if (localeCode && _DateLib.yearFirstLocales.has(localeCode)) {
+      try {
+        const intl = new Intl.DateTimeFormat(localeCode, {
+          month: "long",
+          year: "numeric",
+          timeZone,
+          numberingSystem: numerals
+        });
+        const formatted = intl.format(date);
+        return formatted;
+      } catch (e) {
+      }
+    }
+    const pattern = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
+    return this.format(date, pattern);
+  }
 };
+DateLib.yearFirstLocales = /* @__PURE__ */ new Set([
+  "eu",
+  "hu",
+  "ja",
+  "ja-Hira",
+  "ja-JP",
+  "ko",
+  "ko-KR",
+  "lt",
+  "lt-LT",
+  "lv",
+  "lv-LV",
+  "mn",
+  "mn-MN",
+  "zh",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+]);
 var defaultDateLib = new DateLib();
 
 // node_modules/react-day-picker/dist/esm/classes/CalendarDay.js
@@ -2681,6 +2827,9 @@ var CalendarDay = class {
     this.displayMonth = displayMonth;
     this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
     this.dateLib = dateLib;
+    this.isoDate = dateLib.format(date, "yyyy-MM-dd");
+    this.displayMonthId = dateLib.format(displayMonth, "yyyy-MM");
+    this.dateMonthId = dateLib.format(date, "yyyy-MM");
   }
   /**
    * Checks if this day is equal to another `CalendarDay`, considering both the
@@ -3038,7 +3187,7 @@ function YearsDropdown(props) {
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-import React32, { useCallback as useCallback2, useMemo, useRef as useRef2 } from "react";
+import React32, { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
@@ -3093,7 +3242,7 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
       return isSameDay2(date, matcher);
     }
     if (isDatesArray(matcher, dateLib)) {
-      return matcher.includes(date);
+      return matcher.some((matcherDate) => isSameDay2(date, matcherDate));
     }
     if (isDateRange(matcher)) {
       return rangeIncludesDate(matcher, date, false, dateLib);
@@ -3131,7 +3280,7 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
 
 // node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js
 function createGetModifiers(days, props, navStart, navEnd, dateLib) {
-  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props;
+  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.today() } = props;
   const { isSameDay: isSameDay2, isSameMonth: isSameMonth2, startOfMonth: startOfMonth2, isBefore: isBefore2, endOfMonth: endOfMonth2, isAfter: isAfter2 } = dateLib;
   const computedNavStart = navStart && startOfMonth2(navStart);
   const computedNavEnd = navEnd && endOfMonth2(navEnd);
@@ -3151,7 +3300,7 @@ function createGetModifiers(days, props, navStart, navEnd, dateLib) {
     const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
     const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeNavStart || isAfterNavEnd || // Broadcast calendar will show outside days as default
     !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
-    const isToday = isSameDay2(date, today != null ? today : dateLib.today());
+    const isToday = isSameDay2(date, today);
     if (isOutside)
       internalModifiersMap.outside.push(day);
     if (isDisabled)
@@ -3267,7 +3416,8 @@ __export(formatters_exports, {
 
 // node_modules/react-day-picker/dist/esm/formatters/formatCaption.js
 function formatCaption(month, options, dateLib) {
-  return (dateLib != null ? dateLib : new DateLib(options)).format(month, "LLLL y");
+  const lib = dateLib != null ? dateLib : new DateLib(options);
+  return lib.formatMonthYear(month);
 }
 var formatMonthCaption = formatCaption;
 
@@ -3316,70 +3466,6 @@ function getFormatters(customFormatters) {
   return __spreadValues(__spreadValues({}, formatters_exports), customFormatters);
 }
 
-// node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js
-function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
-  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
-  const months = eachMonthOfInterval2({
-    start: startOfYear2(displayMonth),
-    end: endOfYear2(displayMonth)
-  });
-  const options = months.map((month) => {
-    const label = formatters2.formatMonthDropdown(month, dateLib);
-    const value = getMonth2(month);
-    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
-    return { value, label, disabled };
-  });
-  return options;
-}
-
-// node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js
-function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
-  let style = __spreadValues({}, styles == null ? void 0 : styles[UI.Day]);
-  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
-    style = __spreadValues(__spreadValues({}, style), modifiersStyles == null ? void 0 : modifiersStyles[modifier]);
-  });
-  return style;
-}
-
-// node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js
-function getWeekdays(dateLib, ISOWeek, broadcastCalendar) {
-  const today = dateLib.today();
-  const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(today, dateLib) : ISOWeek ? dateLib.startOfISOWeek(today) : dateLib.startOfWeek(today);
-  const days = [];
-  for (let i = 0; i < 7; i++) {
-    const day = dateLib.addDays(start, i);
-    days.push(day);
-  }
-  return days;
-}
-
-// node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js
-function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
-  if (!navStart)
-    return void 0;
-  if (!navEnd)
-    return void 0;
-  const { startOfYear: startOfYear2, endOfYear: endOfYear2, addYears: addYears2, getYear: getYear2, isBefore: isBefore2, isSameYear: isSameYear2 } = dateLib;
-  const firstNavYear = startOfYear2(navStart);
-  const lastNavYear = endOfYear2(navEnd);
-  const years = [];
-  let year = firstNavYear;
-  while (isBefore2(year, lastNavYear) || isSameYear2(year, lastNavYear)) {
-    years.push(year);
-    year = addYears2(year, 1);
-  }
-  if (reverse)
-    years.reverse();
-  return years.map((year2) => {
-    const label = formatters2.formatYearDropdown(year2, dateLib);
-    return {
-      value: getYear2(year2),
-      label,
-      disabled: false
-    };
-  });
-}
-
 // node_modules/react-day-picker/dist/esm/labels/index.js
 var labels_exports = {};
 __export(labels_exports, {
@@ -3411,7 +3497,8 @@ var labelDay = labelDayButton;
 
 // node_modules/react-day-picker/dist/esm/labels/labelGrid.js
 function labelGrid(date, options, dateLib) {
-  return (dateLib != null ? dateLib : new DateLib(options)).format(date, "LLLL y");
+  const lib = dateLib != null ? dateLib : new DateLib(options);
+  return lib.formatMonthYear(date);
 }
 var labelCaption = labelGrid;
 
@@ -3435,8 +3522,9 @@ function labelNav() {
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelNext.js
-function labelNext(_month) {
-  return "Go to the Next Month";
+var defaultLabel = "Go to the Next Month";
+function labelNext(_month, _options) {
+  return defaultLabel;
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelPrevious.js
@@ -3464,6 +3552,92 @@ function labelYearDropdown(_options) {
   return "Choose the Year";
 }
 
+// node_modules/react-day-picker/dist/esm/helpers/getLabels.js
+var resolveLabel = (defaultLabel2, customLabel, localeLabel) => {
+  if (customLabel)
+    return customLabel;
+  if (localeLabel) {
+    return typeof localeLabel === "function" ? localeLabel : (..._args) => localeLabel;
+  }
+  return defaultLabel2;
+};
+function getLabels(customLabels, options) {
+  var _a, _b;
+  const localeLabels = (_b = (_a = options.locale) == null ? void 0 : _a.labels) != null ? _b : {};
+  return __spreadProps(__spreadValues(__spreadValues({}, labels_exports), customLabels != null ? customLabels : {}), {
+    labelDayButton: resolveLabel(labelDayButton, customLabels == null ? void 0 : customLabels.labelDayButton, localeLabels.labelDayButton),
+    labelMonthDropdown: resolveLabel(labelMonthDropdown, customLabels == null ? void 0 : customLabels.labelMonthDropdown, localeLabels.labelMonthDropdown),
+    labelNext: resolveLabel(labelNext, customLabels == null ? void 0 : customLabels.labelNext, localeLabels.labelNext),
+    labelPrevious: resolveLabel(labelPrevious, customLabels == null ? void 0 : customLabels.labelPrevious, localeLabels.labelPrevious),
+    labelWeekNumber: resolveLabel(labelWeekNumber, customLabels == null ? void 0 : customLabels.labelWeekNumber, localeLabels.labelWeekNumber),
+    labelYearDropdown: resolveLabel(labelYearDropdown, customLabels == null ? void 0 : customLabels.labelYearDropdown, localeLabels.labelYearDropdown),
+    labelGrid: resolveLabel(labelGrid, customLabels == null ? void 0 : customLabels.labelGrid, localeLabels.labelGrid),
+    labelGridcell: resolveLabel(labelGridcell, customLabels == null ? void 0 : customLabels.labelGridcell, localeLabels.labelGridcell),
+    labelNav: resolveLabel(labelNav, customLabels == null ? void 0 : customLabels.labelNav, localeLabels.labelNav),
+    labelWeekNumberHeader: resolveLabel(labelWeekNumberHeader, customLabels == null ? void 0 : customLabels.labelWeekNumberHeader, localeLabels.labelWeekNumberHeader),
+    labelWeekday: resolveLabel(labelWeekday, customLabels == null ? void 0 : customLabels.labelWeekday, localeLabels.labelWeekday)
+  });
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js
+function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
+  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
+  const months = eachMonthOfInterval2({
+    start: startOfYear2(displayMonth),
+    end: endOfYear2(displayMonth)
+  });
+  const options = months.map((month) => {
+    const label = formatters2.formatMonthDropdown(month, dateLib);
+    const value = getMonth2(month);
+    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
+    return { value, label, disabled };
+  });
+  return options;
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js
+function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
+  let style = __spreadValues({}, styles == null ? void 0 : styles[UI.Day]);
+  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
+    style = __spreadValues(__spreadValues({}, style), modifiersStyles == null ? void 0 : modifiersStyles[modifier]);
+  });
+  return style;
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js
+function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
+  const referenceToday = today != null ? today : dateLib.today();
+  const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
+  const days = [];
+  for (let i = 0; i < 7; i++) {
+    const day = dateLib.addDays(start, i);
+    days.push(day);
+  }
+  return days;
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js
+function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
+  if (!navStart)
+    return void 0;
+  if (!navEnd)
+    return void 0;
+  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
+  const firstNavYear = startOfYear2(navStart);
+  const lastNavYear = endOfYear2(navEnd);
+  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
+  if (reverse)
+    years.reverse();
+  return years.map((year) => {
+    const label = formatters2.formatYearDropdown(year, dateLib);
+    return {
+      value: getYear2(year),
+      label,
+      disabled: false
+    };
+  });
+}
+
 // node_modules/react-day-picker/dist/esm/useAnimation.js
 import { useLayoutEffect, useRef } from "react";
 var asHtmlElement = (element) => {
@@ -3596,7 +3770,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
 }
 
 // node_modules/react-day-picker/dist/esm/useCalendar.js
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 
 // node_modules/react-day-picker/dist/esm/helpers/getDates.js
 function getDates(displayMonths, maxDate, props, dateLib) {
@@ -3605,15 +3779,14 @@ function getDates(displayMonths, maxDate, props, dateLib) {
   const { ISOWeek, fixedWeeks, broadcastCalendar } = props != null ? props : {};
   const { addDays: addDays2, differenceInCalendarDays: differenceInCalendarDays2, differenceInCalendarMonths: differenceInCalendarMonths2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfMonth: endOfMonth2, endOfWeek: endOfWeek2, isAfter: isAfter2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
   const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek2(firstMonth, dateLib) : ISOWeek ? startOfISOWeek2(firstMonth) : startOfWeek2(firstMonth);
-  const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
-  const nOfDays = differenceInCalendarDays2(endWeekLastDate, startWeekFirstDate);
+  const displayMonthsWeekEnd = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
+  const constraintWeekEnd = maxDate && (broadcastCalendar ? endOfBroadcastWeek2(maxDate) : ISOWeek ? endOfISOWeek2(maxDate) : endOfWeek2(maxDate));
+  const gridEndDate = constraintWeekEnd && isAfter2(displayMonthsWeekEnd, constraintWeekEnd) ? constraintWeekEnd : displayMonthsWeekEnd;
+  const nOfDays = differenceInCalendarDays2(gridEndDate, startWeekFirstDate);
   const nOfMonths = differenceInCalendarMonths2(lastMonth, firstMonth) + 1;
   const dates = [];
   for (let i = 0; i <= nOfDays; i++) {
     const date = addDays2(startWeekFirstDate, i);
-    if (maxDate && isAfter2(date, maxDate)) {
-      break;
-    }
     dates.push(date);
   }
   const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
@@ -3802,6 +3975,7 @@ function useControlledValue(defaultValue, controlledValue) {
 
 // node_modules/react-day-picker/dist/esm/useCalendar.js
 function useCalendar(props, dateLib) {
+  var _a;
   const [navStart, navEnd] = getNavMonths(props, dateLib);
   const { startOfMonth: startOfMonth2, endOfMonth: endOfMonth2 } = dateLib;
   const initialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
@@ -3814,13 +3988,44 @@ function useCalendar(props, dateLib) {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const displayMonths = getDisplayMonths(firstMonth, navEnd, props, dateLib);
-  const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, props, dateLib);
-  const months = getMonths(displayMonths, dates, props, dateLib);
-  const weeks = getWeeks(months);
-  const days = getDays(months);
-  const previousMonth = getPreviousMonth(firstMonth, navStart, props, dateLib);
-  const nextMonth = getNextMonth(firstMonth, navEnd, props, dateLib);
+  const { months, weeks, days, previousMonth, nextMonth } = useMemo(() => {
+    const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
+    const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
+      ISOWeek: props.ISOWeek,
+      fixedWeeks: props.fixedWeeks,
+      broadcastCalendar: props.broadcastCalendar
+    }, dateLib);
+    const months2 = getMonths(displayMonths, dates, {
+      broadcastCalendar: props.broadcastCalendar,
+      fixedWeeks: props.fixedWeeks,
+      ISOWeek: props.ISOWeek,
+      reverseMonths: props.reverseMonths
+    }, dateLib);
+    const weeks2 = getWeeks(months2);
+    const days2 = getDays(months2);
+    const previousMonth2 = getPreviousMonth(firstMonth, navStart, props, dateLib);
+    const nextMonth2 = getNextMonth(firstMonth, navEnd, props, dateLib);
+    return {
+      months: months2,
+      weeks: weeks2,
+      days: days2,
+      previousMonth: previousMonth2,
+      nextMonth: nextMonth2
+    };
+  }, [
+    dateLib,
+    firstMonth.getTime(),
+    navEnd == null ? void 0 : navEnd.getTime(),
+    navStart == null ? void 0 : navStart.getTime(),
+    props.disableNavigation,
+    props.broadcastCalendar,
+    (_a = props.endMonth) == null ? void 0 : _a.getTime(),
+    props.fixedWeeks,
+    props.ISOWeek,
+    props.numberOfMonths,
+    props.pagedNavigation,
+    props.reverseMonths
+  ]);
   const { disableNavigation, onMonthChange } = props;
   const isDayInCalendar = (day) => weeks.some((week) => week.days.some((d) => d.isEqualTo(day)));
   const goToMonth = (date) => {
@@ -3951,6 +4156,12 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
     const nextFocus = getNextFocus(moveBy, moveDir, focusedDay, calendar.navStart, calendar.navEnd, props, dateLib);
     if (!nextFocus)
       return;
+    if (props.disableNavigation) {
+      const isNextInCalendar = calendar.days.some((day) => day.isEqualTo(nextFocus));
+      if (!isNextInCalendar) {
+        return;
+      }
+    }
     calendar.goToDay(nextFocus);
     setFocused(nextFocus);
   };
@@ -4211,40 +4422,110 @@ function useSelection(props, dateLib) {
   }
 }
 
+// node_modules/react-day-picker/dist/esm/utils/toTimeZone.js
+function toTimeZone(date, timeZone) {
+  if (date instanceof TZDate && date.timeZone === timeZone) {
+    return date;
+  }
+  return new TZDate(date, timeZone);
+}
+
+// node_modules/react-day-picker/dist/esm/utils/convertMatchersToTimeZone.js
+function convertMatcher(matcher, timeZone) {
+  if (typeof matcher === "boolean" || typeof matcher === "function") {
+    return matcher;
+  }
+  if (matcher instanceof Date) {
+    return toTimeZone(matcher, timeZone);
+  }
+  if (Array.isArray(matcher)) {
+    return matcher.map((value) => value instanceof Date ? toTimeZone(value, timeZone) : value);
+  }
+  if (isDateRange(matcher)) {
+    return __spreadProps(__spreadValues({}, matcher), {
+      from: matcher.from ? toTimeZone(matcher.from, timeZone) : matcher.from,
+      to: matcher.to ? toTimeZone(matcher.to, timeZone) : matcher.to
+    });
+  }
+  if (isDateInterval(matcher)) {
+    return {
+      before: toTimeZone(matcher.before, timeZone),
+      after: toTimeZone(matcher.after, timeZone)
+    };
+  }
+  if (isDateAfterType(matcher)) {
+    return {
+      after: toTimeZone(matcher.after, timeZone)
+    };
+  }
+  if (isDateBeforeType(matcher)) {
+    return {
+      before: toTimeZone(matcher.before, timeZone)
+    };
+  }
+  return matcher;
+}
+function convertMatchersToTimeZone(matchers, timeZone) {
+  if (!matchers) {
+    return matchers;
+  }
+  if (Array.isArray(matchers)) {
+    return matchers.map((matcher) => convertMatcher(matcher, timeZone));
+  }
+  return convertMatcher(matchers, timeZone);
+}
+
 // node_modules/react-day-picker/dist/esm/DayPicker.js
 function DayPicker(initialProps) {
   var _a, _b;
   let props = initialProps;
-  if (props.timeZone) {
-    props = __spreadValues({}, initialProps);
+  const timeZone = props.timeZone;
+  if (timeZone) {
+    props = __spreadProps(__spreadValues({}, initialProps), {
+      timeZone
+    });
     if (props.today) {
-      props.today = new TZDate(props.today, props.timeZone);
+      props.today = toTimeZone(props.today, timeZone);
     }
     if (props.month) {
-      props.month = new TZDate(props.month, props.timeZone);
+      props.month = toTimeZone(props.month, timeZone);
     }
     if (props.defaultMonth) {
-      props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
+      props.defaultMonth = toTimeZone(props.defaultMonth, timeZone);
     }
     if (props.startMonth) {
-      props.startMonth = new TZDate(props.startMonth, props.timeZone);
+      props.startMonth = toTimeZone(props.startMonth, timeZone);
     }
     if (props.endMonth) {
-      props.endMonth = new TZDate(props.endMonth, props.timeZone);
+      props.endMonth = toTimeZone(props.endMonth, timeZone);
     }
     if (props.mode === "single" && props.selected) {
-      props.selected = new TZDate(props.selected, props.timeZone);
+      props.selected = toTimeZone(props.selected, timeZone);
     } else if (props.mode === "multiple" && props.selected) {
-      props.selected = (_a = props.selected) == null ? void 0 : _a.map((date) => new TZDate(date, props.timeZone));
+      props.selected = (_a = props.selected) == null ? void 0 : _a.map((date) => toTimeZone(date, timeZone));
     } else if (props.mode === "range" && props.selected) {
       props.selected = {
-        from: props.selected.from ? new TZDate(props.selected.from, props.timeZone) : void 0,
-        to: props.selected.to ? new TZDate(props.selected.to, props.timeZone) : void 0
+        from: props.selected.from ? toTimeZone(props.selected.from, timeZone) : props.selected.from,
+        to: props.selected.to ? toTimeZone(props.selected.to, timeZone) : props.selected.to
       };
     }
+    if (props.disabled !== void 0) {
+      props.disabled = convertMatchersToTimeZone(props.disabled, timeZone);
+    }
+    if (props.hidden !== void 0) {
+      props.hidden = convertMatchersToTimeZone(props.hidden, timeZone);
+    }
+    if (props.modifiers) {
+      const nextModifiers = {};
+      Object.keys(props.modifiers).forEach((key) => {
+        var _a2;
+        nextModifiers[key] = convertMatchersToTimeZone((_a2 = props.modifiers) == null ? void 0 : _a2[key], timeZone);
+      });
+      props.modifiers = nextModifiers;
+    }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = useMemo(() => {
-    const locale2 = __spreadValues(__spreadValues({}, enUS), props.locale);
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = useMemo2(() => {
+    const locale2 = __spreadValues(__spreadValues({}, enUS2), props.locale);
     const dateLib2 = new DateLib({
       locale: locale2,
       weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
@@ -4258,7 +4539,7 @@ function DayPicker(initialProps) {
       dateLib: dateLib2,
       components: getComponents(props.components),
       formatters: getFormatters(props.formatters),
-      labels: __spreadValues(__spreadValues({}, labels_exports), props.labels),
+      labels: getLabels(props.labels, dateLib2.options),
       locale: locale2,
       classNames: __spreadValues(__spreadValues({}, getDefaultClassNames()), props.classNames)
     };
@@ -4277,15 +4558,18 @@ function DayPicker(initialProps) {
     props.labels,
     props.classNames
   ]);
+  if (!props.today) {
+    props = __spreadProps(__spreadValues({}, props), { today: dateLib.today() });
+  }
   const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
   const { formatCaption: formatCaption2, formatDay: formatDay2, formatMonthDropdown: formatMonthDropdown2, formatWeekNumber: formatWeekNumber2, formatWeekNumberHeader: formatWeekNumberHeader2, formatWeekdayName: formatWeekdayName2, formatYearDropdown: formatYearDropdown2 } = formatters2;
   const calendar = useCalendar(props, dateLib);
   const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth } = calendar;
   const getModifiers = createGetModifiers(days, props, navStart, navEnd, dateLib);
   const { isSelected, select, selected: selectedValue } = (_b = useSelection(props, dateLib)) != null ? _b : {};
-  const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected != null ? isSelected : () => false, dateLib);
+  const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected != null ? isSelected : (() => false), dateLib);
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
-  const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
+  const weekdays = useMemo2(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
   const handlePreviousClick = useCallback2(() => {
     if (!previousMonth)
@@ -4303,6 +4587,9 @@ function DayPicker(initialProps) {
     e.preventDefault();
     e.stopPropagation();
     setFocused(day);
+    if (m.disabled) {
+      return;
+    }
     select == null ? void 0 : select(day.date, m, e);
     onDayClick == null ? void 0 : onDayClick(day.date, m, e);
   }, [select, onDayClick, setFocused]);
@@ -4355,7 +4642,7 @@ function DayPicker(initialProps) {
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const { className, style } = useMemo(() => ({
+  const { className, style } = useMemo2(() => ({
     className: [classNames[UI.Root], props.className].filter(Boolean).join(" "),
     style: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles[UI.Root]), props.style)
   }), [classNames, props.className, props.style, styles]);
@@ -4388,7 +4675,7 @@ function DayPicker(initialProps) {
     { value: contextValue },
     React32.createElement(
       components.Root,
-      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"] }, dataAttributes),
+      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
       React32.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
@@ -4413,8 +4700,12 @@ function DayPicker(initialProps) {
             React32.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React32.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
-              captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", null, formatMonthDropdown2(calendarMonth.date, dateLib)),
-              captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", null, formatYearDropdown2(calendarMonth.date, dateLib)),
+              (() => {
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
+                return controls;
+              })(),
               React32.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
@@ -4427,10 +4718,7 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : (
-              // biome-ignore lint/a11y/useSemanticElements: breaking change
-              React32.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            )),
+            ) : React32.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
             navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React32.createElement(
               components.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
@@ -4450,8 +4738,7 @@ function DayPicker(initialProps) {
                 return React32.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && // biome-ignore lint/a11y/useSemanticElements: react component
-                  React32.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React32.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -4468,10 +4755,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return (
-                      // biome-ignore lint/a11y/useSemanticElements: react component
-                      React32.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside ? dateLib.format(date, "yyyy-MM") : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React32.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib))
-                    );
+                    return React32.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React32.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
                   })
                 );
               }))
@@ -4479,8 +4763,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && // biome-ignore lint/a11y/useSemanticElements: react component
-      React32.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React32.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -5518,7 +5801,6 @@ import { Asterisk } from "lucide-react";
 
 // src/components/input.tsx
 import * as React41 from "react";
-import { Mail, Search, Eye, EyeOff } from "lucide-react";
 import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var Input = React41.forwardRef(
   (_a, ref) => {
@@ -5528,6 +5810,7 @@ var Input = React41.forwardRef(
       size = "md",
       leading,
       trailing,
+      classNameDefault = true,
       invalid = false,
       disabled
     } = _b, props = __objRest(_b, [
@@ -5536,6 +5819,7 @@ var Input = React41.forwardRef(
       "size",
       "leading",
       "trailing",
+      "classNameDefault",
       "invalid",
       "disabled"
     ]);
@@ -5571,7 +5855,6 @@ var Input = React41.forwardRef(
           className: cn(
             "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 opacity-60",
             size === "lg" ? "text-[1.15rem]" : "text-[1rem]",
-            // no desplazamos visualmente en variantes sin padding
             variant === "flushed" || variant === "link" ? "hidden" : ""
           ),
           children: leading
@@ -5583,7 +5866,7 @@ var Input = React41.forwardRef(
           ref,
           "aria-invalid": invalid || void 0,
           disabled,
-          className: cn(
+          className: classNameDefault ? cn(
             base,
             variants2[variant],
             variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
@@ -5591,7 +5874,8 @@ var Input = React41.forwardRef(
             iconPadLeft,
             iconPadRight,
             className
-          )
+          ) : className,
+          "data-private": true
         }, props)
       ),
       trailing ? /* @__PURE__ */ jsx17(
@@ -5609,7 +5893,6 @@ var Input = React41.forwardRef(
   }
 );
 Input.displayName = "Input";
-Input.displayName = "Input";
 
 // src/components/Form/form-field.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -5709,7 +5992,7 @@ var FormField = (_a) => {
             },
             placeholder,
             className: cn("bg-input px-[0.9rem] py-5", className),
-            classNameDefault: classNameDefault != null ? classNameDefault : true
+            classNameDefault
           })
         ) }),
         fieldError && /* @__PURE__ */ jsx18(FormMessage, { className: messageClassName, children: fieldError })
@@ -6102,7 +6385,8 @@ var InputOTPSlot = React44.forwardRef((_a, ref) => {
         "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
         isActive && "z-10 ring-1 ring-ring",
         className
-      )
+      ),
+      "data-private": true
     }, props), {
       children: [
         char,
@@ -6832,7 +7116,7 @@ function SearchInput({
       value: searchTerm,
       onChange: (event) => setSearchTerm(event.target.value),
       className: cn("w-full md:max-w-sm", className),
-      classNameDefault: classNameDefault != null ? classNameDefault : true
+      classNameDefault
     }
   );
 }
@@ -7755,7 +8039,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -7805,9 +8089,9 @@ function DataTable({
     if (onPageChange) {
       onPageChange(pagination.pageIndex + 1);
     }
-  }, [pagination]);
-  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
-    /* @__PURE__ */ jsx48("div", { className: cn("rounded-md border", className), children: /* @__PURE__ */ jsxs23(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", children: [
+  }, [pagination, onPageChange]);
+  return /* @__PURE__ */ jsxs23("div", { className: cn("rounded-md border bg-background flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs23(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", children: [
       /* @__PURE__ */ jsxs23(Table, { className: cn("relative", tableClassName), children: [
         /* @__PURE__ */ jsx48(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
           header.column.columnDef.header,
@@ -7835,23 +8119,26 @@ function DataTable({
         ) }) })
       ] }),
       /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
-    ] }) }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-end gap-2 space-x-2 py-4 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between", children: [
-        isRowsSelected ? /* @__PURE__ */ jsxs23("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+    ] }),
+    /* @__PURE__ */ jsxs23("div", { className: "border-t px-4 py-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: [
+        isRowsSelected && /* @__PURE__ */ jsxs23("div", { className: "text-muted-foreground text-sm", children: [
           table.getFilteredSelectedRowModel().rows.length,
           " ",
           ofLabel,
           " ",
           table.getFilteredRowModel().rows.length,
-          " " + rowsSelectedLabel
-        ] }) : null,
+          " ",
+          rowsSelectedLabel
+        ] }),
         totalRows ? /* @__PURE__ */ jsxs23("div", { className: "text-sm text-muted-foreground", children: [
           "Total: ",
           totalRows,
           " registros"
-        ] }) : null,
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx48("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
           /* @__PURE__ */ jsxs23(
             Select2,
@@ -7871,19 +8158,17 @@ function DataTable({
               ]
             }
           )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between gap-2 sm:justify-end", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
-          pageLabel,
-          " ",
-          pagination.pageIndex + 1,
-          " ",
-          ofLabel,
-          " ",
-          pageCount
         ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex w-[110px] items-center justify-center text-sm font-medium", children: [
+            pageLabel,
+            " ",
+            pagination.pageIndex + 1,
+            " ",
+            ofLabel,
+            " ",
+            pageCount
+          ] }),
           /* @__PURE__ */ jsx48(
             Button,
             {
@@ -7981,7 +8266,7 @@ function DataTableSkeleton({
 // src/shared/fileupload.tsx
 import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { useDropzone } from "react-dropzone";
 import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
 function FileUpload({
@@ -8019,7 +8304,7 @@ function FileUpload({
   ) });
 }
 function ImagePreview({ file }) {
-  const [objectUrl, setObjectUrl] = useState6(null);
+  const [objectUrl, setObjectUrl] = useState5(null);
   useEffect5(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);