shadcn-ui-react 0.4.2 → 0.5.1

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,6 +2483,64 @@ 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 _DateLib {
   /**
@@ -2521,6 +2599,19 @@ var DateLib = class _DateLib {
       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 _DateLib {
       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;
   }
   /**
@@ -2736,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
@@ -3093,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) {
@@ -3148,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);
@@ -3186,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);
@@ -3206,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)
@@ -3372,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, {
@@ -3492,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
@@ -3521,6 +3552,234 @@ 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/noonDateLib.js
+function createNoonOverrides(timeZone, options = {}) {
+  var _a, _b;
+  const { weekStartsOn, locale } = options;
+  const fallbackWeekStartsOn = (_b = weekStartsOn != null ? weekStartsOn : (_a = locale == null ? void 0 : locale.options) == null ? void 0 : _a.weekStartsOn) != null ? _b : 0;
+  const toNoonTZDate = (date) => {
+    const normalizedDate = typeof date === "number" || typeof date === "string" ? new Date(date) : date;
+    return new TZDate(normalizedDate.getFullYear(), normalizedDate.getMonth(), normalizedDate.getDate(), 12, 0, 0, timeZone);
+  };
+  const toCalendarDate = (date) => {
+    const zoned = toNoonTZDate(date);
+    return new Date(zoned.getFullYear(), zoned.getMonth(), zoned.getDate(), 0, 0, 0, 0);
+  };
+  return {
+    today: () => {
+      return toNoonTZDate(TZDate.tz(timeZone));
+    },
+    newDate: (year, monthIndex, date) => {
+      return new TZDate(year, monthIndex, date, 12, 0, 0, timeZone);
+    },
+    startOfDay: (date) => {
+      return toNoonTZDate(date);
+    },
+    startOfWeek: (date, options2) => {
+      var _a2;
+      const base = toNoonTZDate(date);
+      const weekStartsOnValue = (_a2 = options2 == null ? void 0 : options2.weekStartsOn) != null ? _a2 : fallbackWeekStartsOn;
+      const diff = (base.getDay() - weekStartsOnValue + 7) % 7;
+      base.setDate(base.getDate() - diff);
+      return base;
+    },
+    startOfISOWeek: (date) => {
+      const base = toNoonTZDate(date);
+      const diff = (base.getDay() - 1 + 7) % 7;
+      base.setDate(base.getDate() - diff);
+      return base;
+    },
+    startOfMonth: (date) => {
+      const base = toNoonTZDate(date);
+      base.setDate(1);
+      return base;
+    },
+    startOfYear: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(0, 1);
+      return base;
+    },
+    endOfWeek: (date, options2) => {
+      var _a2;
+      const base = toNoonTZDate(date);
+      const weekStartsOnValue = (_a2 = options2 == null ? void 0 : options2.weekStartsOn) != null ? _a2 : fallbackWeekStartsOn;
+      const endDow = (weekStartsOnValue + 6) % 7;
+      const diff = (endDow - base.getDay() + 7) % 7;
+      base.setDate(base.getDate() + diff);
+      return base;
+    },
+    endOfISOWeek: (date) => {
+      const base = toNoonTZDate(date);
+      const diff = (7 - base.getDay()) % 7;
+      base.setDate(base.getDate() + diff);
+      return base;
+    },
+    endOfMonth: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(base.getMonth() + 1, 0);
+      return base;
+    },
+    endOfYear: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(11, 31);
+      return base;
+    },
+    eachMonthOfInterval: (interval) => {
+      const start = toNoonTZDate(interval.start);
+      const end = toNoonTZDate(interval.end);
+      const result = [];
+      const cursor = new TZDate(start.getFullYear(), start.getMonth(), 1, 12, 0, 0, timeZone);
+      const endKey = end.getFullYear() * 12 + end.getMonth();
+      while (cursor.getFullYear() * 12 + cursor.getMonth() <= endKey) {
+        result.push(new TZDate(cursor, timeZone));
+        cursor.setMonth(cursor.getMonth() + 1, 1);
+      }
+      return result;
+    },
+    // Normalize to noon once before arithmetic (avoid DST/midnight edge cases),
+    // mutate the same TZDate, and return it.
+    addDays: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setDate(base.getDate() + amount);
+      return base;
+    },
+    addWeeks: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setDate(base.getDate() + amount * 7);
+      return base;
+    },
+    addMonths: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(base.getMonth() + amount);
+      return base;
+    },
+    addYears: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setFullYear(base.getFullYear() + amount);
+      return base;
+    },
+    eachYearOfInterval: (interval) => {
+      const start = toNoonTZDate(interval.start);
+      const end = toNoonTZDate(interval.end);
+      const years = [];
+      const cursor = new TZDate(start.getFullYear(), 0, 1, 12, 0, 0, timeZone);
+      while (cursor.getFullYear() <= end.getFullYear()) {
+        years.push(new TZDate(cursor, timeZone));
+        cursor.setFullYear(cursor.getFullYear() + 1, 0, 1);
+      }
+      return years;
+    },
+    getWeek: (date, options2) => {
+      var _a2, _b2, _c, _d;
+      const base = toCalendarDate(date);
+      return getWeek(base, {
+        weekStartsOn: (_a2 = options2 == null ? void 0 : options2.weekStartsOn) != null ? _a2 : fallbackWeekStartsOn,
+        firstWeekContainsDate: (_d = (_c = options2 == null ? void 0 : options2.firstWeekContainsDate) != null ? _c : (_b2 = locale == null ? void 0 : locale.options) == null ? void 0 : _b2.firstWeekContainsDate) != null ? _d : 1
+      });
+    },
+    getISOWeek: (date) => {
+      const base = toCalendarDate(date);
+      return getISOWeek(base);
+    },
+    differenceInCalendarDays: (dateLeft, dateRight) => {
+      const left = toCalendarDate(dateLeft);
+      const right = toCalendarDate(dateRight);
+      return differenceInCalendarDays(left, right);
+    },
+    differenceInCalendarMonths: (dateLeft, dateRight) => {
+      const left = toCalendarDate(dateLeft);
+      const right = toCalendarDate(dateRight);
+      return differenceInCalendarMonths(left, right);
+    }
+  };
+}
+
 // node_modules/react-day-picker/dist/esm/useAnimation.js
 import { useLayoutEffect, useRef } from "react";
 var asHtmlElement = (element) => {
@@ -3653,7 +3912,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) {
@@ -3662,15 +3921,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;
@@ -3859,6 +4117,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);
@@ -3871,13 +4130,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) => {
@@ -4008,6 +4298,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);
   };
@@ -4268,54 +4564,138 @@ 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 toZoneNoon(date, timeZone, noonSafe) {
+  if (!noonSafe)
+    return toTimeZone(date, timeZone);
+  const zoned = toTimeZone(date, timeZone);
+  const noonZoned = new TZDate(zoned.getFullYear(), zoned.getMonth(), zoned.getDate(), 12, 0, 0, timeZone);
+  return new Date(noonZoned.getTime());
+}
+function convertMatcher(matcher, timeZone, noonSafe) {
+  if (typeof matcher === "boolean" || typeof matcher === "function") {
+    return matcher;
+  }
+  if (matcher instanceof Date) {
+    return toZoneNoon(matcher, timeZone, noonSafe);
+  }
+  if (Array.isArray(matcher)) {
+    return matcher.map((value) => value instanceof Date ? toZoneNoon(value, timeZone, noonSafe) : 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: toZoneNoon(matcher.before, timeZone, noonSafe),
+      after: toZoneNoon(matcher.after, timeZone, noonSafe)
+    };
+  }
+  if (isDateAfterType(matcher)) {
+    return {
+      after: toZoneNoon(matcher.after, timeZone, noonSafe)
+    };
+  }
+  if (isDateBeforeType(matcher)) {
+    return {
+      before: toZoneNoon(matcher.before, timeZone, noonSafe)
+    };
+  }
+  return matcher;
+}
+function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
+  if (!matchers) {
+    return matchers;
+  }
+  if (Array.isArray(matchers)) {
+    return matchers.map((matcher) => convertMatcher(matcher, timeZone, noonSafe));
+  }
+  return convertMatcher(matchers, timeZone, noonSafe);
+}
+
 // 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(() => {
+    var _a2;
+    const locale2 = __spreadValues(__spreadValues({}, enUS2), props.locale);
+    const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
+    const noonOverrides = props.noonSafe && props.timeZone ? createNoonOverrides(props.timeZone, {
+      weekStartsOn,
+      locale: locale2
+    }) : void 0;
+    const overrides = props.dateLib && noonOverrides ? __spreadValues(__spreadValues({}, noonOverrides), props.dateLib) : (_a2 = props.dateLib) != null ? _a2 : noonOverrides;
     const dateLib2 = new DateLib({
       locale: locale2,
-      weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
+      weekStartsOn,
       firstWeekContainsDate: props.firstWeekContainsDate,
       useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
       useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
       timeZone: props.timeZone,
       numerals: props.numerals
-    }, props.dateLib);
+    }, overrides);
     return {
       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)
     };
@@ -4329,20 +4709,24 @@ function DayPicker(initialProps) {
     props.timeZone,
     props.numerals,
     props.dateLib,
+    props.noonSafe,
     props.components,
     props.formatters,
     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)
@@ -4360,6 +4744,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]);
@@ -4412,7 +4799,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]);
@@ -4488,10 +4875,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 },
@@ -4511,8 +4895,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) => {
@@ -4529,10 +4912,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));
                   })
                 );
               }))
@@ -4540,8 +4920,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)
     )
   );
 }
@@ -5603,7 +5982,7 @@ var Input = React41.forwardRef(
     ]);
     const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition disabled:opacity-50 disabled:cursor-not-allowed";
     const sizeCls = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-12 px-5 text-base" : "h-11 px-4 text-sm";
-    const variants2 = {
+    const variants4 = {
       outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
       soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
       ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
@@ -5646,13 +6025,14 @@ var Input = React41.forwardRef(
           disabled,
           className: classNameDefault ? cn(
             base,
-            variants2[variant],
+            variants4[variant],
             variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
             errorCls,
             iconPadLeft,
             iconPadRight,
             className
-          ) : className
+          ) : className,
+          "data-private": true
         }, props)
       ),
       trailing ? /* @__PURE__ */ jsx17(
@@ -5752,7 +6132,7 @@ var FormField = (_a) => {
                 Asterisk,
                 {
                   className: cn(
-                    "ml-[1px] h-3 w-3 text-red-500",
+                    "ml-px h-3 w-3 text-red-500",
                     requiredLabelClassName
                   )
                 }
@@ -5956,7 +6336,7 @@ var FormSelect = ({
                   Asterisk,
                   {
                     className: cn(
-                      "ml-[4px] h-3 w-3 text-red-500",
+                      "ml-1 h-3 w-3 text-red-500",
                       requiredLabelClassName
                     )
                   }
@@ -6162,7 +6542,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,
@@ -6790,12 +7171,9 @@ var ResizablePanelGroup = (_a) => {
     "className"
   ]);
   return /* @__PURE__ */ jsx29(
-    ResizablePrimitive.PanelGroup,
+    ResizablePrimitive.Group,
     __spreadValues({
-      className: cn(
-        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-        className
-      )
+      className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
     }, props)
   );
 };
@@ -6809,7 +7187,7 @@ var ResizableHandle = (_a) => {
     "className"
   ]);
   return /* @__PURE__ */ jsx29(
-    ResizablePrimitive.PanelResizeHandle,
+    ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
         "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
@@ -6968,7 +7346,7 @@ var SelectContent = React54.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "relative z-50 max-h-96 min-w-32 overflow-hidden  bg-popover border border-border  text-popover-foreground rounded-md shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -6981,7 +7359,7 @@ var SelectContent = React54.forwardRef((_a, ref) => {
           {
             className: cn(
               "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
             ),
             children
           }
@@ -7010,7 +7388,7 @@ var SelectItem = React54.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
         className
       )
     }, props), {
@@ -7038,7 +7416,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React55 from "react";
 import { jsx as jsx33 } from "react/jsx-runtime";
-var Separator5 = React55.forwardRef(
+var Separator6 = React55.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
     return /* @__PURE__ */ jsx33(
@@ -7056,7 +7434,7 @@ var Separator5 = React55.forwardRef(
     );
   }
 );
-Separator5.displayName = SeparatorPrimitive.Root.displayName;
+Separator6.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
@@ -7815,7 +8193,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,
@@ -7865,9 +8243,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,
@@ -7895,23 +8273,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,
@@ -7931,19 +8312,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,
             {
@@ -8252,6 +8631,166 @@ function Dropzone({
     ] }, idx)) })
   ] });
 }
