shadcn-ui-react 0.7.9 → 0.7.11

package/dist/index.cjs

@@ -251,12 +251,10 @@ __export(index_exports, {
   SelectGroup: () => SelectGroup,
   SelectItem: () => SelectItem,
   SelectLabel: () => SelectLabel,
-  SelectScrollDownButton: () => SelectScrollDownButton,
-  SelectScrollUpButton: () => SelectScrollUpButton,
   SelectSeparator: () => SelectSeparator,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
-  Separator: () => Separator6,
+  Separator: () => Separator5,
   Sheet: () => Sheet,
   SheetClose: () => SheetClose,
   SheetContent: () => SheetContent,
@@ -307,9 +305,18 @@ __export(index_exports, {
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
+  formCompositeControlBase: () => formCompositeControlBase,
+  formCompositeControlErrorClass: () => formCompositeControlErrorClass,
+  formCompositeVariants: () => formCompositeVariants,
+  formControlBase: () => formControlBase,
+  formControlErrorClass: () => formControlErrorClass,
+  formInputVariants: () => formInputVariants,
+  formSizeVariants: () => formSizeVariants,
   getDefaultOptionLabel: () => getDefaultOptionLabel,
   getDefaultOptionValue: () => getDefaultOptionValue,
   getErrorMessage: () => getErrorMessage,
+  getFormControlSizeClass: () => getFormControlSizeClass,
+  getFormSizeClasses: () => getFormSizeClasses,
   getNextEnabledIndex: () => getNextEnabledIndex,
   iconButtonVariants: () => iconButtonVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
@@ -319,7 +326,8 @@ __export(index_exports, {
   toggleVariants: () => toggleVariants,
   useFormField: () => useFormField,
   useSidebar: () => useSidebar,
-  useToast: () => useToast
+  useToast: () => useToast,
+  variants: () => variants
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -3139,16 +3147,16 @@ var DateLib = class _DateLib {
    * @param overrides Custom overrides for the date library functions.
    */
   constructor(options, overrides) {
-    this.Date = Date;
     this.today = () => {
-      var _a;
+      var _a, _b;
       if ((_a = this.overrides) == null ? void 0 : _a.today) {
         return this.overrides.today();
       }
       if (this.options.timeZone) {
         return TZDate.tz(this.options.timeZone);
       }
-      return new this.Date();
+      const DateCtor = (_b = this.options.Date) != null ? _b : Date;
+      return new DateCtor();
     };
     this.newDate = (year, monthIndex, date) => {
       var _a;
@@ -3451,7 +3459,6 @@ var CalendarWeek = class {
 // node_modules/react-day-picker/dist/esm/components/custom-components.js
 var custom_components_exports = {};
 __export(custom_components_exports, {
-  Button: () => Button2,
   CaptionLabel: () => CaptionLabel,
   Chevron: () => Chevron,
   Day: () => Day,
@@ -3479,53 +3486,44 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 
-// node_modules/react-day-picker/dist/esm/components/Button.js
-var import_react = __toESM(require("react"), 1);
-function Button2(props) {
-  return import_react.default.createElement("button", __spreadValues({}, props));
-}
-
 // node_modules/react-day-picker/dist/esm/components/CaptionLabel.js
-var import_react2 = __toESM(require("react"), 1);
+var import_react = __toESM(require("react"), 1);
 function CaptionLabel(props) {
-  return import_react2.default.createElement("span", __spreadValues({}, props));
+  return import_react.default.createElement("span", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Chevron.js
-var import_react3 = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"), 1);
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    import_react3.default.createElement(
-      "svg",
-      { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && import_react3.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && import_react3.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && import_react3.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && import_react3.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
-    )
+  return import_react2.default.createElement(
+    "svg",
+    { className, width: size, height: size, viewBox: "0 0 24 24" },
+    orientation === "up" && import_react2.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+    orientation === "down" && import_react2.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+    orientation === "left" && import_react2.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+    orientation === "right" && import_react2.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/Day.js
-var import_react4 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 function Day(props) {
   const _a = props, { day, modifiers } = _a, tdProps = __objRest(_a, ["day", "modifiers"]);
-  return import_react4.default.createElement("td", __spreadValues({}, tdProps));
+  return import_react3.default.createElement("td", __spreadValues({}, tdProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/DayButton.js
-var import_react5 = __toESM(require("react"), 1);
+var import_react4 = __toESM(require("react"), 1);
 function DayButton(props) {
   const _a = props, { day, modifiers } = _a, buttonProps = __objRest(_a, ["day", "modifiers"]);
-  const ref = import_react5.default.useRef(null);
-  import_react5.default.useEffect(() => {
+  const ref = import_react4.default.useRef(null);
+  import_react4.default.useEffect(() => {
     var _a2;
     if (modifiers.focused)
       (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return import_react5.default.createElement("button", __spreadValues({ ref }, buttonProps));
+  return import_react4.default.createElement("button", __spreadValues({ ref }, buttonProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
@@ -3586,9 +3584,21 @@ var Animation;
   Animation2["caption_before_exit"] = "caption_before_exit";
 })(Animation || (Animation = {}));
 
+// node_modules/react-day-picker/dist/esm/useDayPicker.js
+var import_react5 = require("react");
+var dayPickerContext = (0, import_react5.createContext)(void 0);
+function useDayPicker() {
+  const context = (0, import_react5.useContext)(dayPickerContext);
+  if (context === void 0) {
+    throw new Error("useDayPicker() must be used within a custom component.");
+  }
+  return context;
+}
+
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
 function Dropdown(props) {
-  const _a = props, { options, className, components, classNames } = _a, selectProps = __objRest(_a, ["options", "className", "components", "classNames"]);
+  const _a = props, { options, className } = _a, selectProps = __objRest(_a, ["options", "className"]);
+  const { classNames, components } = useDayPicker();
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
   const selectedOption = options == null ? void 0 : options.find(({ value }) => value === selectProps.value);
   return import_react6.default.createElement(
@@ -3643,140 +3653,125 @@ function Months(props) {
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
-var import_react14 = __toESM(require("react"), 1);
-
-// node_modules/react-day-picker/dist/esm/useDayPicker.js
-var import_react13 = require("react");
-var dayPickerContext = (0, import_react13.createContext)(void 0);
-function useDayPicker() {
-  const context = (0, import_react13.useContext)(dayPickerContext);
-  if (context === void 0) {
-    throw new Error("useDayPicker() must be used within a custom component.");
-  }
-  return context;
-}
-
-// node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
+var import_react13 = __toESM(require("react"), 1);
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return import_react14.default.createElement(components.Dropdown, __spreadValues({}, props));
+  return import_react13.default.createElement(components.Dropdown, __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Nav.js
-var import_react15 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 function Nav(props) {
   const _a = props, { onPreviousClick, onNextClick, previousMonth, nextMonth } = _a, navProps = __objRest(_a, ["onPreviousClick", "onNextClick", "previousMonth", "nextMonth"]);
   const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
-  const handleNextClick = (0, import_react15.useCallback)((e) => {
+  const handleNextClick = (0, import_react14.useCallback)((e) => {
     if (nextMonth) {
       onNextClick == null ? void 0 : onNextClick(e);
     }
   }, [nextMonth, onNextClick]);
-  const handlePreviousClick = (0, import_react15.useCallback)((e) => {
+  const handlePreviousClick = (0, import_react14.useCallback)((e) => {
     if (previousMonth) {
       onPreviousClick == null ? void 0 : onPreviousClick(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return import_react15.default.createElement(
+  return import_react14.default.createElement(
     "nav",
     __spreadValues({}, navProps),
-    import_react15.default.createElement(
+    import_react14.default.createElement(
       components.PreviousMonthButton,
       { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      import_react15.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      import_react14.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    import_react15.default.createElement(
+    import_react14.default.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 },
-      import_react15.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      import_react14.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/NextMonthButton.js
-var import_react16 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 function NextMonthButton(props) {
-  const { components } = useDayPicker();
-  return import_react16.default.createElement(components.Button, __spreadValues({}, props));
+  return import_react15.default.createElement("button", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Option.js
-var import_react17 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"), 1);
 function Option(props) {
-  return import_react17.default.createElement("option", __spreadValues({}, props));
+  return import_react16.default.createElement("option", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js
-var import_react18 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"), 1);
 function PreviousMonthButton(props) {
-  const { components } = useDayPicker();
-  return import_react18.default.createElement(components.Button, __spreadValues({}, props));
+  return import_react17.default.createElement("button", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Root.js
-var import_react19 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 function Root5(props) {
   const _a = props, { rootRef } = _a, rest = __objRest(_a, ["rootRef"]);
-  return import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), { ref: rootRef }));
+  return import_react18.default.createElement("div", __spreadProps(__spreadValues({}, rest), { ref: rootRef }));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Select.js
-var import_react20 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 function Select(props) {
-  return import_react20.default.createElement("select", __spreadValues({}, props));
+  return import_react19.default.createElement("select", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Week.js
-var import_react21 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 function Week(props) {
   const _a = props, { week } = _a, trProps = __objRest(_a, ["week"]);
-  return import_react21.default.createElement("tr", __spreadValues({}, trProps));
+  return import_react20.default.createElement("tr", __spreadValues({}, trProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekday.js
-var import_react22 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 function Weekday(props) {
-  return import_react22.default.createElement("th", __spreadValues({}, props));
+  return import_react21.default.createElement("th", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekdays.js
-var import_react23 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 function Weekdays(props) {
-  return import_react23.default.createElement(
+  return import_react22.default.createElement(
     "thead",
     { "aria-hidden": true },
-    import_react23.default.createElement("tr", __spreadValues({}, props))
+    import_react22.default.createElement("tr", __spreadValues({}, props))
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumber.js
-var import_react24 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 function WeekNumber(props) {
   const _a = props, { week } = _a, thProps = __objRest(_a, ["week"]);
-  return import_react24.default.createElement("th", __spreadValues({}, thProps));
+  return import_react23.default.createElement("th", __spreadValues({}, thProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js
-var import_react25 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"), 1);
 function WeekNumberHeader(props) {
-  return import_react25.default.createElement("th", __spreadValues({}, props));
+  return import_react24.default.createElement("th", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weeks.js
-var import_react26 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 function Weeks(props) {
-  return import_react26.default.createElement("tbody", __spreadValues({}, props));
+  return import_react25.default.createElement("tbody", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
-var import_react27 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"), 1);
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return import_react27.default.createElement(components.Dropdown, __spreadValues({}, props));
+  return import_react26.default.createElement(components.Dropdown, __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-var import_react32 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 
 // node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
@@ -3994,12 +3989,10 @@ var formatters_exports = {};
 __export(formatters_exports, {
   formatCaption: () => formatCaption,
   formatDay: () => formatDay,
-  formatMonthCaption: () => formatMonthCaption,
   formatMonthDropdown: () => formatMonthDropdown,
   formatWeekNumber: () => formatWeekNumber,
   formatWeekNumberHeader: () => formatWeekNumberHeader,
   formatWeekdayName: () => formatWeekdayName,
-  formatYearCaption: () => formatYearCaption,
   formatYearDropdown: () => formatYearDropdown
 });
 
@@ -4008,7 +4001,6 @@ function formatCaption(month, options, dateLib) {
   const lib = dateLib != null ? dateLib : new DateLib(options);
   return lib.formatMonthYear(month);
 }
-var formatMonthCaption = formatCaption;
 
 // node_modules/react-day-picker/dist/esm/formatters/formatDay.js
 function formatDay(date, options, dateLib) {
@@ -4042,24 +4034,15 @@ function formatWeekNumberHeader() {
 function formatYearDropdown(year, dateLib = defaultDateLib) {
   return dateLib.format(year, "yyyy");
 }
-var formatYearCaption = formatYearDropdown;
 
 // node_modules/react-day-picker/dist/esm/helpers/getFormatters.js
 function getFormatters(customFormatters) {
-  if ((customFormatters == null ? void 0 : customFormatters.formatMonthCaption) && !customFormatters.formatCaption) {
-    customFormatters.formatCaption = customFormatters.formatMonthCaption;
-  }
-  if ((customFormatters == null ? void 0 : customFormatters.formatYearCaption) && !customFormatters.formatYearDropdown) {
-    customFormatters.formatYearDropdown = customFormatters.formatYearCaption;
-  }
   return __spreadValues(__spreadValues({}, formatters_exports), customFormatters);
 }
 
 // node_modules/react-day-picker/dist/esm/labels/index.js
 var labels_exports = {};
 __export(labels_exports, {
-  labelCaption: () => labelCaption,
-  labelDay: () => labelDay,
   labelDayButton: () => labelDayButton,
   labelGrid: () => labelGrid,
   labelGridcell: () => labelGridcell,
@@ -4082,14 +4065,12 @@ function labelDayButton(date, modifiers, options, dateLib) {
     label = `${label}, selected`;
   return label;
 }
-var labelDay = labelDayButton;
 
 // node_modules/react-day-picker/dist/esm/labels/labelGrid.js
 function labelGrid(date, options, dateLib) {
   const lib = dateLib != null ? dateLib : new DateLib(options);
   return lib.formatMonthYear(date);
 }
-var labelCaption = labelGrid;
 
 // node_modules/react-day-picker/dist/esm/labels/labelGridcell.js
 function labelGridcell(date, modifiers, options, dateLib) {
@@ -4370,7 +4351,7 @@ function createNoonOverrides(timeZone, options = {}) {
 }
 
 // node_modules/react-day-picker/dist/esm/useAnimation.js
-var import_react28 = require("react");
+var import_react27 = require("react");
 var asHtmlElement = (element) => {
   if (element instanceof HTMLElement)
     return element;
@@ -4388,10 +4369,10 @@ var queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-anima
 var queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
 var queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
 function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
-  const previousRootElSnapshotRef = (0, import_react28.useRef)(null);
-  const previousMonthsRef = (0, import_react28.useRef)(months);
-  const animatingRef = (0, import_react28.useRef)(false);
-  (0, import_react28.useLayoutEffect)(() => {
+  const previousRootElSnapshotRef = (0, import_react27.useRef)(null);
+  const previousMonthsRef = (0, import_react27.useRef)(months);
+  const animatingRef = (0, import_react27.useRef)(false);
+  (0, import_react27.useLayoutEffect)(() => {
     const previousMonths = previousMonthsRef.current;
     previousMonthsRef.current = months;
     if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
@@ -4433,7 +4414,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
     }
     const previousMonthEls = previousRootElSnapshot instanceof HTMLElement ? queryMonthEls(previousRootElSnapshot) : [];
     const currentMonthEls = queryMonthEls(rootElRef.current);
-    if ((currentMonthEls == null ? void 0 : currentMonthEls.every((el) => el instanceof HTMLElement)) && previousMonthEls && previousMonthEls.every((el) => el instanceof HTMLElement)) {
+    if ((currentMonthEls == null ? void 0 : currentMonthEls.every((el) => el instanceof HTMLElement)) && (previousMonthEls == null ? void 0 : previousMonthEls.every((el) => el instanceof HTMLElement))) {
       animatingRef.current = true;
       const cleanUpFunctions = [];
       rootElRef.current.style.isolation = "isolate";
@@ -4501,7 +4482,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
 }
 
 // node_modules/react-day-picker/dist/esm/useCalendar.js
-var import_react30 = require("react");
+var import_react29 = require("react");
 
 // node_modules/react-day-picker/dist/esm/helpers/getDates.js
 function getDates(displayMonths, maxDate, props, dateLib) {
@@ -4615,32 +4596,15 @@ function getMonths(displayMonths, dates, props, dateLib) {
 function getNavMonths(props, dateLib) {
   var _a, _b;
   let { startMonth, endMonth } = props;
-  const { startOfYear: startOfYear2, startOfDay: startOfDay2, startOfMonth: startOfMonth2, endOfMonth: endOfMonth2, addYears: addYears2, endOfYear: endOfYear2, newDate, today } = dateLib;
-  const { fromYear, toYear, fromMonth, toMonth } = props;
-  if (!startMonth && fromMonth) {
-    startMonth = fromMonth;
-  }
-  if (!startMonth && fromYear) {
-    startMonth = dateLib.newDate(fromYear, 0, 1);
-  }
-  if (!endMonth && toMonth) {
-    endMonth = toMonth;
-  }
-  if (!endMonth && toYear) {
-    endMonth = newDate(toYear, 11, 31);
-  }
+  const { startOfYear: startOfYear2, startOfDay: startOfDay2, startOfMonth: startOfMonth2, endOfMonth: endOfMonth2, addYears: addYears2, endOfYear: endOfYear2, today } = dateLib;
   const hasYearDropdown = props.captionLayout === "dropdown" || props.captionLayout === "dropdown-years";
   if (startMonth) {
     startMonth = startOfMonth2(startMonth);
-  } else if (fromYear) {
-    startMonth = newDate(fromYear, 0, 1);
   } else if (!startMonth && hasYearDropdown) {
     startMonth = startOfYear2(addYears2((_a = props.today) != null ? _a : today(), -100));
   }
   if (endMonth) {
     endMonth = endOfMonth2(endMonth);
-  } else if (toYear) {
-    endMonth = newDate(toYear, 11, 31);
   } else if (!endMonth && hasYearDropdown) {
     endMonth = endOfYear2((_b = props.today) != null ? _b : today());
   }
@@ -4697,9 +4661,9 @@ function getWeeks(months) {
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js
-var import_react29 = require("react");
+var import_react28 = require("react");
 function useControlledValue(defaultValue, controlledValue) {
-  const [uncontrolledValue, setValue] = (0, import_react29.useState)(defaultValue);
+  const [uncontrolledValue, setValue] = (0, import_react28.useState)(defaultValue);
   const value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
   return [value, setValue];
 }
@@ -4715,11 +4679,11 @@ function useCalendar(props, dateLib) {
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = (0, import_react30.useMemo)(() => {
+  const { months, weeks, days, previousMonth, nextMonth } = (0, import_react29.useMemo)(() => {
     const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
     const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
       ISOWeek: props.ISOWeek,
@@ -4794,7 +4758,7 @@ function useCalendar(props, dateLib) {
 }
 
 // node_modules/react-day-picker/dist/esm/useFocus.js
-var import_react31 = require("react");
+var import_react30 = require("react");
 
 // node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js
 var FocusTargetPriority;
@@ -4874,9 +4838,9 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
 // node_modules/react-day-picker/dist/esm/useFocus.js
 function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   const { autoFocus } = props;
-  const [lastFocused, setLastFocused] = (0, import_react31.useState)();
+  const [lastFocused, setLastFocused] = (0, import_react30.useState)();
   const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-  const [focusedDay, setFocused] = (0, import_react31.useState)(autoFocus ? focusTarget : void 0);
+  const [focusedDay, setFocused] = (0, import_react30.useState)(autoFocus ? focusTarget : void 0);
   const blur = () => {
     setLastFocused(focusedDay);
     setFocused(void 0);
@@ -5277,7 +5241,7 @@ function DayPicker(initialProps) {
       props.modifiers = nextModifiers;
     }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = (0, import_react32.useMemo)(() => {
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = (0, import_react31.useMemo)(() => {
     var _a2;
     const locale2 = __spreadValues(__spreadValues({}, enUS2), props.locale);
     const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
@@ -5330,21 +5294,21 @@ function DayPicker(initialProps) {
   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 { 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 = (0, import_react32.useMemo)(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
+  const weekdays = (0, import_react31.useMemo)(() => 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 = (0, import_react32.useCallback)(() => {
+  const handlePreviousClick = (0, import_react31.useCallback)(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick == null ? void 0 : onPrevClick(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = (0, import_react32.useCallback)(() => {
+  const handleNextClick = (0, import_react31.useCallback)(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick == null ? void 0 : onNextClick(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = (0, import_react32.useCallback)((day, m) => (e) => {
+  const handleDayClick = (0, import_react31.useCallback)((day, m) => (e) => {
     e.preventDefault();
     e.stopPropagation();
     setFocused(day);
@@ -5354,15 +5318,15 @@ function DayPicker(initialProps) {
     select == null ? void 0 : select(day.date, m, e);
     onDayClick == null ? void 0 : onDayClick(day.date, m, e);
   }, [select, onDayClick, setFocused]);
-  const handleDayFocus = (0, import_react32.useCallback)((day, m) => (e) => {
+  const handleDayFocus = (0, import_react31.useCallback)((day, m) => (e) => {
     setFocused(day);
     onDayFocus == null ? void 0 : onDayFocus(day.date, m, e);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = (0, import_react32.useCallback)((day, m) => (e) => {
+  const handleDayBlur = (0, import_react31.useCallback)((day, m) => (e) => {
     blur();
     onDayBlur == null ? void 0 : onDayBlur(day.date, m, e);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = (0, import_react32.useCallback)((day, modifiers) => (e) => {
+  const handleDayKeyDown = (0, import_react31.useCallback)((day, modifiers) => (e) => {
     const keyMap = {
       ArrowLeft: [
         e.shiftKey ? "month" : "day",
@@ -5387,28 +5351,28 @@ function DayPicker(initialProps) {
     }
     onDayKeyDown == null ? void 0 : onDayKeyDown(day.date, modifiers, e);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = (0, import_react32.useCallback)((day, modifiers) => (e) => {
+  const handleDayMouseEnter = (0, import_react31.useCallback)((day, modifiers) => (e) => {
     onDayMouseEnter == null ? void 0 : onDayMouseEnter(day.date, modifiers, e);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = (0, import_react32.useCallback)((day, modifiers) => (e) => {
+  const handleDayMouseLeave = (0, import_react31.useCallback)((day, modifiers) => (e) => {
     onDayMouseLeave == null ? void 0 : onDayMouseLeave(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = (0, import_react32.useCallback)((date) => (e) => {
+  const handleMonthChange = (0, import_react31.useCallback)((date, monthOffset) => (e) => {
     const selectedMonth = Number(e.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
-    goToMonth(month);
+    goToMonth(dateLib.addMonths(month, -monthOffset));
   }, [dateLib, goToMonth]);
-  const handleYearChange = (0, import_react32.useCallback)((date) => (e) => {
+  const handleYearChange = (0, import_react31.useCallback)((date, monthOffset) => (e) => {
     const selectedYear = Number(e.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
-    goToMonth(month);
+    goToMonth(dateLib.addMonths(month, -monthOffset));
   }, [dateLib, goToMonth]);
-  const { className, style } = (0, import_react32.useMemo)(() => ({
+  const { className, style } = (0, import_react31.useMemo)(() => ({
     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]);
   const dataAttributes = getDataAttributes(props);
-  const rootElRef = (0, import_react32.useRef)(null);
+  const rootElRef = (0, import_react31.useRef)(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
     months,
@@ -5431,18 +5395,19 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return import_react32.default.createElement(
+  return import_react31.default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    import_react32.default.createElement(
+    import_react31.default.createElement(
       components.Root,
       __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: (_c = props.lang) != null ? _c : locale.code, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"] }, dataAttributes),
-      import_react32.default.createElement(
+      import_react31.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && import_react32.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && import_react31.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return import_react32.default.createElement(
+          const monthOffset = props.reverseMonths ? months.length - 1 - displayIndex : displayIndex;
+          return import_react31.default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -5453,21 +5418,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && import_react32.default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && import_react31.default.createElement(
               components.PreviousMonthButton,
               { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              import_react32.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              import_react31.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            import_react32.default.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")) ? import_react32.default.createElement(
+            import_react31.default.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")) ? import_react31.default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? import_react32.default.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) }) : import_react32.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? import_react32.default.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) }) : import_react32.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? import_react31.default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date, monthOffset), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : import_react31.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? import_react31.default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date, monthOffset), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : import_react31.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              import_react32.default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              import_react31.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -5479,27 +5444,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : import_react32.default.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 && import_react32.default.createElement(
+            ) : import_react31.default.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 && import_react31.default.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 },
-              import_react32.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              import_react31.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && import_react32.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            import_react32.default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && import_react31.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            import_react31.default.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles == null ? void 0 : styles[UI.MonthGrid] },
-              !props.hideWeekdays && import_react32.default.createElement(
+              !props.hideWeekdays && import_react31.default.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
-                showWeekNumber && import_react32.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => import_react32.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && import_react31.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => import_react31.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              import_react32.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return import_react32.default.createElement(
+              import_react31.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return import_react31.default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && import_react32.default.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && import_react31.default.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) => {
@@ -5516,7 +5481,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 import_react32.default.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 ? import_react32.default.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));
+                    return import_react31.default.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 ? import_react31.default.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));
                   })
                 );
               }))
@@ -5524,7 +5489,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && import_react32.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && import_react31.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -5547,37 +5512,40 @@ function Calendar(_a) {
       showOutsideDays,
       className: cn("p-3", className),
       classNames: __spreadValues({
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        months: "flex flex-col gap-4 sm:flex-row sm:gap-x-4 sm:gap-y-0",
         month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
+        month_caption: "relative flex items-center justify-center pt-1",
         caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
+        nav: "flex items-center gap-1",
+        button_previous: cn(
           buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+          "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+        weeks: "space-y-1",
+        week: "mt-2 flex w-full",
         day: cn(
+          "relative h-8 w-8 p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          props.mode === "range" ? "first:rounded-l-md last:rounded-r-md" : "rounded-md"
+        ),
+        day_button: cn(
           buttonVariants({ variant: "ghost" }),
-          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+          "h-8 w-8 p-0 font-normal"
         ),
-        day_range_start: "day-range-start",
-        day_range_end: "day-range-end",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible"
+        selected: "[&>button]:bg-primary [&>button]:text-primary-foreground [&>button:hover]:bg-primary [&>button:hover]:text-primary-foreground [&>button:focus]:bg-primary [&>button:focus]:text-primary-foreground",
+        today: "[&>button]:bg-accent [&>button]:text-accent-foreground",
+        outside: "text-muted-foreground opacity-50 [&>button]:text-muted-foreground",
+        disabled: "text-muted-foreground opacity-50 [&>button]:cursor-not-allowed",
+        range_start: "rounded-l-md [&>button]:rounded-l-md [&>button]:bg-primary [&>button]:text-primary-foreground",
+        range_middle: "[&>button]:bg-accent [&>button]:text-accent-foreground [&>button]:rounded-none",
+        range_end: "rounded-r-md [&>button]:rounded-r-md [&>button]:bg-primary [&>button]:text-primary-foreground",
+        hidden: "invisible"
       }, classNames)
     }, props)
   );
@@ -5585,9 +5553,9 @@ function Calendar(_a) {
 Calendar.displayName = "Calendar";
 
 // src/components/card.tsx
-var React35 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Card = React35.forwardRef((_a, ref) => {
+var Card = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
@@ -5601,7 +5569,7 @@ var Card = React35.forwardRef((_a, ref) => {
   );
 });
 Card.displayName = "Card";
-var CardHeader = React35.forwardRef((_a, ref) => {
+var CardHeader = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
@@ -5612,7 +5580,7 @@ var CardHeader = React35.forwardRef((_a, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React35.forwardRef((_a, ref) => {
+var CardTitle = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "h3",
@@ -5623,7 +5591,7 @@ var CardTitle = React35.forwardRef((_a, ref) => {
   );
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React35.forwardRef((_a, ref) => {
+var CardDescription = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "p",
@@ -5634,12 +5602,12 @@ var CardDescription = React35.forwardRef((_a, ref) => {
   );
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React35.forwardRef((_a, ref) => {
+var CardContent = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React35.forwardRef((_a, ref) => {
+var CardFooter = React34.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
@@ -5654,17 +5622,17 @@ CardFooter.displayName = "CardFooter";
 // src/components/carousel.tsx
 var import_react_icons3 = require("@radix-ui/react-icons");
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var React36 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var CarouselContext = React36.createContext(null);
+var CarouselContext = React35.createContext(null);
 function useCarousel() {
-  const context = React36.useContext(CarouselContext);
+  const context = React35.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React36.forwardRef(
+var Carousel = React35.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       orientation = "horizontal",
@@ -5687,22 +5655,22 @@ var Carousel = React36.forwardRef(
       }),
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React36.useState(false);
-    const [canScrollNext, setCanScrollNext] = React36.useState(false);
-    const onSelect = React36.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React35.useState(false);
+    const [canScrollNext, setCanScrollNext] = React35.useState(false);
+    const onSelect = React35.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React36.useCallback(() => {
+    const scrollPrev = React35.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React36.useCallback(() => {
+    const scrollNext = React35.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React36.useCallback(
+    const handleKeyDown = React35.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -5714,13 +5682,13 @@ var Carousel = React36.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React36.useEffect(() => {
+    React35.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React36.useEffect(() => {
+    React35.useEffect(() => {
       if (!api) {
         return;
       }
@@ -5761,7 +5729,7 @@ var Carousel = React36.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React36.forwardRef((_a, ref) => {
+var CarouselContent = React35.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -5777,7 +5745,7 @@ var CarouselContent = React36.forwardRef((_a, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React36.forwardRef((_a, ref) => {
+var CarouselItem = React35.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -5795,7 +5763,7 @@ var CarouselItem = React36.forwardRef((_a, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React36.forwardRef((_a, ref) => {
+var CarouselPrevious = React35.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
@@ -5820,7 +5788,7 @@ var CarouselPrevious = React36.forwardRef((_a, ref) => {
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React36.forwardRef((_a, ref) => {
+var CarouselNext = React35.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
@@ -5849,7 +5817,7 @@ CarouselNext.displayName = "CarouselNext";
 // src/components/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_react_icons4 = require("@radix-ui/react-icons");
-var React37 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var checkboxSizes = {
   sm: "h-4 w-4 rounded",
@@ -5868,7 +5836,7 @@ var checkboxVariants = {
   success: "border-input bg-background data-[state=checked]:border-emerald-500 data-[state=checked]:bg-emerald-500 data-[state=checked]:text-white",
   destructive: "border-input bg-background data-[state=checked]:border-destructive data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground"
 };
-var Checkbox = React37.forwardRef(
+var Checkbox = React36.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -5935,18 +5903,18 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/components/command.tsx
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_cmdk = require("cmdk");
-var React39 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 
 // src/components/dialog.tsx
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_icons5 = require("@radix-ui/react-icons");
-var React38 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React38.forwardRef((_a, ref) => {
+var DialogOverlay = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     DialogPrimitive.Overlay,
@@ -5960,7 +5928,7 @@ var DialogOverlay = React38.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React38.forwardRef((_a, ref) => {
+var DialogContent = React37.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, {}),
@@ -6019,7 +5987,7 @@ var DialogFooter = (_a) => {
   );
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React38.forwardRef((_a, ref) => {
+var DialogTitle = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     DialogPrimitive.Title,
@@ -6033,7 +6001,7 @@ var DialogTitle = React38.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React38.forwardRef((_a, ref) => {
+var DialogDescription = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     DialogPrimitive.Description,
@@ -6047,7 +6015,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/command.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var Command = React39.forwardRef((_a, ref) => {
+var Command = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command,
@@ -6065,7 +6033,7 @@ var CommandDialog = (_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) }));
 };
-var CommandInput = React39.forwardRef((_a, ref) => {
+var CommandInput = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_icons6.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
@@ -6082,7 +6050,7 @@ var CommandInput = React39.forwardRef((_a, ref) => {
   ] });
 });
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React39.forwardRef((_a, ref) => {
+var CommandList = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command.List,
@@ -6093,7 +6061,7 @@ var CommandList = React39.forwardRef((_a, ref) => {
   );
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React39.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   import_cmdk.Command.Empty,
   __spreadValues({
     ref,
@@ -6101,7 +6069,7 @@ var CommandEmpty = React39.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }, props)
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React39.forwardRef((_a, ref) => {
+var CommandGroup = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command.Group,
@@ -6115,7 +6083,7 @@ var CommandGroup = React39.forwardRef((_a, ref) => {
   );
 });
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React39.forwardRef((_a, ref) => {
+var CommandSeparator = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command.Separator,
@@ -6126,7 +6094,7 @@ var CommandSeparator = React39.forwardRef((_a, ref) => {
   );
 });
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React39.forwardRef((_a, ref) => {
+var CommandItem = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command.Item,
@@ -6161,7 +6129,7 @@ CommandShortcut.displayName = "CommandShortcut";
 // src/components/context-menu.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_react_icons7 = require("@radix-ui/react-icons");
-var React40 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -6169,7 +6137,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React40.forwardRef((_a, ref) => {
+var ContextMenuSubTrigger = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     ContextMenuPrimitive.SubTrigger,
@@ -6189,7 +6157,7 @@ var ContextMenuSubTrigger = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React40.forwardRef((_a, ref) => {
+var ContextMenuSubContent = React39.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ContextMenuPrimitive.SubContent,
@@ -6203,7 +6171,7 @@ var ContextMenuSubContent = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React40.forwardRef((_a, ref) => {
+var ContextMenuContent = React39.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ContextMenuPrimitive.Content,
@@ -6217,7 +6185,7 @@ var ContextMenuContent = React40.forwardRef((_a, ref) => {
   ) });
 });
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React40.forwardRef((_a, ref) => {
+var ContextMenuItem = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ContextMenuPrimitive.Item,
@@ -6232,7 +6200,7 @@ var ContextMenuItem = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React40.forwardRef((_a, ref) => {
+var ContextMenuCheckboxItem = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     ContextMenuPrimitive.CheckboxItem,
@@ -6252,7 +6220,7 @@ var ContextMenuCheckboxItem = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React40.forwardRef((_a, ref) => {
+var ContextMenuRadioItem = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     ContextMenuPrimitive.RadioItem,
@@ -6271,7 +6239,7 @@ var ContextMenuRadioItem = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React40.forwardRef((_a, ref) => {
+var ContextMenuLabel = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ContextMenuPrimitive.Label,
@@ -6286,7 +6254,7 @@ var ContextMenuLabel = React40.forwardRef((_a, ref) => {
   );
 });
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React40.forwardRef((_a, ref) => {
+var ContextMenuSeparator = React39.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ContextMenuPrimitive.Separator,
@@ -6316,7 +6284,7 @@ var ContextMenuShortcut = (_a) => {
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/drawer.tsx
-var React41 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var Drawer = (_a) => {
@@ -6336,7 +6304,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React41.forwardRef((_a, ref) => {
+var DrawerOverlay = React40.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_vaul.Drawer.Overlay,
@@ -6347,7 +6315,7 @@ var DrawerOverlay = React41.forwardRef((_a, ref) => {
   );
 });
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React41.forwardRef((_a, ref) => {
+var DrawerContent = React40.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DrawerPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerOverlay, {}),
@@ -6397,7 +6365,7 @@ var DrawerFooter = (_a) => {
   );
 };
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React41.forwardRef((_a, ref) => {
+var DrawerTitle = React40.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_vaul.Drawer.Title,
@@ -6411,7 +6379,7 @@ var DrawerTitle = React41.forwardRef((_a, ref) => {
   );
 });
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React41.forwardRef((_a, ref) => {
+var DrawerDescription = React40.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_vaul.Drawer.Description,
@@ -6426,7 +6394,7 @@ DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 // src/components/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_react_icons8 = require("@radix-ui/react-icons");
-var React42 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -6434,7 +6402,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React42.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
@@ -6454,7 +6422,7 @@ var DropdownMenuSubTrigger = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React42.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React41.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.SubContent,
@@ -6468,7 +6436,7 @@ var DropdownMenuSubContent = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React42.forwardRef((_a, ref) => {
+var DropdownMenuContent = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.Content,
@@ -6484,7 +6452,7 @@ var DropdownMenuContent = React42.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React42.forwardRef((_a, ref) => {
+var DropdownMenuItem = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.Item,
@@ -6499,7 +6467,7 @@ var DropdownMenuItem = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React42.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
@@ -6519,7 +6487,7 @@ var DropdownMenuCheckboxItem = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React42.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     DropdownMenuPrimitive.RadioItem,
@@ -6538,7 +6506,7 @@ var DropdownMenuRadioItem = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React42.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React41.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.Label,
@@ -6553,7 +6521,7 @@ var DropdownMenuLabel = React42.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React42.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React41.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DropdownMenuPrimitive.Separator,
@@ -6580,19 +6548,19 @@ var DropdownMenuShortcut = (_a) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/Form/form-component.tsx
-var React44 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // src/components/Label/label.tsx
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
-var React43 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority5.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-label"
 );
-var Label3 = React43.forwardRef((_a, ref) => {
+var Label3 = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     LabelPrimitive.Root,
@@ -6606,7 +6574,7 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Form/form-component.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var FormFieldContext = React44.createContext(
+var FormFieldContext = React43.createContext(
   null
 );
 function getErrorMessage(error) {
@@ -6642,18 +6610,18 @@ function getNextEnabledIndex(options, currentIndex, direction) {
   }
   return -1;
 }
-var FormItemContext = React44.createContext(null);
-var FormItem = React44.forwardRef((_a, ref) => {
+var FormItemContext = React43.createContext(null);
+var FormItem = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React44.useId();
+  const id = React43.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 var useFormField = () => {
   var _a;
-  const generatedId = React44.useId();
-  const fieldContext = React44.useContext(FormFieldContext);
-  const itemContext = React44.useContext(FormItemContext);
+  const generatedId = React43.useId();
+  const fieldContext = React43.useContext(FormFieldContext);
+  const itemContext = React43.useContext(FormItemContext);
   const formContext = (0, import_react_hook_form.useFormContext)();
   const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
   if (!fieldContext || !formContext) {
@@ -6677,7 +6645,7 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormLabel = React44.forwardRef((_a, ref) => {
+var FormLabel = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -6690,7 +6658,7 @@ var FormLabel = React44.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React44.forwardRef((_a, ref) => {
+var FormControl = React43.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -6704,7 +6672,7 @@ var FormControl = React44.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormMessage = React44.forwardRef((_a, ref) => {
+var FormMessage = React43.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { error, formMessageId } = useFormField();
   const body = error ? getErrorMessage(error) : children;
@@ -6721,7 +6689,7 @@ var FormMessage = React44.forwardRef((_a, ref) => {
   );
 });
 FormMessage.displayName = "FormMessage";
-var FormDescription = React44.forwardRef((_a, ref) => {
+var FormDescription = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -6750,7 +6718,7 @@ function Form({
 }
 
 // src/components/Form/form-checkbox.tsx
-var React45 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var import_lucide_react3 = require("lucide-react");
 var import_react_hook_form3 = require("react-hook-form");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -6791,7 +6759,7 @@ var FormCheckbox = (_a) => {
     "onChange"
   ]);
   var _a2;
-  const generatedId = React45.useId();
+  const generatedId = React44.useId();
   const form = (0, import_react_hook_form3.useFormContext)();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
   const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
@@ -6903,9 +6871,9 @@ var import_lucide_react4 = require("lucide-react");
 var import_react_hook_form4 = require("react-hook-form");
 
 // src/components/input.tsx
-var React46 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 
-// src/components/Form/utils/form-utils.ts
+// src/utils/form-utils.ts
 var formInputVariants = {
   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 shadow-sm hover:bg-muted focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
@@ -6915,6 +6883,15 @@ var formInputVariants = {
   unstyled: "border-0 shadow-none focus:ring-0",
   link: "h-auto border-0 bg-transparent p-0 text-primary shadow-none underline-offset-4 focus:underline focus:ring-0"
 };
+var formCompositeVariants = {
+  outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20",
+  soft: "rounded-md border border-transparent bg-muted/60 shadow-sm hover:bg-muted focus-within:bg-input/80 focus-within:ring-2 focus-within:ring-primary/20",
+  ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus-within:ring-2 focus-within:ring-ring",
+  filled: "rounded-md border border-input bg-muted/70 shadow-inner hover:bg-muted focus-within:bg-input/70 focus-within:ring-2 focus-within:ring-primary/20",
+  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus-within:border-b-2 focus-within:border-primary focus-within:ring-0",
+  unstyled: "border-0 shadow-none focus-within:ring-0",
+  link: "h-auto border-0 bg-transparent p-0 text-primary shadow-none underline-offset-4 focus-within:underline focus-within:ring-0"
+};
 var variants = formInputVariants;
 var formSizeVariants = {
   "2xs": {
@@ -6995,13 +6972,22 @@ var formSizeVariants = {
     message: "text-base"
   }
 };
+var formControlBase = "relative inline-flex w-full items-center justify-between gap-2 text-foreground outline-none transition data-[placeholder]:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
+var formCompositeControlBase = "relative flex w-full items-center gap-2 text-foreground outline-none transition";
+var formControlErrorClass = "border-destructive focus:border-destructive focus:ring-destructive/20";
+var formCompositeControlErrorClass = "border-destructive focus-within:border-destructive focus-within:ring-destructive/20";
 function getFormSizeClasses(size = "md", customSize) {
   return __spreadValues(__spreadValues({}, formSizeVariants[size]), customSize);
 }
+function getFormControlSizeClass(variant, sizeClasses) {
+  if (variant === "flushed") return sizeClasses.flushedControl;
+  if (variant === "link") return sizeClasses.linkControl;
+  return sizeClasses.control;
+}
 
 // src/components/input.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var Input = React46.forwardRef(
+var Input = React45.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -7207,178 +7193,1132 @@ var import_react_hook_form5 = require("react-hook-form");
 
 // src/components/select.tsx
 var import_react_icons9 = require("@radix-ui/react-icons");
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var React47 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var Select2 = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    SelectPrimitive.Trigger,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-      ]
-    })
-  );
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.ChevronUpIcon, {})
-    })
+var SelectContext = React46.createContext(null);
+function useSelectContext(componentName) {
+  const context = React46.useContext(SelectContext);
+  if (!context) {
+    throw new Error(`${componentName} must be used within <Select />`);
+  }
+  return context;
+}
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [internalValue, setInternalValue] = React46.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const setValue = React46.useCallback(
+    (nextValue) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange == null ? void 0 : onChange(nextValue);
+    },
+    [isControlled, onChange]
   );
-});
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.ChevronDownIcon, {})
-    })
+  return [currentValue, setValue];
+}
+function composeRefs(...refs) {
+  return (node) => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(node);
+        return;
+      }
+      ref.current = node;
+    });
+  };
+}
+function getNodeText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") {
+    return "";
+  }
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(getNodeText).join("");
+  }
+  if (React46.isValidElement(node)) {
+    return getNodeText(node.props.children);
+  }
+  return "";
+}
+function getEnabledItems(items) {
+  return items.filter((item) => !item.disabled);
+}
+function getNextItemValue(items, currentValue, direction) {
+  var _a, _b, _c;
+  const enabledItems = getEnabledItems(items);
+  if (!enabledItems.length) return void 0;
+  const currentIndex = enabledItems.findIndex(
+    (item) => item.value === currentValue
   );
-});
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    SelectPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "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
-      ),
-      position
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    SelectPrimitive.Label,
-    __spreadValues({
-      ref,
-      className: cn("px-2 py-1.5 text-sm font-semibold", className)
-    }, props)
+  if (currentIndex === -1) {
+    return direction === "next" ? (_a = enabledItems[0]) == null ? void 0 : _a.value : (_b = enabledItems[enabledItems.length - 1]) == null ? void 0 : _b.value;
+  }
+  const nextIndex = direction === "next" ? (currentIndex + 1) % enabledItems.length : (currentIndex - 1 + enabledItems.length) % enabledItems.length;
+  return (_c = enabledItems[nextIndex]) == null ? void 0 : _c.value;
+}
+function Select2({
+  value,
+  defaultValue = "",
+  onValueChange,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  disabled = false,
+  name,
+  required,
+  variant = "outline",
+  size = "sm",
+  customSize,
+  invalid = false,
+  children
+}) {
+  const triggerRef = React46.useRef(null);
+  const contentRef = React46.useRef(null);
+  const [currentValue, setCurrentValue] = useControllableState({
+    value,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [isOpen, setIsOpen] = useControllableState({
+    value: open,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const itemsRef = React46.useRef(/* @__PURE__ */ new Map());
+  const [itemsVersion, forceItemsUpdate] = React46.useReducer(
+    (version) => version + 1,
+    0
+  );
+  const [activeValue, setActiveValue] = React46.useState();
+  const items = React46.useMemo(
+    () => Array.from(itemsRef.current.values()),
+    [itemsVersion]
+  );
+  const selectedItem = items.find((item) => item.value === currentValue);
+  const registerItem = React46.useCallback((item) => {
+    itemsRef.current.set(item.value, item);
+    forceItemsUpdate();
+  }, []);
+  const unregisterItem = React46.useCallback((value2, id) => {
+    const currentItem = itemsRef.current.get(value2);
+    if (!currentItem || currentItem.id !== id) return;
+    itemsRef.current.set(value2, __spreadProps(__spreadValues({}, currentItem), {
+      ref: null
+    }));
+    forceItemsUpdate();
+  }, []);
+  const updateItemRef = React46.useCallback(
+    (value2, id, node) => {
+      const currentItem = itemsRef.current.get(value2);
+      if (!currentItem || currentItem.id !== id) return;
+      if (currentItem.ref === node) return;
+      itemsRef.current.set(value2, __spreadProps(__spreadValues({}, currentItem), {
+        ref: node
+      }));
+      forceItemsUpdate();
+    },
+    []
   );
-});
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    SelectPrimitive.Item,
-    __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",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.CheckIcon, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemText, { children })
-      ]
-    })
+  const handleOpenChange = React46.useCallback(
+    (nextOpen) => {
+      if (disabled) return;
+      setIsOpen(nextOpen);
+    },
+    [disabled, setIsOpen]
   );
-});
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    SelectPrimitive.Separator,
-    __spreadValues({
-      ref,
-      className: cn("-mx-1 my-1 h-px bg-muted", className)
-    }, props)
+  const handleValueChange = React46.useCallback(
+    (nextValue) => {
+      if (disabled) return;
+      setCurrentValue(nextValue);
+      setIsOpen(false);
+      requestAnimationFrame(() => {
+        var _a;
+        (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      });
+    },
+    [disabled, setCurrentValue, setIsOpen]
   );
-});
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-// src/components/Form/form-select.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var FormSelect = ({
-  name,
-  control,
-  rules,
-  shouldUnregister,
-  defaultValue,
-  placeholder = "Seleccionar opci\xF3n",
-  label,
-  requiredLabel,
-  className,
-  itemClassName,
-  contentClassName,
-  searchInputClassName,
-  labelClassName,
-  messageClassName,
-  requiredLabelClassName,
-  options,
-  items,
-  getOptionValue = getDefaultOptionValue,
-  getOptionLabel = getDefaultOptionLabel,
-  getOptionDisabled,
-  getOptionData,
-  children,
-  onChange,
-  onChangeItem,
-  disabled,
-  size = "md",
-  customSize,
-  variant = "outline",
-  invalid,
-  searchable = false,
-  searchPlaceholder = "Buscar\u2026",
-  emptyText = "No hay resultados",
-  position = "popper"
-}) => {
-  const form = (0, import_react_hook_form5.useFormContext)();
+  React46.useEffect(() => {
+    var _a;
+    if (!isOpen) return;
+    const selectedEnabledItem = items.find(
+      (item) => item.value === currentValue && !item.disabled
+    );
+    const firstEnabledItem = getEnabledItems(items)[0];
+    setActiveValue((_a = selectedEnabledItem == null ? void 0 : selectedEnabledItem.value) != null ? _a : firstEnabledItem == null ? void 0 : firstEnabledItem.value);
+  }, [currentValue, isOpen, items]);
+  React46.useEffect(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (event) => {
+      var _a, _b;
+      const target = event.target;
+      if (((_a = triggerRef.current) == null ? void 0 : _a.contains(target)) || ((_b = contentRef.current) == null ? void 0 : _b.contains(target))) {
+        return;
+      }
+      setIsOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+    };
+  }, [isOpen, setIsOpen]);
+  const contextValue = React46.useMemo(
+    () => ({
+      value: currentValue,
+      open: isOpen,
+      disabled,
+      invalid,
+      variant,
+      size,
+      customSize,
+      selectedItem,
+      activeValue,
+      items,
+      triggerRef,
+      contentRef,
+      setOpen: handleOpenChange,
+      setValue: handleValueChange,
+      setActiveValue,
+      registerItem,
+      unregisterItem,
+      updateItemRef
+    }),
+    [
+      currentValue,
+      isOpen,
+      disabled,
+      invalid,
+      variant,
+      size,
+      customSize,
+      selectedItem,
+      activeValue,
+      items,
+      handleOpenChange,
+      handleValueChange,
+      registerItem,
+      unregisterItem,
+      updateItemRef
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(SelectContext.Provider, { value: contextValue, children: [
+    children,
+    name ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: currentValue,
+        required
+      }
+    ) : null
+  ] });
+}
+var SelectTrigger = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      variant,
+      size,
+      customSize,
+      invalid,
+      disabled,
+      onClick,
+      onKeyDown
+    } = _b, props = __objRest(_b, [
+      "className",
+      "children",
+      "variant",
+      "size",
+      "customSize",
+      "invalid",
+      "disabled",
+      "onClick",
+      "onKeyDown"
+    ]);
+    const context = useSelectContext("SelectTrigger");
+    const resolvedVariant = variant != null ? variant : context.variant;
+    const resolvedSize = size != null ? size : context.size;
+    const resolvedCustomSize = customSize != null ? customSize : context.customSize;
+    const resolvedInvalid = invalid != null ? invalid : context.invalid;
+    const resolvedDisabled = disabled != null ? disabled : context.disabled;
+    const sizeClasses = getFormSizeClasses(resolvedSize, resolvedCustomSize);
+    const controlSizeClass = getFormControlSizeClass(
+      resolvedVariant,
+      sizeClasses
+    );
+    const typeaheadRef = React46.useRef("");
+    const typeaheadTimeoutRef = React46.useRef(null);
+    const moveActiveItem = React46.useCallback(
+      (direction) => {
+        var _a2;
+        const nextValue = getNextItemValue(
+          context.items,
+          (_a2 = context.activeValue) != null ? _a2 : context.value,
+          direction
+        );
+        if (nextValue) {
+          context.setActiveValue(nextValue);
+        }
+      },
+      [context]
+    );
+    const handleTypeahead = React46.useCallback(
+      (key) => {
+        typeaheadRef.current += key.toLowerCase();
+        if (typeaheadTimeoutRef.current) {
+          window.clearTimeout(typeaheadTimeoutRef.current);
+        }
+        typeaheadTimeoutRef.current = window.setTimeout(() => {
+          typeaheadRef.current = "";
+        }, 500);
+        const enabledItems = getEnabledItems(context.items);
+        const match2 = enabledItems.find(
+          (item) => item.textValue.toLowerCase().startsWith(typeaheadRef.current)
+        );
+        if (!match2) return;
+        if (!context.open) {
+          context.setOpen(true);
+        }
+        context.setActiveValue(match2.value);
+      },
+      [context]
+    );
+    React46.useEffect(() => {
+      return () => {
+        if (typeaheadTimeoutRef.current) {
+          window.clearTimeout(typeaheadTimeoutRef.current);
+        }
+      };
+    }, []);
+    const handleKeyDown = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (event.defaultPrevented || resolvedDisabled) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        if (!context.open) {
+          context.setOpen(true);
+          return;
+        }
+        moveActiveItem("next");
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        if (!context.open) {
+          context.setOpen(true);
+          return;
+        }
+        moveActiveItem("previous");
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        if (!context.open) {
+          context.setOpen(true);
+          return;
+        }
+        if (context.activeValue) {
+          context.setValue(context.activeValue);
+        }
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        context.setOpen(false);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        const firstEnabledItem = getEnabledItems(context.items)[0];
+        if (firstEnabledItem) {
+          context.setActiveValue(firstEnabledItem.value);
+        }
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        const enabledItems = getEnabledItems(context.items);
+        const lastEnabledItem = enabledItems[enabledItems.length - 1];
+        if (lastEnabledItem) {
+          context.setActiveValue(lastEnabledItem.value);
+        }
+        return;
+      }
+      if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+        handleTypeahead(event.key);
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "button",
+      __spreadProps(__spreadValues({
+        ref: composeRefs(ref, context.triggerRef),
+        type: "button",
+        "aria-haspopup": "listbox",
+        "aria-expanded": context.open,
+        "data-placeholder": !context.value ? "" : void 0,
+        disabled: resolvedDisabled,
+        className: cn(
+          formControlBase,
+          "whitespace-nowrap ring-offset-background [&>span]:line-clamp-1",
+          formInputVariants[resolvedVariant],
+          controlSizeClass,
+          resolvedInvalid && formControlErrorClass,
+          className
+        ),
+        onClick: (event) => {
+          onClick == null ? void 0 : onClick(event);
+          if (!event.defaultPrevented && !resolvedDisabled) {
+            context.setOpen(!context.open);
+          }
+        },
+        onKeyDown: handleKeyDown
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.CaretSortIcon, { className: "h-4 w-4 shrink-0 opacity-50" })
+        ]
+      })
+    );
+  }
+);
+SelectTrigger.displayName = "SelectTrigger";
+var SelectValue = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, placeholder, children } = _b, props = __objRest(_b, ["className", "placeholder", "children"]);
+    var _a2, _b2;
+    const context = useSelectContext("SelectValue");
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", __spreadProps(__spreadValues({ ref, className: cn("truncate", className) }, props), { children: (_b2 = children != null ? children : (_a2 = context.selectedItem) == null ? void 0 : _a2.label) != null ? _b2 : placeholder }));
+  }
+);
+SelectValue.displayName = "SelectValue";
+var SelectContent = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      sideOffset = 4,
+      align = "start",
+      position: _position,
+      style
+    } = _b, props = __objRest(_b, [
+      "className",
+      "children",
+      "sideOffset",
+      "align",
+      "position",
+      "style"
+    ]);
+    const context = useSelectContext("SelectContent");
+    const scrollRef = React46.useRef(null);
+    const rafRef = React46.useRef(null);
+    const [mounted, setMounted] = React46.useState(false);
+    const [side, setSide] = React46.useState("bottom");
+    const [contentStyle, setContentStyle] = React46.useState();
+    React46.useEffect(() => {
+      setMounted(true);
+    }, []);
+    const updatePosition = React46.useCallback(() => {
+      const trigger = context.triggerRef.current;
+      if (!trigger) return;
+      const rect = trigger.getBoundingClientRect();
+      const viewportPadding = 8;
+      const preferredMaxHeight = 260;
+      const minUsefulHeight = 140;
+      const availableBelow = window.innerHeight - rect.bottom - viewportPadding - sideOffset;
+      const availableAbove = rect.top - viewportPadding - sideOffset;
+      const nextSide = availableBelow >= Math.min(preferredMaxHeight, minUsefulHeight) || availableBelow >= availableAbove ? "bottom" : "top";
+      const availableHeight = nextSide === "bottom" ? availableBelow : availableAbove;
+      const contentMaxHeight = Math.max(
+        80,
+        Math.min(preferredMaxHeight, availableHeight)
+      );
+      const baseStyle = {
+        position: "fixed",
+        zIndex: 9999,
+        width: rect.width,
+        minWidth: rect.width,
+        maxWidth: "calc(100vw - 16px)",
+        maxHeight: contentMaxHeight
+      };
+      if (align === "start") {
+        baseStyle.left = rect.left;
+        baseStyle.transform = void 0;
+      }
+      if (align === "center") {
+        baseStyle.left = rect.left + rect.width / 2;
+        baseStyle.transform = "translateX(-50%)";
+      }
+      if (align === "end") {
+        baseStyle.left = rect.right;
+        baseStyle.transform = "translateX(-100%)";
+      }
+      if (nextSide === "bottom") {
+        baseStyle.top = rect.bottom + sideOffset;
+        baseStyle.bottom = void 0;
+      } else {
+        baseStyle.bottom = window.innerHeight - rect.top + sideOffset;
+        baseStyle.top = void 0;
+      }
+      setSide(nextSide);
+      setContentStyle(baseStyle);
+    }, [align, context.triggerRef, sideOffset]);
+    const scheduleUpdatePosition = React46.useCallback(() => {
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+      rafRef.current = requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }, [updatePosition]);
+    React46.useLayoutEffect(() => {
+      var _a2, _b2;
+      if (!context.open) return;
+      updatePosition();
+      scheduleUpdatePosition();
+      const handleResize = () => {
+        scheduleUpdatePosition();
+      };
+      const handlePageScroll = (event) => {
+        var _a3;
+        const target = event.target;
+        if (target && ((_a3 = scrollRef.current) == null ? void 0 : _a3.contains(target))) {
+          return;
+        }
+        scheduleUpdatePosition();
+      };
+      window.addEventListener("resize", handleResize);
+      window.addEventListener("scroll", handlePageScroll, true);
+      (_a2 = window.visualViewport) == null ? void 0 : _a2.addEventListener("resize", handleResize);
+      (_b2 = window.visualViewport) == null ? void 0 : _b2.addEventListener("scroll", handleResize);
+      return () => {
+        var _a3, _b3;
+        window.removeEventListener("resize", handleResize);
+        window.removeEventListener("scroll", handlePageScroll, true);
+        (_a3 = window.visualViewport) == null ? void 0 : _a3.removeEventListener("resize", handleResize);
+        (_b3 = window.visualViewport) == null ? void 0 : _b3.removeEventListener("scroll", handleResize);
+        if (rafRef.current) {
+          cancelAnimationFrame(rafRef.current);
+          rafRef.current = null;
+        }
+      };
+    }, [context.open, scheduleUpdatePosition, updatePosition]);
+    React46.useLayoutEffect(() => {
+      if (!context.open) return;
+      const frame = requestAnimationFrame(() => {
+        var _a2;
+        const activeItem = context.items.find(
+          (item) => item.value === context.activeValue
+        );
+        (_a2 = activeItem == null ? void 0 : activeItem.ref) == null ? void 0 : _a2.scrollIntoView({
+          block: "nearest"
+        });
+      });
+      return () => {
+        cancelAnimationFrame(frame);
+      };
+    }, [context.activeValue, context.items, context.open]);
+    if (!context.open) {
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { hidden: true, "aria-hidden": "true", style: { display: "none" }, children });
+    }
+    if (!mounted || !contentStyle) return null;
+    return (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "div",
+        __spreadProps(__spreadValues({}, props), {
+          ref: composeRefs(ref, context.contentRef),
+          role: "listbox",
+          "data-side": side,
+          className: cn(
+            "min-w-32 rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+            "overflow-hidden",
+            className
+          ),
+          style: __spreadValues(__spreadValues({}, contentStyle), style),
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            "div",
+            {
+              ref: scrollRef,
+              "data-select-scroll-content": true,
+              className: cn(
+                "max-h-full px-1 py-1",
+                "!overflow-x-hidden !overflow-y-scroll overscroll-contain",
+                "[scrollbar-gutter:stable]",
+                "[scrollbar-width:thin]",
+                "[&::-webkit-scrollbar]:!block",
+                "[&::-webkit-scrollbar]:!w-2",
+                "[&::-webkit-scrollbar-track]:!bg-transparent",
+                "[&::-webkit-scrollbar-thumb]:!rounded-full",
+                "[&::-webkit-scrollbar-thumb]:!bg-border"
+              ),
+              style: {
+                maxHeight: contentStyle.maxHeight,
+                overflowX: "hidden",
+                overflowY: "scroll",
+                overscrollBehavior: "contain",
+                scrollbarGutter: "stable",
+                WebkitOverflowScrolling: "touch"
+              },
+              onWheel: (event) => {
+                event.stopPropagation();
+              },
+              children
+            }
+          )
+        })
+      ),
+      document.body
+    );
+  }
+);
+SelectContent.displayName = "SelectContent";
+var SelectGroup = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", __spreadValues({ ref, role: "group", className }, props));
+  }
+);
+SelectGroup.displayName = "SelectGroup";
+var SelectLabel = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "div",
+      __spreadValues({
+        ref,
+        className: cn("px-2 py-1.5 text-sm font-semibold", className)
+      }, props)
+    );
+  }
+);
+SelectLabel.displayName = "SelectLabel";
+var SelectItem = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      value,
+      disabled = false,
+      textValue,
+      size,
+      customSize,
+      onClick,
+      onMouseMove,
+      onMouseDown
+    } = _b, props = __objRest(_b, [
+      "className",
+      "children",
+      "value",
+      "disabled",
+      "textValue",
+      "size",
+      "customSize",
+      "onClick",
+      "onMouseMove",
+      "onMouseDown"
+    ]);
+    const context = useSelectContext("SelectItem");
+    const {
+      registerItem,
+      unregisterItem,
+      updateItemRef,
+      setActiveValue,
+      setValue,
+      value: selectedValue,
+      activeValue,
+      size: contextSize,
+      customSize: contextCustomSize
+    } = context;
+    const itemId = React46.useId();
+    const localRef = React46.useRef(null);
+    const resolvedSize = size != null ? size : contextSize;
+    const resolvedCustomSize = customSize != null ? customSize : contextCustomSize;
+    const sizeClasses = getFormSizeClasses(resolvedSize, resolvedCustomSize);
+    const labelText = textValue != null ? textValue : getNodeText(children);
+    const isSelected = selectedValue === value;
+    const isActive = activeValue === value;
+    React46.useEffect(() => {
+      registerItem({
+        id: itemId,
+        value,
+        label: children,
+        textValue: labelText,
+        disabled,
+        ref: localRef.current
+      });
+      return () => {
+        unregisterItem(value, itemId);
+      };
+    }, [
+      registerItem,
+      unregisterItem,
+      itemId,
+      value,
+      children,
+      labelText,
+      disabled
+    ]);
+    const handleItemRef = React46.useCallback(
+      (node) => {
+        localRef.current = node;
+        updateItemRef(value, itemId, node);
+      },
+      [updateItemRef, value, itemId]
+    );
+    const setRefs = React46.useMemo(
+      () => composeRefs(ref, handleItemRef),
+      [ref, handleItemRef]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "div",
+      __spreadProps(__spreadValues({
+        ref: setRefs,
+        id: itemId,
+        role: "option",
+        "aria-selected": isSelected,
+        "aria-disabled": disabled,
+        "data-highlighted": isActive ? "" : void 0,
+        "data-disabled": disabled ? "" : void 0,
+        className: cn(
+          "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 outline-none transition-colors",
+          sizeClasses.selectItem,
+          !disabled && "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        onMouseDown: (event) => {
+          event.preventDefault();
+          onMouseDown == null ? void 0 : onMouseDown(event);
+        },
+        onMouseMove: (event) => {
+          onMouseMove == null ? void 0 : onMouseMove(event);
+          if (!disabled) {
+            setActiveValue(value);
+          }
+        },
+        onClick: (event) => {
+          onClick == null ? void 0 : onClick(event);
+          if (!event.defaultPrevented && !disabled) {
+            setValue(value);
+          }
+        }
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons9.CheckIcon, { className: "h-4 w-4" }) : null }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children })
+        ]
+      })
+    );
+  }
+);
+SelectItem.displayName = "SelectItem";
+var SelectSeparator = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "div",
+      __spreadValues({
+        ref,
+        role: "separator",
+        className: cn("-mx-1 my-1 h-px bg-muted", className)
+      }, props)
+    );
+  }
+);
+SelectSeparator.displayName = "SelectSeparator";
+
+// src/components/searchable-select.tsx
+var React47 = __toESM(require("react"), 1);
+var import_react_icons10 = require("@radix-ui/react-icons");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function normalizeText(value) {
+  return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase().trim();
+}
+function getLabelText(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  return "";
+}
+function getOptionText(item) {
+  if (!item) return "";
+  return getLabelText(item.label) || item.value;
+}
+function getNextEnabledIndex2(items, currentIndex, direction) {
+  var _a;
+  if (!items.length) return -1;
+  let nextIndex = currentIndex;
+  for (let index = 0; index < items.length; index += 1) {
+    nextIndex = (nextIndex + direction + items.length) % items.length;
+    if (!((_a = items[nextIndex]) == null ? void 0 : _a.disabled)) {
+      return nextIndex;
+    }
+  }
+  return -1;
+}
+function SearchableSelectBase({
+  items,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Select an option",
+  searchPlaceholder = "Search\u2026",
+  emptyText = "No results found",
+  disabled,
+  name,
+  required,
+  invalid = false,
+  size = "md",
+  customSize,
+  variant = "outline",
+  classNameDefault = true,
+  triggerClassName,
+  contentClassName,
+  itemClassName,
+  searchInputClassName
+}) {
+  const rootRef = React47.useRef(null);
+  const inputRef = React47.useRef(null);
+  const listboxId = React47.useId();
+  const sizeClasses = getFormSizeClasses(size, customSize);
+  const triggerSizeClass = getFormControlSizeClass(variant, sizeClasses);
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React47.useState(defaultValue != null ? defaultValue : "");
+  const currentValue = isControlled ? value != null ? value : "" : internalValue;
+  const selectedItem = React47.useMemo(() => {
+    return items.find((item) => item.value === currentValue);
+  }, [currentValue, items]);
+  const selectedText = React47.useMemo(() => {
+    return getOptionText(selectedItem);
+  }, [selectedItem]);
+  const [open, setOpen] = React47.useState(false);
+  const [inputValue, setInputValue] = React47.useState(selectedText);
+  const [activeIndex, setActiveIndex] = React47.useState(-1);
+  React47.useEffect(() => {
+    if (!open) {
+      setInputValue(selectedText);
+    }
+  }, [open, selectedText]);
+  const filteredItems = React47.useMemo(() => {
+    const query = normalizeText(inputValue);
+    if (!query) return items;
+    return items.filter((item) => {
+      var _a;
+      const haystack = normalizeText(
+        `${getLabelText(item.label)} ${item.value} ${(_a = item.keywords) != null ? _a : ""}`
+      );
+      return haystack.includes(query);
+    });
+  }, [inputValue, items]);
+  React47.useEffect(() => {
+    if (!open) return;
+    const firstEnabledIndex = filteredItems.findIndex((item) => !item.disabled);
+    setActiveIndex(firstEnabledIndex);
+  }, [filteredItems, open]);
+  React47.useEffect(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      var _a;
+      const target = event.target;
+      if (target && ((_a = rootRef.current) == null ? void 0 : _a.contains(target))) {
+        return;
+      }
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+    };
+  }, [open]);
+  const selectItem = React47.useCallback(
+    (item) => {
+      if (item.disabled) return;
+      if (!isControlled) {
+        setInternalValue(item.value);
+      }
+      setInputValue(getOptionText(item));
+      setOpen(false);
+      onValueChange == null ? void 0 : onValueChange(item.value, item);
+      requestAnimationFrame(() => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+      });
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ref: rootRef, className: "relative w-full", children: [
+    name ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: currentValue,
+        required,
+        disabled
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      "div",
+      {
+        className: classNameDefault ? cn(
+          formCompositeControlBase,
+          formCompositeVariants[variant],
+          triggerSizeClass,
+          invalid && formCompositeControlErrorClass,
+          disabled && "cursor-not-allowed opacity-50",
+          triggerClassName
+        ) : triggerClassName,
+        onPointerDown: () => {
+          if (disabled) return;
+          setOpen(true);
+          requestAnimationFrame(() => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+          });
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              value: inputValue,
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": open,
+              "aria-controls": listboxId,
+              "aria-invalid": invalid || void 0,
+              "aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
+              placeholder: open ? searchPlaceholder : placeholder,
+              autoComplete: "off",
+              spellCheck: false,
+              disabled,
+              onFocus: () => {
+                setOpen(true);
+                requestAnimationFrame(() => {
+                  var _a;
+                  (_a = inputRef.current) == null ? void 0 : _a.select();
+                });
+              },
+              onChange: (event) => {
+                setInputValue(event.target.value);
+                setOpen(true);
+              },
+              onKeyDown: (event) => {
+                var _a;
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  setOpen(true);
+                  setActiveIndex(
+                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, 1)
+                  );
+                  return;
+                }
+                if (event.key === "ArrowUp") {
+                  event.preventDefault();
+                  setOpen(true);
+                  setActiveIndex(
+                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, -1)
+                  );
+                  return;
+                }
+                if (event.key === "Enter") {
+                  if (!open) return;
+                  event.preventDefault();
+                  const activeItem = filteredItems[activeIndex];
+                  if (activeItem) {
+                    selectItem(activeItem);
+                  }
+                  return;
+                }
+                if (event.key === "Escape") {
+                  event.preventDefault();
+                  setOpen(false);
+                  setInputValue(selectedText);
+                  (_a = inputRef.current) == null ? void 0 : _a.blur();
+                }
+              },
+              className: cn(
+                "h-full min-w-0 flex-1 border-0 bg-transparent p-0 outline-none",
+                "placeholder:text-muted-foreground disabled:cursor-not-allowed",
+                searchInputClassName
+              )
+            }
+          ),
+          inputValue && open ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Limpiar b\xFAsqueda",
+              tabIndex: -1,
+              onPointerDown: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+              },
+              onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                setInputValue("");
+                requestAnimationFrame(() => {
+                  var _a;
+                  (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+                });
+              },
+              className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons10.Cross2Icon, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_react_icons10.CaretSortIcon,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "h-4 w-4 shrink-0 opacity-50 transition-transform",
+                open && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        className: cn(
+          "absolute left-0 top-full z-50 mt-1 w-full overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl transition",
+          !open && "pointer-events-none invisible opacity-0",
+          open && "visible opacity-100",
+          contentClassName
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "div",
+          {
+            id: listboxId,
+            role: "listbox",
+            className: "max-h-72 overflow-y-auto overscroll-contain p-1 [scrollbar-gutter:stable]",
+            onWheelCapture: (event) => {
+              event.stopPropagation();
+            },
+            onTouchMoveCapture: (event) => {
+              event.stopPropagation();
+            },
+            children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "div",
+              {
+                className: cn(
+                  "px-3 py-6 text-center text-muted-foreground",
+                  sizeClasses.message
+                ),
+                children: emptyText
+              }
+            ) : filteredItems.map((item, index) => {
+              const isSelected = item.value === currentValue;
+              const isActive = index === activeIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                "div",
+                {
+                  id: `${listboxId}-option-${index}`,
+                  role: "option",
+                  "aria-selected": isSelected,
+                  "aria-disabled": item.disabled,
+                  tabIndex: -1,
+                  onMouseMove: () => {
+                    if (!item.disabled) {
+                      setActiveIndex(index);
+                    }
+                  },
+                  onPointerDown: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (!item.disabled) {
+                      selectItem(item);
+                    }
+                  },
+                  className: cn(
+                    "relative flex w-full select-none items-center gap-2 rounded-lg px-3 text-left outline-none transition",
+                    sizeClasses.selectItem,
+                    item.disabled ? "pointer-events-none opacity-50" : "cursor-pointer",
+                    isActive && !item.disabled && "bg-accent text-accent-foreground",
+                    !isActive && !item.disabled && "hover:bg-accent/70 hover:text-accent-foreground",
+                    isSelected && "font-medium",
+                    itemClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                    isSelected ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                      import_react_icons10.CheckIcon,
+                      {
+                        "aria-hidden": "true",
+                        className: "h-4 w-4 shrink-0 text-primary"
+                      }
+                    ) : null
+                  ]
+                },
+                item.value
+              );
+            })
+          }
+        )
+      }
+    )
+  ] });
+}
+var SearchableSelect = React47.memo(
+  SearchableSelectBase
+);
+
+// src/components/Form/form-select.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var FormSelect = ({
+  name,
+  control,
+  rules,
+  shouldUnregister,
+  defaultValue,
+  placeholder = "Seleccionar opci\xF3n",
+  label,
+  requiredLabel,
+  className,
+  itemClassName,
+  contentClassName,
+  searchInputClassName,
+  labelClassName,
+  messageClassName,
+  requiredLabelClassName,
+  options,
+  items,
+  getOptionValue = getDefaultOptionValue,
+  getOptionLabel = getDefaultOptionLabel,
+  getOptionDisabled,
+  getOptionData,
+  children,
+  onChange,
+  onChangeItem,
+  disabled,
+  size = "md",
+  customSize,
+  variant = "outline",
+  invalid,
+  searchable = false,
+  searchPlaceholder = "Buscar\u2026",
+  emptyText = "No hay resultados",
+  classNameDefault = true,
+  position
+}) => {
+  const form = (0, import_react_hook_form5.useFormContext)();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
   const sizeClasses = getFormSizeClasses(size, customSize);
-  const triggerBase = "relative inline-flex w-full items-center justify-between gap-2 text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
-  const triggerSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
+  const triggerSizeClass = getFormControlSizeClass(variant, sizeClasses);
   const contentBase = "z-50 rounded-xl border border-border bg-popover text-popover-foreground shadow-xl outline-none";
   const contentViewport = "[&_[data-radix-select-viewport]]:max-h-72 [&_[data-radix-select-viewport]]:overflow-y-auto [&_[data-radix-select-viewport]]:overscroll-contain [&_[data-radix-select-viewport]]:[scrollbar-gutter:stable]";
   const normalizedOptions = React48.useMemo(() => {
@@ -7400,7 +8340,7 @@ var FormSelect = ({
     items,
     options
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_react_hook_form5.Controller,
     {
       control: controllerControl,
@@ -7409,7 +8349,7 @@ var FormSelect = ({
       shouldUnregister,
       defaultValue,
       render: ({ field, fieldState }) => {
-        var _a;
+        var _a, _b;
         const fieldError = getErrorMessage(fieldState.error);
         const hasError = Boolean(invalid || fieldError);
         const handleValueChange = (value) => {
@@ -7421,8 +8361,8 @@ var FormSelect = ({
           onChange == null ? void 0 : onChange(value);
           onChangeItem == null ? void 0 : onChangeItem((_a2 = nextOption == null ? void 0 : nextOption.data) != null ? _a2 : null);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(FormItem, { children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(FormItem, { children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             FormLabel,
             {
               className: cn(
@@ -7431,8 +8371,8 @@ var FormSelect = ({
                 labelClassName
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   import_lucide_react5.Asterisk,
                   {
                     "aria-hidden": "true",
@@ -7445,20 +8385,37 @@ var FormSelect = ({
               ]
             }
           ) : null,
-          searchable ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            Badge,
+          searchable ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            SearchableSelect,
             {
-              variant: "outline",
-              className: cn(
-                "w-full cursor-pointer",
-                hasError && "border-destructive ring-destructive focus:ring-destructive/40",
-                className
-              )
+              items: normalizedOptions,
+              value: (_a = field.value) != null ? _a : "",
+              name: field.name,
+              placeholder,
+              searchPlaceholder,
+              emptyText,
+              disabled,
+              invalid: hasError,
+              size,
+              customSize,
+              variant,
+              classNameDefault,
+              triggerClassName: className,
+              contentClassName,
+              itemClassName,
+              searchInputClassName,
+              onValueChange: (value, option) => {
+                var _a2;
+                field.onChange(value);
+                onChange == null ? void 0 : onChange(value);
+                onChangeItem == null ? void 0 : onChangeItem((_a2 = option == null ? void 0 : option.data) != null ? _a2 : null);
+                field.onBlur();
+              }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             Select2,
             {
-              value: (_a = field.value) != null ? _a : "",
+              value: (_b = field.value) != null ? _b : "",
               onValueChange: handleValueChange,
               onOpenChange: (nextOpen) => {
                 if (!nextOpen) {
@@ -7467,20 +8424,20 @@ var FormSelect = ({
               },
               disabled,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   SelectTrigger,
                   {
-                    className: cn(
-                      triggerBase,
-                      variants[variant],
+                    className: classNameDefault ? cn(
+                      formControlBase,
+                      formInputVariants[variant],
                       triggerSizeClass,
-                      hasError && "border-destructive ring-destructive focus:ring-destructive/40",
+                      hasError && formControlErrorClass,
                       className
-                    ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectValue, { placeholder })
+                    ) : className,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   SelectContent,
                   {
                     position,
@@ -7497,7 +8454,7 @@ var FormSelect = ({
                     onTouchMoveCapture: (event) => {
                       event.stopPropagation();
                     },
-                    children: children ? children : normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    children: children ? children : normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       SelectItem,
                       {
                         value: option.value,
@@ -7506,7 +8463,7 @@ var FormSelect = ({
                         children: option.label
                       },
                       option.value
-                    )) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    )) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       "div",
                       {
                         className: cn(
@@ -7521,7 +8478,7 @@ var FormSelect = ({
               ]
             }
           ),
-          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             FormMessage,
             {
               className: cn(sizeClasses.message, messageClassName),
@@ -7538,12 +8495,12 @@ FormSelect.displayName = "FormSelect";
 // src/components/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
 var React49 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -7592,13 +8549,13 @@ var IconsApp = {
 var Icons = IconsApp;
 
 // src/components/input-otp.tsx
-var import_react_icons10 = require("@radix-ui/react-icons");
+var import_react_icons11 = require("@radix-ui/react-icons");
 var import_input_otp = require("input-otp");
 var React50 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var InputOTP = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       ref,
@@ -7613,14 +8570,14 @@ var InputOTP = React50.forwardRef((_a, ref) => {
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React50.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React50.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
   const inputOTPContext = React50.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -7633,7 +8590,7 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
@@ -7641,15 +8598,15 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React50.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons10.DashIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons11.DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/menubar.tsx
-var import_react_icons11 = require("@radix-ui/react-icons");
+var import_react_icons12 = require("@radix-ui/react-icons");
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var React51 = __toESM(require("react"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -7657,7 +8614,7 @@ var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
 var Menubar = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -7671,7 +8628,7 @@ var Menubar = React51.forwardRef((_a, ref) => {
 Menubar.displayName = MenubarPrimitive.Root.displayName;
 var MenubarTrigger = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -7685,7 +8642,7 @@ var MenubarTrigger = React51.forwardRef((_a, ref) => {
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
 var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7697,7 +8654,7 @@ var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons11.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons12.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -7705,7 +8662,7 @@ var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
 var MenubarSubContent = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -7720,7 +8677,7 @@ MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
 var MenubarContent = React51.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -7738,7 +8695,7 @@ var MenubarContent = React51.forwardRef(
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 var MenubarItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -7753,7 +8710,7 @@ var MenubarItem = React51.forwardRef((_a, ref) => {
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
 var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7764,7 +8721,7 @@ var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons11.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons12.CheckIcon, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
@@ -7773,7 +8730,7 @@ var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
 var MenubarRadioItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7783,7 +8740,7 @@ var MenubarRadioItem = React51.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons11.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons12.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
@@ -7792,7 +8749,7 @@ var MenubarRadioItem = React51.forwardRef((_a, ref) => {
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
 var MenubarLabel = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -7807,7 +8764,7 @@ var MenubarLabel = React51.forwardRef((_a, ref) => {
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
 var MenubarSeparator = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -7822,7 +8779,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -7835,7 +8792,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Modal = ({
   title,
   description,
@@ -7849,24 +8806,24 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogContent, { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogContent, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children })
   ] }) });
 };
 
 // src/components/navigation-menu.tsx
-var import_react_icons12 = require("@radix-ui/react-icons");
+var import_react_icons13 = require("@radix-ui/react-icons");
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
 var React52 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var NavigationMenu = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -7877,7 +8834,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(NavigationMenuViewport, {})
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
@@ -7885,7 +8842,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
 var NavigationMenuList = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -7903,7 +8860,7 @@ var navigationMenuTriggerStyle = (0, import_class_variance_authority6.cva)(
 );
 var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7912,8 +8869,8 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          import_react_icons12.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_react_icons13.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -7926,7 +8883,7 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
 var NavigationMenuContent = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -7941,7 +8898,7 @@ NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
 var NavigationMenuViewport = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -7955,7 +8912,7 @@ var NavigationMenuViewport = React52.forwardRef((_a, ref) => {
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 var NavigationMenuIndicator = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -7964,20 +8921,20 @@ var NavigationMenuIndicator = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/pagination.tsx
-var import_react_icons13 = require("@radix-ui/react-icons");
+var import_react_icons14 = require("@radix-ui/react-icons");
 var React53 = __toESM(require("react"), 1);
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -7989,7 +8946,7 @@ var Pagination = (_a) => {
 Pagination.displayName = "Pagination";
 var PaginationContent = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -8000,7 +8957,7 @@ var PaginationContent = React53.forwardRef((_a, ref) => {
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -8013,7 +8970,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -8034,7 +8991,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -8042,8 +8999,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react7.ChevronLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react7.ChevronLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -8055,7 +9012,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -8063,8 +9020,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_icons13.ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons14.ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Previous" })
       ]
     })
   );
@@ -8076,7 +9033,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -8084,8 +9041,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_icons13.ChevronRightIcon, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons14.ChevronRightIcon, { className: "h-4 w-4" })
       ]
     })
   );
@@ -8097,7 +9054,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -8105,8 +9062,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react7.ChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react7.ChevronRight, { className: "h-4 w-4" })
       ]
     })
   );
@@ -8118,15 +9075,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_icons13.DotsHorizontalIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons14.DotsHorizontalIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -8136,13 +9093,13 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 // src/components/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var React54 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverContent = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -8160,10 +9117,10 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
 var React55 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Progress = React55.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -8172,7 +9129,7 @@ var Progress = React55.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -8185,13 +9142,13 @@ var Progress = React55.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-var import_react_icons14 = require("@radix-ui/react-icons");
+var import_react_icons15 = require("@radix-ui/react-icons");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var React56 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var RadioGroup4 = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -8203,7 +9160,7 @@ var RadioGroup4 = React56.forwardRef((_a, ref) => {
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -8212,23 +9169,23 @@ var RadioGroupItem = React56.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons14.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons15.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/resizable.tsx
-var import_react_icons15 = require("@radix-ui/react-icons");
+var import_react_icons16 = require("@radix-ui/react-icons");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     ResizablePrimitive.Group,
     __spreadValues({
       className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
@@ -8244,7 +9201,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8252,7 +9209,7 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons15.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons16.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
@@ -8260,19 +9217,19 @@ var ResizableHandle = (_a) => {
 // src/components/scroll-area.tsx
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
 var React57 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var ScrollArea = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -8280,7 +9237,7 @@ var ScrollArea = React57.forwardRef((_a, ref) => {
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 var ScrollBar = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -8292,7 +9249,7 @@ var ScrollBar = React57.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
@@ -8301,7 +9258,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/search-input.tsx
 var React58 = __toESM(require("react"), 1);
 var import_use_debounce = require("use-debounce");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function setForwardedRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -8382,7 +9339,7 @@ var SearchInput = React58.forwardRef(
         focusInput();
       });
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Input,
       __spreadValues({
         ref: composedRef,
@@ -8396,358 +9353,39 @@ var SearchInput = React58.forwardRef(
         onKeyDown: (event) => {
           if (event.key !== "Escape") {
             event.stopPropagation();
-          }
-          onKeyDown == null ? void 0 : onKeyDown(event);
-        },
-        onPointerDown: (event) => {
-          event.stopPropagation();
-          onPointerDown == null ? void 0 : onPointerDown(event);
-        },
-        onMouseDown: (event) => {
-          event.stopPropagation();
-          onMouseDown == null ? void 0 : onMouseDown(event);
-        },
-        onClick: (event) => {
-          event.stopPropagation();
-          requestAnimationFrame(() => {
-            focusInput();
-          });
-          onClick == null ? void 0 : onClick(event);
-        },
-        onFocus: (event) => {
-          event.stopPropagation();
-          onFocus == null ? void 0 : onFocus(event);
-        }
-      }, props)
-    );
-  }
-);
-SearchInput.displayName = "SearchInput";
-
-// src/components/searchable-select.tsx
-var React59 = __toESM(require("react"), 1);
-var import_react_icons16 = require("@radix-ui/react-icons");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-function normalizeText(value) {
-  return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase().trim();
-}
-function getLabelText(value) {
-  if (typeof value === "string" || typeof value === "number") {
-    return String(value);
-  }
-  return "";
-}
-function getOptionText(item) {
-  if (!item) return "";
-  return getLabelText(item.label) || item.value;
-}
-function getNextEnabledIndex2(items, currentIndex, direction) {
-  var _a;
-  if (!items.length) return -1;
-  let nextIndex = currentIndex;
-  for (let index = 0; index < items.length; index += 1) {
-    nextIndex = (nextIndex + direction + items.length) % items.length;
-    if (!((_a = items[nextIndex]) == null ? void 0 : _a.disabled)) {
-      return nextIndex;
-    }
-  }
-  return -1;
-}
-function SearchableSelectBase({
-  items,
-  value,
-  defaultValue,
-  onValueChange,
-  placeholder = "Seleccionar opci\xF3n",
-  searchPlaceholder = "Buscar\u2026",
-  emptyText = "No hay resultados",
-  disabled,
-  name,
-  required,
-  triggerClassName,
-  contentClassName,
-  itemClassName,
-  searchInputClassName
-}) {
-  const rootRef = React59.useRef(null);
-  const inputRef = React59.useRef(null);
-  const listboxId = React59.useId();
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React59.useState(defaultValue != null ? defaultValue : "");
-  const currentValue = isControlled ? value != null ? value : "" : internalValue;
-  const selectedItem = React59.useMemo(() => {
-    return items.find((item) => item.value === currentValue);
-  }, [currentValue, items]);
-  const selectedText = React59.useMemo(() => {
-    return getOptionText(selectedItem);
-  }, [selectedItem]);
-  const [open, setOpen] = React59.useState(false);
-  const [inputValue, setInputValue] = React59.useState(selectedText);
-  const [activeIndex, setActiveIndex] = React59.useState(-1);
-  React59.useEffect(() => {
-    if (!open) {
-      setInputValue(selectedText);
-    }
-  }, [open, selectedText]);
-  const filteredItems = React59.useMemo(() => {
-    const query = normalizeText(inputValue);
-    if (!query) return items;
-    return items.filter((item) => {
-      var _a;
-      const haystack = normalizeText(
-        `${getLabelText(item.label)} ${item.value} ${(_a = item.keywords) != null ? _a : ""}`
-      );
-      return haystack.includes(query);
-    });
-  }, [inputValue, items]);
-  React59.useEffect(() => {
-    if (!open) return;
-    const firstEnabledIndex = filteredItems.findIndex((item) => !item.disabled);
-    setActiveIndex(firstEnabledIndex);
-  }, [filteredItems, open]);
-  React59.useEffect(() => {
-    if (!open) return;
-    const handlePointerDown = (event) => {
-      var _a;
-      const target = event.target;
-      if (target && ((_a = rootRef.current) == null ? void 0 : _a.contains(target))) {
-        return;
-      }
-      setOpen(false);
-    };
-    document.addEventListener("pointerdown", handlePointerDown, true);
-    return () => {
-      document.removeEventListener("pointerdown", handlePointerDown, true);
-    };
-  }, [open]);
-  const selectItem = React59.useCallback(
-    (item) => {
-      if (item.disabled) return;
-      if (!isControlled) {
-        setInternalValue(item.value);
-      }
-      setInputValue(getOptionText(item));
-      setOpen(false);
-      onValueChange == null ? void 0 : onValueChange(item.value, item);
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = inputRef.current) == null ? void 0 : _a.blur();
-      });
-    },
-    [isControlled, onValueChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref: rootRef, className: "relative w-full", children: [
-    name ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      "input",
-      {
-        type: "hidden",
-        name,
-        value: currentValue,
-        required,
-        disabled
-      }
-    ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-      "div",
-      {
-        className: cn(
-          "relative flex h-9 w-full items-center gap-2 rounded-md border border-input bg-background px-3 text-sm shadow-sm transition",
-          "focus-within:border-primary/60 focus-within:ring-2 focus-within:ring-primary/20",
-          disabled && "cursor-not-allowed opacity-50",
-          triggerClassName
-        ),
-        onPointerDown: () => {
-          if (disabled) return;
-          setOpen(true);
+          }
+          onKeyDown == null ? void 0 : onKeyDown(event);
+        },
+        onPointerDown: (event) => {
+          event.stopPropagation();
+          onPointerDown == null ? void 0 : onPointerDown(event);
+        },
+        onMouseDown: (event) => {
+          event.stopPropagation();
+          onMouseDown == null ? void 0 : onMouseDown(event);
+        },
+        onClick: (event) => {
+          event.stopPropagation();
           requestAnimationFrame(() => {
-            var _a;
-            (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+            focusInput();
           });
+          onClick == null ? void 0 : onClick(event);
         },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "input",
-            {
-              ref: inputRef,
-              value: inputValue,
-              role: "combobox",
-              "aria-autocomplete": "list",
-              "aria-expanded": open,
-              "aria-controls": listboxId,
-              "aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
-              placeholder: open ? searchPlaceholder : placeholder,
-              autoComplete: "off",
-              spellCheck: false,
-              disabled,
-              onFocus: () => {
-                setOpen(true);
-                requestAnimationFrame(() => {
-                  var _a;
-                  (_a = inputRef.current) == null ? void 0 : _a.select();
-                });
-              },
-              onChange: (event) => {
-                setInputValue(event.target.value);
-                setOpen(true);
-              },
-              onKeyDown: (event) => {
-                var _a;
-                if (event.key === "ArrowDown") {
-                  event.preventDefault();
-                  setOpen(true);
-                  setActiveIndex(
-                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, 1)
-                  );
-                  return;
-                }
-                if (event.key === "ArrowUp") {
-                  event.preventDefault();
-                  setOpen(true);
-                  setActiveIndex(
-                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, -1)
-                  );
-                  return;
-                }
-                if (event.key === "Enter") {
-                  if (!open) return;
-                  event.preventDefault();
-                  const activeItem = filteredItems[activeIndex];
-                  if (activeItem) {
-                    selectItem(activeItem);
-                  }
-                  return;
-                }
-                if (event.key === "Escape") {
-                  event.preventDefault();
-                  setOpen(false);
-                  setInputValue(selectedText);
-                  (_a = inputRef.current) == null ? void 0 : _a.blur();
-                }
-              },
-              className: cn(
-                "h-full min-w-0 flex-1 border-0 bg-transparent p-0 text-sm outline-none",
-                "placeholder:text-muted-foreground disabled:cursor-not-allowed",
-                searchInputClassName
-              )
-            }
-          ),
-          inputValue && open ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Limpiar b\xFAsqueda",
-              tabIndex: -1,
-              onPointerDown: (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-              },
-              onClick: (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-                setInputValue("");
-                requestAnimationFrame(() => {
-                  var _a;
-                  (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
-                });
-              },
-              className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons16.Cross2Icon, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
-            }
-          ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_react_icons16.CaretSortIcon,
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "h-4 w-4 shrink-0 opacity-50 transition-transform",
-                open && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      "div",
-      {
-        className: cn(
-          "absolute left-0 top-full z-50 mt-1 w-full overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl transition",
-          !open && "pointer-events-none invisible opacity-0",
-          open && "visible opacity-100",
-          contentClassName
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          "div",
-          {
-            id: listboxId,
-            role: "listbox",
-            className: "max-h-72 overflow-y-auto overscroll-contain p-1 [scrollbar-gutter:stable]",
-            onWheelCapture: (event) => {
-              event.stopPropagation();
-            },
-            onTouchMoveCapture: (event) => {
-              event.stopPropagation();
-            },
-            children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: emptyText }) : filteredItems.map((item, index) => {
-              const isSelected = item.value === currentValue;
-              const isActive = index === activeIndex;
-              return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-                "div",
-                {
-                  id: `${listboxId}-option-${index}`,
-                  role: "option",
-                  "aria-selected": isSelected,
-                  "aria-disabled": item.disabled,
-                  tabIndex: -1,
-                  onMouseMove: () => {
-                    if (!item.disabled) {
-                      setActiveIndex(index);
-                    }
-                  },
-                  onPointerDown: (event) => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    if (!item.disabled) {
-                      selectItem(item);
-                    }
-                  },
-                  className: cn(
-                    "relative flex w-full select-none items-center gap-2 rounded-lg px-3 py-2 text-left text-sm outline-none transition",
-                    item.disabled ? "pointer-events-none opacity-50" : "cursor-pointer",
-                    isActive && !item.disabled && "bg-accent text-accent-foreground",
-                    !isActive && !item.disabled && "hover:bg-accent/70 hover:text-accent-foreground",
-                    isSelected && "font-medium",
-                    itemClassName
-                  ),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
-                    isSelected ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                      import_react_icons16.CheckIcon,
-                      {
-                        "aria-hidden": "true",
-                        className: "h-4 w-4 shrink-0 text-primary"
-                      }
-                    ) : null
-                  ]
-                },
-                item.value
-              );
-            })
-          }
-        )
-      }
-    )
-  ] });
-}
-var SearchableSelect = React59.memo(
-  SearchableSelectBase
+        onFocus: (event) => {
+          event.stopPropagation();
+          onFocus == null ? void 0 : onFocus(event);
+        }
+      }, props)
+    );
+  }
 );
+SearchInput.displayName = "SearchInput";
 
 // src/components/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var React60 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var Separator6 = React60.forwardRef(
+var Separator5 = React59.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -8765,19 +9403,19 @@ var Separator6 = React60.forwardRef(
     );
   }
 );
-Separator6.displayName = SeparatorPrimitive.Root.displayName;
+Separator5.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_class_variance_authority7 = require("class-variance-authority");
-var React61 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React61.forwardRef((_a, ref) => {
+var SheetOverlay = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     SheetPrimitive.Overlay,
@@ -8808,7 +9446,7 @@ var sheetVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SheetContent = React61.forwardRef((_a, ref) => {
+var SheetContent = React60.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(SheetPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SheetOverlay, {}),
@@ -8864,7 +9502,7 @@ var SheetFooter = (_a) => {
   );
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React61.forwardRef((_a, ref) => {
+var SheetTitle = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     SheetPrimitive.Title,
@@ -8875,7 +9513,7 @@ var SheetTitle = React61.forwardRef((_a, ref) => {
   );
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React61.forwardRef((_a, ref) => {
+var SheetDescription = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     SheetPrimitive.Description,
@@ -8905,9 +9543,9 @@ function Skeleton(_a) {
 
 // src/components/slider.tsx
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var React62 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var Slider = React62.forwardRef((_a, ref) => {
+var Slider = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     SliderPrimitive.Root,
@@ -8953,9 +9591,9 @@ var ToasterSonner = (_a) => {
 
 // src/components/switch.tsx
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var React63 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var Switch = React63.forwardRef((_a, ref) => {
+var Switch = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     SwitchPrimitives.Root,
@@ -8980,9 +9618,9 @@ var Switch = React63.forwardRef((_a, ref) => {
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
-var React64 = __toESM(require("react"), 1);
+var React63 = __toESM(require("react"), 1);
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var Table = React64.forwardRef(
+var Table = React63.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -8995,12 +9633,12 @@ var Table = React64.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React64.forwardRef((_a, ref) => {
+var TableHeader = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React64.forwardRef((_a, ref) => {
+var TableBody = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tbody",
@@ -9011,7 +9649,7 @@ var TableBody = React64.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React64.forwardRef((_a, ref) => {
+var TableFooter = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tfoot",
@@ -9025,7 +9663,7 @@ var TableFooter = React64.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React64.forwardRef((_a, ref) => {
+var TableRow = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tr",
@@ -9039,7 +9677,7 @@ var TableRow = React64.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React64.forwardRef((_a, ref) => {
+var TableHead = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "th",
@@ -9053,7 +9691,7 @@ var TableHead = React64.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React64.forwardRef((_a, ref) => {
+var TableCell = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "td",
@@ -9067,7 +9705,7 @@ var TableCell = React64.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React64.forwardRef((_a, ref) => {
+var TableCaption = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "caption",
@@ -9081,10 +9719,10 @@ TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var React65 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React65.forwardRef((_a, ref) => {
+var TabsList = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     TabsPrimitive.List,
@@ -9098,7 +9736,7 @@ var TabsList = React65.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React65.forwardRef((_a, ref) => {
+var TabsTrigger = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     TabsPrimitive.Trigger,
@@ -9112,7 +9750,7 @@ var TabsTrigger = React65.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React65.forwardRef((_a, ref) => {
+var TabsContent = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     TabsPrimitive.Content,
@@ -9128,9 +9766,9 @@ var TabsContent = React65.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/textarea.tsx
-var React66 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var Textarea = React66.forwardRef(
+var Textarea = React65.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -9151,10 +9789,10 @@ Textarea.displayName = "Textarea";
 var import_react_icons18 = require("@radix-ui/react-icons");
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
-var React67 = __toESM(require("react"), 1);
+var React66 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React67.forwardRef((_a, ref) => {
+var ToastViewport = React66.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Viewport,
@@ -9182,7 +9820,7 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React67.forwardRef((_a, ref) => {
+var Toast = React66.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Root,
@@ -9193,7 +9831,7 @@ var Toast = React67.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React67.forwardRef((_a, ref) => {
+var ToastAction = React66.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Action,
@@ -9207,7 +9845,7 @@ var ToastAction = React67.forwardRef((_a, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React67.forwardRef((_a, ref) => {
+var ToastClose = React66.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Close,
@@ -9224,7 +9862,7 @@ var ToastClose = React67.forwardRef((_a, ref) => {
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React67.forwardRef((_a, ref) => {
+var ToastTitle = React66.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Title,
@@ -9235,7 +9873,7 @@ var ToastTitle = React67.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React67.forwardRef((_a, ref) => {
+var ToastDescription = React66.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Description,
@@ -9248,7 +9886,7 @@ var ToastDescription = React67.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/use-toast.ts
-var React68 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -9343,8 +9981,8 @@ function toast(_a) {
   };
 }
 function useToast() {
-  const [state, setState] = React68.useState(memoryState);
-  React68.useEffect(() => {
+  const [state, setState] = React67.useState(memoryState);
+  React67.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -9382,7 +10020,7 @@ function Toaster() {
 // src/components/toggle.tsx
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var React69 = __toESM(require("react"), 1);
+var React68 = __toESM(require("react"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
@@ -9404,7 +10042,7 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React69.forwardRef((_a, ref) => {
+var Toggle = React68.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     TogglePrimitive.Root,
@@ -9418,13 +10056,13 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var React70 = __toESM(require("react"), 1);
+var React69 = __toESM(require("react"), 1);
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var ToggleGroupContext = React70.createContext({
+var ToggleGroupContext = React69.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React70.forwardRef((_a, ref) => {
+var ToggleGroup = React69.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size, children } = _b, props = __objRest(_b, ["className", "variant", "size", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     ToggleGroupPrimitive.Root,
@@ -9437,9 +10075,9 @@ var ToggleGroup = React70.forwardRef((_a, ref) => {
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React70.forwardRef((_a, ref) => {
+var ToggleGroupItem = React69.forwardRef((_a, ref) => {
   var _b = _a, { className, children, variant, size } = _b, props = __objRest(_b, ["className", "children", "variant", "size"]);
-  const context = React70.useContext(ToggleGroupContext);
+  const context = React69.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
@@ -9460,12 +10098,12 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React71 = __toESM(require("react"), 1);
+var React70 = __toESM(require("react"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React71.forwardRef((_a, ref) => {
+var TooltipContent = React70.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TooltipPrimitive.Content,
@@ -9482,10 +10120,10 @@ var TooltipContent = React71.forwardRef((_a, ref) => {
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-var React72 = __toESM(require("react"), 1);
+var React71 = __toESM(require("react"), 1);
 var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var UiInput = React72.forwardRef(
+var UiInput = React71.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9510,7 +10148,7 @@ var UiInput = React72.forwardRef(
       "invalid",
       "className"
     ]);
-    const generatedId = React72.useId();
+    const generatedId = React71.useId();
     const inputId = htmlFormItemId != null ? htmlFormItemId : generatedId;
     const messageId = `${inputId}-message`;
     const hasError = Boolean(errorMessage || invalid);
@@ -9564,22 +10202,8 @@ var UiInput = React72.forwardRef(
 UiInput.displayName = "UiInput";
 
 // src/components/ui/select.tsx
-var React73 = __toESM(require("react"), 1);
+var React72 = __toESM(require("react"), 1);
 var import_lucide_react9 = require("lucide-react");
-
-// src/types/select.ts
-var selectVariants = {
-  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 shadow-sm hover:bg-muted 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 shadow-inner hover:bg-muted focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
-  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
-  unstyled: "border-0 shadow-none focus:ring-0",
-  link: "h-auto border-0 bg-transparent p-0 text-primary shadow-none underline-offset-4 focus:underline focus:ring-0"
-};
-var variants2 = selectVariants;
-
-// src/components/ui/select.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function UiSelect({
   label,
@@ -9599,33 +10223,28 @@ function UiSelect({
   messageClassName,
   requiredLabelClassName,
   size = "md",
+  customSize,
   variant = "outline",
+  classNameDefault = true,
   errorMessage,
-  htmlFormItemId
+  htmlFormItemId,
+  position
 }) {
-  const generatedId = React73.useId();
+  const generatedId = React72.useId();
   const triggerId = htmlFormItemId != null ? htmlFormItemId : generatedId;
   const messageId = `${triggerId}-message`;
   const hasError = Boolean(errorMessage);
-  const triggerBase = "relative inline-flex w-full items-center justify-between text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
-  const sizeTrigger = {
-    sm: "h-9 px-3 text-sm",
-    md: "h-10 px-3.5 text-sm",
-    lg: "h-11 px-4 text-base"
-  };
-  const itemSize = {
-    sm: "h-8 text-sm",
-    md: "h-9 text-sm",
-    lg: "h-10 text-base"
-  };
-  const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-11 text-base" : "h-10 text-sm" : "";
-  const specialLink = variant === "link" ? "text-sm" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn("w-full space-y-1.5", selectClassName), children: [
+  const sizeClasses = getFormSizeClasses(size, customSize);
+  const triggerSizeClass = getFormControlSizeClass(variant, sizeClasses);
+  const contentBase = "z-50 rounded-xl border border-border bg-popover text-popover-foreground shadow-xl outline-none";
+  const contentViewport = "[&_[data-radix-select-viewport]]:max-h-72 [&_[data-radix-select-viewport]]:overflow-y-auto [&_[data-radix-select-viewport]]:overscroll-contain [&_[data-radix-select-viewport]]:[scrollbar-gutter:stable]";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn("w-full space-y-2", selectClassName), children: [
     label ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       Label3,
       {
         className: cn(
-          "inline-flex items-start gap-0.5 text-sm font-medium",
+          "inline-flex items-start gap-0.5 font-medium",
+          sizeClasses.label,
           hasError && "text-destructive",
           labelClassName
         ),
@@ -9637,7 +10256,7 @@ function UiSelect({
             {
               "aria-hidden": "true",
               className: cn(
-                "mt-0.5 h-3 w-3 shrink-0 text-red-500",
+                "h-3 w-3 shrink-0 text-red-500",
                 requiredLabelClassName
               )
             }
@@ -9659,26 +10278,45 @@ function UiSelect({
               id: triggerId,
               "aria-invalid": hasError || void 0,
               "aria-describedby": errorMessage ? messageId : void 0,
-              className: cn(
-                triggerBase,
-                variants2[variant],
-                variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
-                hasError && "border-destructive ring-destructive focus:ring-destructive/40",
+              className: classNameDefault ? cn(
+                formControlBase,
+                formInputVariants[variant],
+                triggerSizeClass,
+                hasError && formControlErrorClass,
                 className
-              ),
+              ) : className,
               children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectValue, { placeholder })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-            SelectItem,
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            SelectContent,
             {
-              value: item.value,
-              disabled: item.disabled,
-              className: cn(itemSize[size], itemClassName),
-              children: item.label
-            },
-            item.value
-          )) })
+              position,
+              sideOffset: 6,
+              className: cn(
+                contentBase,
+                contentViewport,
+                "w-(--radix-select-trigger-width) min-w-(--radix-select-trigger-width) overflow-hidden!",
+                contentClassName
+              ),
+              onWheelCapture: (event) => {
+                event.stopPropagation();
+              },
+              onTouchMoveCapture: (event) => {
+                event.stopPropagation();
+              },
+              children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                SelectItem,
+                {
+                  value: item.value,
+                  disabled: item.disabled,
+                  className: cn(sizeClasses.selectItem, itemClassName),
+                  children: item.label
+                },
+                item.value
+              ))
+            }
+          )
         ]
       }
     ),
@@ -9686,7 +10324,11 @@ function UiSelect({
       "p",
       {
         id: messageId,
-        className: cn("text-sm font-medium text-destructive", messageClassName),
+        className: cn(
+          "font-medium text-destructive",
+          sizeClasses.message,
+          messageClassName
+        ),
         children: errorMessage
       }
     ) : null
@@ -9694,10 +10336,10 @@ function UiSelect({
 }
 
 // src/components/ui/ui-checkbox.tsx
-var React74 = __toESM(require("react"), 1);
+var React73 = __toESM(require("react"), 1);
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var UiCheckbox = React74.forwardRef(
+var UiCheckbox = React73.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9802,18 +10444,18 @@ var UiCheckbox = React74.forwardRef(
 UiCheckbox.displayName = "UiCheckbox";
 
 // src/hooks/use-sidebar.tsx
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react33.createContext)({
+var SidebarContext = (0, import_react32.createContext)({
   isMinimized: false,
   toggle: () => {
   }
 });
-var useSidebar = () => (0, import_react33.useContext)(SidebarContext);
+var useSidebar = () => (0, import_react32.useContext)(SidebarContext);
 var SidebarProvider = ({
   children
 }) => {
-  const [isMinimized, setIsMinimized] = (0, import_react33.useState)(false);
+  const [isMinimized, setIsMinimized] = (0, import_react32.useState)(false);
   const toggle = () => {
     setIsMinimized(!isMinimized);
   };
@@ -9861,7 +10503,7 @@ var AlertModal = ({
 
 // src/shared/breadcrumbs.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function Breadcrumbs({
   items,
@@ -9872,7 +10514,7 @@ function Breadcrumbs({
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react34.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react33.Fragment, { children: [
       !isLast ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbPage, { children: item.title }) }),
       !isLast ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BreadcrumbSeparator, { children: separator }) : null
     ] }, `${item.title}-${index}`);
@@ -9880,7 +10522,7 @@ function Breadcrumbs({
 }
 
 // src/shared/data-table.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 var import_framer_motion = require("framer-motion");
 var import_react_icons19 = require("@radix-ui/react-icons");
 var import_react_table = require("@tanstack/react-table");
@@ -10122,7 +10764,7 @@ function DataTable({
   const safePageCount = Math.max(pageCount != null ? pageCount : 1, 1);
   const pageIndex = Math.min(Math.max(page - 1, 0), safePageCount - 1);
   const pageSize = Math.max(perPage, 1);
-  const paginationState = (0, import_react35.useMemo)(
+  const paginationState = (0, import_react34.useMemo)(
     () => ({ pageIndex, pageSize }),
     [pageIndex, pageSize]
   );
@@ -10139,7 +10781,7 @@ function DataTable({
     autoResetPageIndex: false
   });
   const clickable = !!onClick;
-  const pageKey = (0, import_react35.useMemo)(
+  const pageKey = (0, import_react34.useMemo)(
     () => `${pageIndex}-${pageSize}-${data.length}`,
     [pageIndex, pageSize, data.length]
   );
@@ -10154,7 +10796,7 @@ function DataTable({
     onPageSizeChange == null ? void 0 : onPageSizeChange(size);
     onPageChange == null ? void 0 : onPageChange(1);
   };
-  const ui = (0, import_react35.useMemo)(() => {
+  const ui = (0, import_react34.useMemo)(() => {
     var _a;
     const builtIn = (_a = DATA_TABLE_TEMPLATES[template]) != null ? _a : DATA_TABLE_TEMPLATES.neo;
     return mergeSlots(DATA_TABLE_TEMPLATES.neo, builtIn, classNames);
@@ -10287,7 +10929,7 @@ function DataTable({
                         children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectValue, { placeholder: `${pageSize}` })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
                   ]
                 }
               )
@@ -10458,7 +11100,7 @@ function Dropzone({
 // src/shared/fileupload.tsx
 var import_react_icons20 = require("@radix-ui/react-icons");
 var import_lucide_react13 = require("lucide-react");
-var import_react36 = require("react");
+var import_react35 = require("react");
 var import_react_dropzone2 = require("react-dropzone");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function FileUpload({
@@ -10495,8 +11137,8 @@ function FileUpload({
   ) });
 }
 function ImagePreview({ file }) {
-  const [objectUrl, setObjectUrl] = (0, import_react36.useState)(null);
-  (0, import_react36.useEffect)(() => {
+  const [objectUrl, setObjectUrl] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
     return () => {
@@ -10812,8 +11454,6 @@ function PaginationSection({
   SelectGroup,
   SelectItem,
   SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
   SelectValue,
@@ -10868,9 +11508,18 @@ function PaginationSection({
   badgeVariants,
   buttonVariants,
   cn,
+  formCompositeControlBase,
+  formCompositeControlErrorClass,
+  formCompositeVariants,
+  formControlBase,
+  formControlErrorClass,
+  formInputVariants,
+  formSizeVariants,
   getDefaultOptionLabel,
   getDefaultOptionValue,
   getErrorMessage,
+  getFormControlSizeClass,
+  getFormSizeClasses,
   getNextEnabledIndex,
   iconButtonVariants,
   navigationMenuTriggerStyle,
@@ -10880,5 +11529,6 @@ function PaginationSection({
   toggleVariants,
   useFormField,
   useSidebar,
-  useToast
+  useToast,
+  variants
 });