+
+// src/types/select.ts
+var inputVariants2 = {
+  outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+  soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+  ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+  filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+  // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
+  // sin estilos, útil para inputs embebidos o controles muy custom
+  unstyled: "border-0 shadow-none focus:ring-0",
+  // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+  link: "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+};
+var variants2 = inputVariants2;
+
+// src/components/ui/select.tsx
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+function UiSelect({
+  ref,
+  label,
+  placeholder,
+  value,
+  onChange,
+  items,
+  children,
+  className,
+  selectClassName,
+  labelClassName,
+  contentClassName,
+  size = "md",
+  variant = "outline",
+  errorMessage,
+  htmlFormItemId: formItemId
+}) {
+  const triggerBase = "relative inline-flex w-full items-center justify-between outline-none transition disabled:opacity-50 disabled:cursor-not-allowed text-foreground placeholder:text-muted-foreground ring-offset-background";
+  const sizeTrigger = {
+    sm: "h-9 px-3 text-sm",
+    md: "h-11 px-4 text-sm",
+    lg: "h-12 px-5 text-base"
+  };
+  const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-12 text-base" : "h-11 text-sm" : "";
+  const specialLink = variant === "link" ? "text-sm" : "";
+  const contentBase = "bg-popover text-popover-foreground border border-border rounded-md shadow-md";
+  const itemSize = {
+    sm: "h-8 text-sm",
+    md: "h-9 text-sm",
+    lg: "h-10 text-base"
+  };
+  return /* @__PURE__ */ jsxs30("div", { className: cn("w-full", selectClassName), children: [
+    label ? /* @__PURE__ */ jsx55(
+      Label3,
+      {
+        ref,
+        className: cn(errorMessage && "text-destructive", labelClassName),
+        htmlFor: formItemId,
+        children: label
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs30(Select2, { value, onValueChange: onChange, children: [
+      /* @__PURE__ */ jsx55(
+        SelectTrigger,
+        {
+          className: cn(
+            triggerBase,
+            variants2[variant],
+            variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
+            errorMessage && "ring-destructive focus:ring-destructive/40 border-destructive",
+            className,
+            label ? "mt-1" : ""
+          ),
+          children: /* @__PURE__ */ jsx55(SelectValue, { placeholder })
+        }
+      ),
+      /* @__PURE__ */ jsx55(SelectContent, { className: cn(contentBase, contentClassName), children: children ? children : items ? items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx55(
+        SelectItem,
+        {
+          value: item.value,
+          className: cn(itemSize[size]),
+          children: item.label
+        },
+        item.value
+      )) : null })
+    ] }),
+    errorMessage ? /* @__PURE__ */ jsx55("p", { className: "text-sm text-destructive mt-1 ", children: errorMessage }) : null
+  ] });
+}
+
+// src/types/input.ts
+var inputVariants3 = {
+  outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+  // default variant
+  soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+  // similar to 'filled' but lighter
+  ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+  // no background, just hover/focus effect
+  filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+  // solid background, inset shadow
+  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
+  // no lateral/top borders, only bottom; no shadows or rounding
+  unstyled: "border-0 shadow-none focus:ring-0",
+  // no styles, useful for embedded inputs or very custom controls
+  link: "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+};
+var variants3 = inputVariants3;
+
+// src/components/ui/input.tsx
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+function UiInput(_a) {
+  var _b = _a, {
+    ref,
+    label,
+    placeholder,
+    onChange,
+    className,
+    classNameDefault,
+    labelClassName,
+    inputClassName,
+    variant = "outline",
+    errorMessage,
+    htmlFormItemId: formItemId
+  } = _b, inputProps = __objRest(_b, [
+    "ref",
+    "label",
+    "placeholder",
+    "onChange",
+    "className",
+    "classNameDefault",
+    "labelClassName",
+    "inputClassName",
+    "variant",
+    "errorMessage",
+    "htmlFormItemId"
+  ]);
+  return /* @__PURE__ */ jsxs31("div", { className: cn("w-full", inputClassName), children: [
+    label ? /* @__PURE__ */ jsx56(
+      Label3,
+      {
+        ref,
+        className: cn(errorMessage && "text-destructive", labelClassName),
+        htmlFor: formItemId,
+        children: label
+      }
+    ) : null,
+    /* @__PURE__ */ jsx56(
+      Input,
+      __spreadProps(__spreadValues({}, inputProps), {
+        onChange,
+        placeholder,
+        className: cn(
+          "bg-input px-[0.9rem] py-5",
+          className,
+          variants3[variant]
+        ),
+        classNameDefault
+      })
+    ),
+    errorMessage ? /* @__PURE__ */ jsx56("p", { className: "text-sm text-destructive mt-1 ", children: errorMessage }) : null
+  ] });
+}
 export {
   Accordion,
   AccordionContent,
@@ -8433,7 +8972,7 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  Separator5 as Separator,
+  Separator6 as Separator,
   Sheet,
   SheetClose,
   SheetContent,
@@ -8475,6 +9014,8 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  UiInput,
+  UiSelect,
   badgeVariants,
   buttonVariants,
   cn,