shadcn-ui-react 0.7.9 → 0.7.11

package/dist/index.js

@@ -2850,16 +2850,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;
@@ -3162,7 +3162,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,
@@ -3190,57 +3189,48 @@ __export(custom_components_exports, {
   YearsDropdown: () => YearsDropdown
 });
 
-// node_modules/react-day-picker/dist/esm/components/Button.js
-import React8 from "react";
-function Button2(props) {
-  return React8.createElement("button", __spreadValues({}, props));
-}
-
 // node_modules/react-day-picker/dist/esm/components/CaptionLabel.js
-import React9 from "react";
+import React8 from "react";
 function CaptionLabel(props) {
-  return React9.createElement("span", __spreadValues({}, props));
+  return React8.createElement("span", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Chevron.js
-import React10 from "react";
+import React9 from "react";
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React10.createElement(
-      "svg",
-      { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React10.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && React10.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && React10.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React10.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
-    )
+  return React9.createElement(
+    "svg",
+    { className, width: size, height: size, viewBox: "0 0 24 24" },
+    orientation === "up" && React9.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+    orientation === "down" && React9.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+    orientation === "left" && React9.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+    orientation === "right" && React9.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
-import React11 from "react";
+import React10 from "react";
 function Day(props) {
   const _a = props, { day, modifiers } = _a, tdProps = __objRest(_a, ["day", "modifiers"]);
-  return React11.createElement("td", __spreadValues({}, tdProps));
+  return React10.createElement("td", __spreadValues({}, tdProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/DayButton.js
-import React12 from "react";
+import React11 from "react";
 function DayButton(props) {
   const _a = props, { day, modifiers } = _a, buttonProps = __objRest(_a, ["day", "modifiers"]);
-  const ref = React12.useRef(null);
-  React12.useEffect(() => {
+  const ref = React11.useRef(null);
+  React11.useEffect(() => {
     var _a2;
     if (modifiers.focused)
       (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return React12.createElement("button", __spreadValues({ ref }, buttonProps));
+  return React11.createElement("button", __spreadValues({ ref }, buttonProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
-import React13 from "react";
+import React12 from "react";
 
 // node_modules/react-day-picker/dist/esm/UI.js
 var UI;
@@ -3297,84 +3287,83 @@ var Animation;
   Animation2["caption_before_exit"] = "caption_before_exit";
 })(Animation || (Animation = {}));
 
+// node_modules/react-day-picker/dist/esm/useDayPicker.js
+import { createContext, useContext } from "react";
+var dayPickerContext = createContext(void 0);
+function useDayPicker() {
+  const context = 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 React13.createElement(
+  return React12.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React13.createElement(components.Select, __spreadValues({ className: cssClassSelect }, selectProps), options == null ? void 0 : options.map(({ value, label, disabled }) => React13.createElement(components.Option, { key: value, value, disabled }, label))),
-    React13.createElement(
+    React12.createElement(components.Select, __spreadValues({ className: cssClassSelect }, selectProps), options == null ? void 0 : options.map(({ value, label, disabled }) => React12.createElement(components.Option, { key: value, value, disabled }, label))),
+    React12.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption == null ? void 0 : selectedOption.label,
-      React13.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React12.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/DropdownNav.js
-import React14 from "react";
+import React13 from "react";
 function DropdownNav(props) {
-  return React14.createElement("div", __spreadValues({}, props));
+  return React13.createElement("div", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Footer.js
-import React15 from "react";
+import React14 from "react";
 function Footer(props) {
-  return React15.createElement("div", __spreadValues({}, props));
+  return React14.createElement("div", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Month.js
-import React16 from "react";
+import React15 from "react";
 function Month(props) {
   const _a = props, { calendarMonth, displayIndex } = _a, divProps = __objRest(_a, ["calendarMonth", "displayIndex"]);
-  return React16.createElement("div", __spreadValues({}, divProps), props.children);
+  return React15.createElement("div", __spreadValues({}, divProps), props.children);
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthCaption.js
-import React17 from "react";
+import React16 from "react";
 function MonthCaption(props) {
   const _a = props, { calendarMonth, displayIndex } = _a, divProps = __objRest(_a, ["calendarMonth", "displayIndex"]);
-  return React17.createElement("div", __spreadValues({}, divProps));
+  return React16.createElement("div", __spreadValues({}, divProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthGrid.js
-import React18 from "react";
+import React17 from "react";
 function MonthGrid(props) {
-  return React18.createElement("table", __spreadValues({}, props));
+  return React17.createElement("table", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Months.js
-import React19 from "react";
+import React18 from "react";
 function Months(props) {
-  return React19.createElement("div", __spreadValues({}, props));
-}
-
-// node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
-import React20 from "react";
-
-// node_modules/react-day-picker/dist/esm/useDayPicker.js
-import { createContext, useContext } from "react";
-var dayPickerContext = createContext(void 0);
-function useDayPicker() {
-  const context = useContext(dayPickerContext);
-  if (context === void 0) {
-    throw new Error("useDayPicker() must be used within a custom component.");
-  }
-  return context;
+  return React18.createElement("div", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
+import React19 from "react";
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React20.createElement(components.Dropdown, __spreadValues({}, props));
+  return React19.createElement(components.Dropdown, __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Nav.js
-import React21, { useCallback } from "react";
+import React20, { useCallback } from "react";
 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();
@@ -3388,106 +3377,104 @@ function Nav(props) {
       onPreviousClick == null ? void 0 : onPreviousClick(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return React21.createElement(
+  return React20.createElement(
     "nav",
     __spreadValues({}, navProps),
-    React21.createElement(
+    React20.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 },
-      React21.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React20.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React21.createElement(
+    React20.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 },
-      React21.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React20.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/NextMonthButton.js
-import React22 from "react";
+import React21 from "react";
 function NextMonthButton(props) {
-  const { components } = useDayPicker();
-  return React22.createElement(components.Button, __spreadValues({}, props));
+  return React21.createElement("button", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Option.js
-import React23 from "react";
+import React22 from "react";
 function Option(props) {
-  return React23.createElement("option", __spreadValues({}, props));
+  return React22.createElement("option", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js
-import React24 from "react";
+import React23 from "react";
 function PreviousMonthButton(props) {
-  const { components } = useDayPicker();
-  return React24.createElement(components.Button, __spreadValues({}, props));
+  return React23.createElement("button", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Root.js
-import React25 from "react";
+import React24 from "react";
 function Root5(props) {
   const _a = props, { rootRef } = _a, rest = __objRest(_a, ["rootRef"]);
-  return React25.createElement("div", __spreadProps(__spreadValues({}, rest), { ref: rootRef }));
+  return React24.createElement("div", __spreadProps(__spreadValues({}, rest), { ref: rootRef }));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Select.js
-import React26 from "react";
+import React25 from "react";
 function Select(props) {
-  return React26.createElement("select", __spreadValues({}, props));
+  return React25.createElement("select", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Week.js
-import React27 from "react";
+import React26 from "react";
 function Week(props) {
   const _a = props, { week } = _a, trProps = __objRest(_a, ["week"]);
-  return React27.createElement("tr", __spreadValues({}, trProps));
+  return React26.createElement("tr", __spreadValues({}, trProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekday.js
-import React28 from "react";
+import React27 from "react";
 function Weekday(props) {
-  return React28.createElement("th", __spreadValues({}, props));
+  return React27.createElement("th", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekdays.js
-import React29 from "react";
+import React28 from "react";
 function Weekdays(props) {
-  return React29.createElement(
+  return React28.createElement(
     "thead",
     { "aria-hidden": true },
-    React29.createElement("tr", __spreadValues({}, props))
+    React28.createElement("tr", __spreadValues({}, props))
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumber.js
-import React30 from "react";
+import React29 from "react";
 function WeekNumber(props) {
   const _a = props, { week } = _a, thProps = __objRest(_a, ["week"]);
-  return React30.createElement("th", __spreadValues({}, thProps));
+  return React29.createElement("th", __spreadValues({}, thProps));
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js
-import React31 from "react";
+import React30 from "react";
 function WeekNumberHeader(props) {
-  return React31.createElement("th", __spreadValues({}, props));
+  return React30.createElement("th", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weeks.js
-import React32 from "react";
+import React31 from "react";
 function Weeks(props) {
-  return React32.createElement("tbody", __spreadValues({}, props));
+  return React31.createElement("tbody", __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
-import React33 from "react";
+import React32 from "react";
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React33.createElement(components.Dropdown, __spreadValues({}, props));
+  return React32.createElement(components.Dropdown, __spreadValues({}, props));
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-import React34, { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2 } from "react";
+import React33, { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
@@ -3705,12 +3692,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
 });
 
@@ -3719,7 +3704,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) {
@@ -3753,24 +3737,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,
@@ -3793,14 +3768,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) {
@@ -4144,7 +4117,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";
@@ -4326,32 +4299,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());
   }
@@ -5104,15 +5060,15 @@ function DayPicker(initialProps) {
   const handleDayMouseLeave = useCallback2((day, modifiers) => (e) => {
     onDayMouseLeave == null ? void 0 : onDayMouseLeave(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = useCallback2((date) => (e) => {
+  const handleMonthChange = useCallback2((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 = useCallback2((date) => (e) => {
+  const handleYearChange = useCallback2((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 } = useMemo2(() => ({
     className: [classNames[UI.Root], props.className].filter(Boolean).join(" "),
@@ -5142,18 +5098,19 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React34.createElement(
+  return React33.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React34.createElement(
+    React33.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),
-      React34.createElement(
+      React33.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && !navLayout && React34.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 && React33.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 React34.createElement(
+          const monthOffset = props.reverseMonths ? months.length - 1 - displayIndex : displayIndex;
+          return React33.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -5164,21 +5121,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React34.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React33.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 },
-              React34.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React33.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React34.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")) ? React34.createElement(
+            React33.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")) ? React33.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React34.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) }) : React34.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React34.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) }) : React34.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React33.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) }) : React33.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React33.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) }) : React33.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React34.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React33.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -5190,27 +5147,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React34.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 && React34.createElement(
+            ) : React33.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 && React33.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 },
-              React34.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React33.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 && React34.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 }),
-            React34.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React33.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 }),
+            React33.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 && React34.createElement(
+              !props.hideWeekdays && React33.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
-                showWeekNumber && React34.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) => React34.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 && React33.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) => React33.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)))
               ),
-              React34.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 React34.createElement(
+              React33.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 React33.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React34.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React33.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) => {
@@ -5227,7 +5184,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 React34.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 ? React34.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 React33.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 ? React33.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));
                   })
                 );
               }))
@@ -5235,7 +5192,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React34.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React33.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -5258,37 +5215,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)
   );
@@ -5296,9 +5256,9 @@ function Calendar(_a) {
 Calendar.displayName = "Calendar";
 
 // src/components/card.tsx
-import * as React35 from "react";
+import * as React34 from "react";
 import { jsx as jsx10 } from "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__ */ jsx10(
     "div",
@@ -5312,7 +5272,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__ */ jsx10(
     "div",
@@ -5323,7 +5283,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__ */ jsx10(
     "h3",
@@ -5334,7 +5294,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__ */ jsx10(
     "p",
@@ -5345,12 +5305,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__ */ jsx10("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__ */ jsx10(
     "div",
@@ -5365,17 +5325,17 @@ CardFooter.displayName = "CardFooter";
 // src/components/carousel.tsx
 import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
 import useEmblaCarousel from "embla-carousel-react";
-import * as React36 from "react";
+import * as React35 from "react";
 import { jsx as jsx11, jsxs as jsxs5 } from "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",
@@ -5398,22 +5358,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();
@@ -5425,13 +5385,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;
       }
@@ -5472,7 +5432,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__ */ jsx11("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx11(
@@ -5488,7 +5448,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__ */ jsx11(
@@ -5506,7 +5466,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__ */ jsxs5(
@@ -5531,7 +5491,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__ */ jsxs5(
@@ -5560,7 +5520,7 @@ CarouselNext.displayName = "CarouselNext";
 // src/components/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "@radix-ui/react-icons";
-import * as React37 from "react";
+import * as React36 from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var checkboxSizes = {
   sm: "h-4 w-4 rounded",
@@ -5579,7 +5539,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,
@@ -5646,18 +5606,18 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/components/command.tsx
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
 import { Command as CommandPrimitive } from "cmdk";
-import * as React39 from "react";
+import * as React38 from "react";
 
 // src/components/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
-import * as React38 from "react";
+import * as React37 from "react";
 import { jsx as jsx13, jsxs as jsxs6 } from "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__ */ jsx13(
     DialogPrimitive.Overlay,
@@ -5671,7 +5631,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__ */ jsxs6(DialogPortal, { children: [
     /* @__PURE__ */ jsx13(DialogOverlay, {}),
@@ -5730,7 +5690,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__ */ jsx13(
     DialogPrimitive.Title,
@@ -5744,7 +5704,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__ */ jsx13(
     DialogPrimitive.Description,
@@ -5758,7 +5718,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/command.tsx
 import { jsx as jsx14, jsxs as jsxs7 } from "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__ */ jsx14(
     CommandPrimitive,
@@ -5776,7 +5736,7 @@ var CommandDialog = (_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx14(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx14(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx14(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__ */ jsxs7("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ jsx14(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
@@ -5793,7 +5753,7 @@ var CommandInput = React39.forwardRef((_a, ref) => {
   ] });
 });
 CommandInput.displayName = CommandPrimitive.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__ */ jsx14(
     CommandPrimitive.List,
@@ -5804,7 +5764,7 @@ var CommandList = React39.forwardRef((_a, ref) => {
   );
 });
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React39.forwardRef((props, ref) => /* @__PURE__ */ jsx14(
+var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ jsx14(
   CommandPrimitive.Empty,
   __spreadValues({
     ref,
@@ -5812,7 +5772,7 @@ var CommandEmpty = React39.forwardRef((props, ref) => /* @__PURE__ */ jsx14(
   }, props)
 ));
 CommandEmpty.displayName = CommandPrimitive.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__ */ jsx14(
     CommandPrimitive.Group,
@@ -5826,7 +5786,7 @@ var CommandGroup = React39.forwardRef((_a, ref) => {
   );
 });
 CommandGroup.displayName = CommandPrimitive.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__ */ jsx14(
     CommandPrimitive.Separator,
@@ -5837,7 +5797,7 @@ var CommandSeparator = React39.forwardRef((_a, ref) => {
   );
 });
 CommandSeparator.displayName = CommandPrimitive.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__ */ jsx14(
     CommandPrimitive.Item,
@@ -5876,7 +5836,7 @@ import {
   ChevronRightIcon as ChevronRightIcon2,
   DotFilledIcon
 } from "@radix-ui/react-icons";
-import * as React40 from "react";
+import * as React39 from "react";
 import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -5884,7 +5844,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__ */ jsxs8(
     ContextMenuPrimitive.SubTrigger,
@@ -5904,7 +5864,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__ */ jsx15(
     ContextMenuPrimitive.SubContent,
@@ -5918,7 +5878,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__ */ jsx15(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
     ContextMenuPrimitive.Content,
@@ -5932,7 +5892,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__ */ jsx15(
     ContextMenuPrimitive.Item,
@@ -5947,7 +5907,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__ */ jsxs8(
     ContextMenuPrimitive.CheckboxItem,
@@ -5967,7 +5927,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__ */ jsxs8(
     ContextMenuPrimitive.RadioItem,
@@ -5986,7 +5946,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__ */ jsx15(
     ContextMenuPrimitive.Label,
@@ -6001,7 +5961,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__ */ jsx15(
     ContextMenuPrimitive.Separator,
@@ -6031,7 +5991,7 @@ var ContextMenuShortcut = (_a) => {
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/drawer.tsx
-import * as React41 from "react";
+import * as React40 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var Drawer = (_a) => {
@@ -6051,7 +6011,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React41.forwardRef((_a, ref) => {
+var DrawerOverlay = React40.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx16(
     DrawerPrimitive.Overlay,
@@ -6062,7 +6022,7 @@ var DrawerOverlay = React41.forwardRef((_a, ref) => {
   );
 });
 DrawerOverlay.displayName = DrawerPrimitive.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__ */ jsxs9(DrawerPortal, { children: [
     /* @__PURE__ */ jsx16(DrawerOverlay, {}),
@@ -6112,7 +6072,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__ */ jsx16(
     DrawerPrimitive.Title,
@@ -6126,7 +6086,7 @@ var DrawerTitle = React41.forwardRef((_a, ref) => {
   );
 });
 DrawerTitle.displayName = DrawerPrimitive.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__ */ jsx16(
     DrawerPrimitive.Description,
@@ -6145,7 +6105,7 @@ import {
   ChevronRightIcon as ChevronRightIcon3,
   DotFilledIcon as DotFilledIcon2
 } from "@radix-ui/react-icons";
-import * as React42 from "react";
+import * as React41 from "react";
 import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -6153,7 +6113,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__ */ jsxs10(
     DropdownMenuPrimitive.SubTrigger,
@@ -6173,7 +6133,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__ */ jsx17(
     DropdownMenuPrimitive.SubContent,
@@ -6187,7 +6147,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__ */ jsx17(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
     DropdownMenuPrimitive.Content,
@@ -6203,7 +6163,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__ */ jsx17(
     DropdownMenuPrimitive.Item,
@@ -6218,7 +6178,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__ */ jsxs10(
     DropdownMenuPrimitive.CheckboxItem,
@@ -6238,7 +6198,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__ */ jsxs10(
     DropdownMenuPrimitive.RadioItem,
@@ -6257,7 +6217,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__ */ jsx17(
     DropdownMenuPrimitive.Label,
@@ -6272,7 +6232,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__ */ jsx17(
     DropdownMenuPrimitive.Separator,
@@ -6299,7 +6259,7 @@ var DropdownMenuShortcut = (_a) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/Form/form-component.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import {
   useFormContext
@@ -6308,12 +6268,12 @@ import {
 // src/components/Label/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva5 } from "class-variance-authority";
-import * as React43 from "react";
+import * as React42 from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var labelVariants = cva5(
   "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__ */ jsx18(
     LabelPrimitive.Root,
@@ -6327,7 +6287,7 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Form/form-component.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
-var FormFieldContext = React44.createContext(
+var FormFieldContext = React43.createContext(
   null
 );
 function getErrorMessage(error) {
@@ -6363,18 +6323,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__ */ jsx19(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx19("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 = useFormContext();
   const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
   if (!fieldContext || !formContext) {
@@ -6398,7 +6358,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__ */ jsx19(
@@ -6411,7 +6371,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__ */ jsx19(
@@ -6425,7 +6385,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;
@@ -6442,7 +6402,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__ */ jsx19(
@@ -6473,7 +6433,7 @@ function Form({
 }
 
 // src/components/Form/form-checkbox.tsx
-import * as React45 from "react";
+import * as React44 from "react";
 import { Asterisk } from "lucide-react";
 import {
   Controller,
@@ -6517,7 +6477,7 @@ var FormCheckbox = (_a) => {
     "onChange"
   ]);
   var _a2;
-  const generatedId = React45.useId();
+  const generatedId = React44.useId();
   const form = useFormContext2();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
   const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
@@ -6632,9 +6592,9 @@ import {
 } from "react-hook-form";
 
 // src/components/input.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 
-// 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",
@@ -6644,6 +6604,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": {
@@ -6724,13 +6693,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
 import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-var Input = React46.forwardRef(
+var Input = React45.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -6938,163 +6916,1112 @@ import {
 } from "react-hook-form";
 
 // src/components/select.tsx
-import {
-  CaretSortIcon,
-  CheckIcon as CheckIcon4,
-  ChevronDownIcon as ChevronDownIcon2,
-  ChevronUpIcon
-} from "@radix-ui/react-icons";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import * as React47 from "react";
+import { CaretSortIcon, CheckIcon as CheckIcon4 } from "@radix-ui/react-icons";
+import * as React46 from "react";
+import { createPortal } from "react-dom";
 import { jsx as jsx24, jsxs as jsxs14 } from "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__ */ jsxs14(
-    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__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(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__ */ jsx24(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx24(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__ */ jsx24(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx24(ChevronDownIcon2, {})
-    })
+  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__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
-    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__ */ jsx24(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx24(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React47.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
-    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__ */ jsxs14(
-    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__ */ jsx24("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon4, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx24(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__ */ jsx24(
-    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
-import { jsx as jsx25, jsxs as jsxs15 } from "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,
+  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__ */ jsxs14(SelectContext.Provider, { value: contextValue, children: [
+    children,
+    name ? /* @__PURE__ */ jsx24(
+      "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__ */ jsxs14(
+      "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__ */ jsx24(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__ */ jsx24("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__ */ jsx24("div", { hidden: true, "aria-hidden": "true", style: { display: "none" }, children });
+    }
+    if (!mounted || !contentStyle) return null;
+    return createPortal(
+      /* @__PURE__ */ jsx24(
+        "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__ */ jsx24(
+            "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__ */ jsx24("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__ */ jsx24(
+      "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__ */ jsxs14(
+      "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__ */ jsx24("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ jsx24(CheckIcon4, { className: "h-4 w-4" }) : null }),
+          /* @__PURE__ */ jsx24("span", { className: "truncate", children })
+        ]
+      })
+    );
+  }
+);
+SelectItem.displayName = "SelectItem";
+var SelectSeparator = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx24(
+      "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
+import * as React47 from "react";
+import { CaretSortIcon as CaretSortIcon2, CheckIcon as CheckIcon5, Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
+import { jsx as jsx25, jsxs as jsxs15 } from "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__ */ jsxs15("div", { ref: rootRef, className: "relative w-full", children: [
+    name ? /* @__PURE__ */ jsx25(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: currentValue,
+        required,
+        disabled
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs15(
+      "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__ */ jsx25(
+            "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__ */ jsx25(
+            "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__ */ jsx25(Cross2Icon2, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx25(
+            CaretSortIcon2,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "h-4 w-4 shrink-0 opacity-50 transition-transform",
+                open && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      "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__ */ jsx25(
+          "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__ */ jsx25(
+              "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__ */ jsxs15(
+                "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__ */ jsx25("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                    isSelected ? /* @__PURE__ */ jsx25(
+                      CheckIcon5,
+                      {
+                        "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
+import { jsx as jsx26, jsxs as jsxs16 } from "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,
@@ -7109,13 +8036,13 @@ var FormSelect = ({
   searchable = false,
   searchPlaceholder = "Buscar\u2026",
   emptyText = "No hay resultados",
-  position = "popper"
+  classNameDefault = true,
+  position
 }) => {
   const form = useFormContext4();
   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(() => {
@@ -7137,7 +8064,7 @@ var FormSelect = ({
     items,
     options
   ]);
-  return /* @__PURE__ */ jsx25(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx26(
     Controller3,
     {
       control: controllerControl,
@@ -7146,7 +8073,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) => {
@@ -7158,8 +8085,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__ */ jsxs15(FormItem, { children: [
-          label ? /* @__PURE__ */ jsxs15(
+        return /* @__PURE__ */ jsxs16(FormItem, { children: [
+          label ? /* @__PURE__ */ jsxs16(
             FormLabel,
             {
               className: cn(
@@ -7168,8 +8095,8 @@ var FormSelect = ({
                 labelClassName
               ),
               children: [
-                /* @__PURE__ */ jsx25("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ jsx26(
                   Asterisk3,
                   {
                     "aria-hidden": "true",
@@ -7182,20 +8109,37 @@ var FormSelect = ({
               ]
             }
           ) : null,
-          searchable ? /* @__PURE__ */ jsx25(
-            Badge,
+          searchable ? /* @__PURE__ */ jsx26(
+            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__ */ jsxs15(
+          ) : /* @__PURE__ */ jsxs16(
             Select2,
             {
-              value: (_a = field.value) != null ? _a : "",
+              value: (_b = field.value) != null ? _b : "",
               onValueChange: handleValueChange,
               onOpenChange: (nextOpen) => {
                 if (!nextOpen) {
@@ -7204,20 +8148,20 @@ var FormSelect = ({
               },
               disabled,
               children: [
-                /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(FormControl, { children: /* @__PURE__ */ jsx26(
                   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__ */ jsx25(SelectValue, { placeholder })
+                    ) : className,
+                    children: /* @__PURE__ */ jsx26(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   SelectContent,
                   {
                     position,
@@ -7234,7 +8178,7 @@ var FormSelect = ({
                     onTouchMoveCapture: (event) => {
                       event.stopPropagation();
                     },
-                    children: children ? children : normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ jsx25(
+                    children: children ? children : normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ jsx26(
                       SelectItem,
                       {
                         value: option.value,
@@ -7243,7 +8187,7 @@ var FormSelect = ({
                         children: option.label
                       },
                       option.value
-                    )) : /* @__PURE__ */ jsx25(
+                    )) : /* @__PURE__ */ jsx26(
                       "div",
                       {
                         className: cn(
@@ -7258,7 +8202,7 @@ var FormSelect = ({
               ]
             }
           ),
-          fieldError ? /* @__PURE__ */ jsx25(
+          fieldError ? /* @__PURE__ */ jsx26(
             FormMessage,
             {
               className: cn(sizeClasses.message, messageClassName),
@@ -7275,12 +8219,12 @@ FormSelect.displayName = "FormSelect";
 // src/components/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as React49 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "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__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -7360,10 +8304,10 @@ var Icons = IconsApp;
 import { DashIcon } from "@radix-ui/react-icons";
 import { OTPInput, OTPInputContext } from "input-otp";
 import * as React50 from "react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var InputOTP = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     OTPInput,
     __spreadValues({
       ref,
@@ -7378,14 +8322,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__ */ jsx27("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ jsx28("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(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -7398,7 +8342,7 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx27("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx27("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx28("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
@@ -7406,19 +8350,19 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React50.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx27("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx27(DashIcon, {}) }));
+  return /* @__PURE__ */ jsx28("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx28(DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/menubar.tsx
 import {
-  CheckIcon as CheckIcon5,
+  CheckIcon as CheckIcon6,
   ChevronRightIcon as ChevronRightIcon4,
   DotFilledIcon as DotFilledIcon3
 } from "@radix-ui/react-icons";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import * as React51 from "react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -7426,7 +8370,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -7440,7 +8384,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -7454,7 +8398,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__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7466,7 +8410,7 @@ var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx28(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx29(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -7474,7 +8418,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -7489,7 +8433,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__ */ jsx28(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -7507,7 +8451,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -7522,7 +8466,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__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7533,7 +8477,7 @@ var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(CheckIcon5, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon6, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
@@ -7542,7 +8486,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__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7552,7 +8496,7 @@ var MenubarRadioItem = React51.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
@@ -7561,7 +8505,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -7576,7 +8520,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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -7591,7 +8535,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "span",
     __spreadValues({
       className: cn(
@@ -7604,7 +8548,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -7618,24 +8562,24 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx29(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs18(DialogContent, { className, children: [
-    /* @__PURE__ */ jsxs18(DialogHeader, { children: [
-      /* @__PURE__ */ jsx29(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx29(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx30(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs19(DialogContent, { className, children: [
+    /* @__PURE__ */ jsxs19(DialogHeader, { children: [
+      /* @__PURE__ */ jsx30(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx30(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx29("div", { children })
+    /* @__PURE__ */ jsx30("div", { children })
   ] }) });
 };
 
 // src/components/navigation-menu.tsx
-import { ChevronDownIcon as ChevronDownIcon3 } from "@radix-ui/react-icons";
+import { ChevronDownIcon as ChevronDownIcon2 } from "@radix-ui/react-icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva6 } from "class-variance-authority";
 import * as React52 from "react";
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var NavigationMenu = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -7646,7 +8590,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx31(NavigationMenuViewport, {})
       ]
     })
   );
@@ -7654,7 +8598,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__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -7672,7 +8616,7 @@ var navigationMenuTriggerStyle = cva6(
 );
 var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7681,8 +8625,8 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx30(
-          ChevronDownIcon3,
+        /* @__PURE__ */ jsx31(
+          ChevronDownIcon2,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -7695,7 +8639,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__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -7710,7 +8654,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__ */ jsx30("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -7724,7 +8668,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__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -7733,7 +8677,7 @@ var NavigationMenuIndicator = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx30("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx31("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -7747,10 +8691,10 @@ import {
 } from "@radix-ui/react-icons";
 import * as React53 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -7762,7 +8706,7 @@ var Pagination = (_a) => {
 Pagination.displayName = "Pagination";
 var PaginationContent = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "ul",
     __spreadValues({
       ref,
@@ -7773,7 +8717,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__ */ jsx31("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ jsx32("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -7786,7 +8730,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -7807,7 +8751,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -7815,8 +8759,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31(ChevronLeft2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ jsx32(ChevronLeft2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -7828,7 +8772,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -7836,8 +8780,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx31("span", { children: "Previous" })
+        /* @__PURE__ */ jsx32(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx32("span", { children: "Previous" })
       ]
     })
   );
@@ -7849,7 +8793,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -7857,8 +8801,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31("span", { children: "Next" }),
-        /* @__PURE__ */ jsx31(ChevronRightIcon5, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx32("span", { children: "Next" }),
+        /* @__PURE__ */ jsx32(ChevronRightIcon5, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7870,7 +8814,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -7878,8 +8822,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ jsx31(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ jsx32(ChevronRight2, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7891,15 +8835,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31(DotsHorizontalIcon2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx32(DotsHorizontalIcon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -7909,13 +8853,13 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 // src/components/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React54 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "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__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -7933,10 +8877,10 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React55 from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Progress = React55.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -7945,7 +8889,7 @@ var Progress = React55.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -7958,13 +8902,13 @@ var Progress = React55.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import { CheckIcon as CheckIcon6 } from "@radix-ui/react-icons";
+import { CheckIcon as CheckIcon7 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as React56 from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var RadioGroup4 = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -7976,7 +8920,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__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -7985,7 +8929,7 @@ var RadioGroupItem = React56.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx34(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx34(CheckIcon6, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx35(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx35(CheckIcon7, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -7994,14 +8938,14 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/resizable.tsx
 import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ResizablePrimitive.Group,
     __spreadValues({
       className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
@@ -8017,7 +8961,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8025,7 +8969,7 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx35("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx35(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx36("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx36(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
@@ -8033,19 +8977,19 @@ var ResizableHandle = (_a) => {
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React57 from "react";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var ScrollArea = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx36(ScrollBar, {}),
-        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx37(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx37(ScrollBar, {}),
+        /* @__PURE__ */ jsx37(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -8053,7 +8997,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__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -8065,7 +9009,7 @@ var ScrollBar = React57.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx36(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx37(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
@@ -8074,7 +9018,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/search-input.tsx
 import * as React58 from "react";
 import { useDebouncedCallback } from "use-debounce";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function setForwardedRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -8155,7 +9099,7 @@ var SearchInput = React58.forwardRef(
         focusInput();
       });
     };
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       Input,
       __spreadValues({
         ref: composedRef,
@@ -8164,363 +9108,44 @@ var SearchInput = React58.forwardRef(
         placeholder,
         onChange: handleChange,
         className: cn("w-full", className),
-        classNameDefault,
-        autoComplete: "off",
-        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
-import * as React59 from "react";
-import { CaretSortIcon as CaretSortIcon2, CheckIcon as CheckIcon7, Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
-import { jsx as jsx38, jsxs as jsxs22 } from "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__ */ jsxs22("div", { ref: rootRef, className: "relative w-full", children: [
-    name ? /* @__PURE__ */ jsx38(
-      "input",
-      {
-        type: "hidden",
-        name,
-        value: currentValue,
-        required,
-        disabled
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs22(
-      "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);
+        classNameDefault,
+        autoComplete: "off",
+        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(() => {
-            var _a;
-            (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+            focusInput();
           });
+          onClick == null ? void 0 : onClick(event);
         },
-        children: [
-          /* @__PURE__ */ jsx38(
-            "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__ */ jsx38(
-            "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__ */ jsx38(Cross2Icon2, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
-            }
-          ) : null,
-          /* @__PURE__ */ jsx38(
-            CaretSortIcon2,
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "h-4 w-4 shrink-0 opacity-50 transition-transform",
-                open && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx38(
-      "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__ */ jsx38(
-          "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__ */ jsx38("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__ */ jsxs22(
-                "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__ */ jsx38("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
-                    isSelected ? /* @__PURE__ */ jsx38(
-                      CheckIcon7,
-                      {
-                        "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
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React60 from "react";
+import * as React59 from "react";
 import { jsx as jsx39 } from "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__ */ jsx39(
@@ -8538,19 +9163,19 @@ var Separator6 = React60.forwardRef(
     );
   }
 );
-Separator6.displayName = SeparatorPrimitive.Root.displayName;
+Separator5.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon3 } from "@radix-ui/react-icons";
 import { cva as cva7 } from "class-variance-authority";
-import * as React61 from "react";
+import * as React60 from "react";
 import { jsx as jsx40, jsxs as jsxs23 } from "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__ */ jsx40(
     SheetPrimitive.Overlay,
@@ -8581,7 +9206,7 @@ var sheetVariants = cva7(
     }
   }
 );
-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__ */ jsxs23(SheetPortal, { children: [
     /* @__PURE__ */ jsx40(SheetOverlay, {}),
@@ -8637,7 +9262,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__ */ jsx40(
     SheetPrimitive.Title,
@@ -8648,7 +9273,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__ */ jsx40(
     SheetPrimitive.Description,
@@ -8678,9 +9303,9 @@ function Skeleton(_a) {
 
 // src/components/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import * as React62 from "react";
+import * as React61 from "react";
 import { jsx as jsx42, jsxs as jsxs24 } from "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__ */ jsxs24(
     SliderPrimitive.Root,
@@ -8726,9 +9351,9 @@ var ToasterSonner = (_a) => {
 
 // src/components/switch.tsx
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import * as React63 from "react";
+import * as React62 from "react";
 import { jsx as jsx44 } from "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__ */ jsx44(
     SwitchPrimitives.Root,
@@ -8753,9 +9378,9 @@ var Switch = React63.forwardRef((_a, ref) => {
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
-import * as React64 from "react";
+import * as React63 from "react";
 import { jsx as jsx45 } from "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__ */ jsx45("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ jsx45(
@@ -8768,12 +9393,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__ */ jsx45("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__ */ jsx45(
     "tbody",
@@ -8784,7 +9409,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__ */ jsx45(
     "tfoot",
@@ -8798,7 +9423,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__ */ jsx45(
     "tr",
@@ -8812,7 +9437,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__ */ jsx45(
     "th",
@@ -8826,7 +9451,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__ */ jsx45(
     "td",
@@ -8840,7 +9465,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__ */ jsx45(
     "caption",
@@ -8854,10 +9479,10 @@ TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React65 from "react";
+import * as React64 from "react";
 import { jsx as jsx46 } from "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__ */ jsx46(
     TabsPrimitive.List,
@@ -8871,7 +9496,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__ */ jsx46(
     TabsPrimitive.Trigger,
@@ -8885,7 +9510,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__ */ jsx46(
     TabsPrimitive.Content,
@@ -8901,9 +9526,9 @@ var TabsContent = React65.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/textarea.tsx
-import * as React66 from "react";
+import * as React65 from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
-var Textarea = React66.forwardRef(
+var Textarea = React65.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ jsx47(
@@ -8924,10 +9549,10 @@ Textarea.displayName = "Textarea";
 import { Cross2Icon as Cross2Icon4 } from "@radix-ui/react-icons";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
-import * as React67 from "react";
+import * as React66 from "react";
 import { jsx as jsx48 } from "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__ */ jsx48(
     ToastPrimitives.Viewport,
@@ -8955,7 +9580,7 @@ var toastVariants = cva8(
     }
   }
 );
-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__ */ jsx48(
     ToastPrimitives.Root,
@@ -8966,7 +9591,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__ */ jsx48(
     ToastPrimitives.Action,
@@ -8980,7 +9605,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__ */ jsx48(
     ToastPrimitives.Close,
@@ -8997,7 +9622,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__ */ jsx48(
     ToastPrimitives.Title,
@@ -9008,7 +9633,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__ */ jsx48(
     ToastPrimitives.Description,
@@ -9021,7 +9646,7 @@ var ToastDescription = React67.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/use-toast.ts
-import * as React68 from "react";
+import * as React67 from "react";
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -9116,8 +9741,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);
@@ -9155,7 +9780,7 @@ function Toaster() {
 // src/components/toggle.tsx
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import * as React69 from "react";
+import * as React68 from "react";
 import { jsx as jsx50 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "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",
@@ -9177,7 +9802,7 @@ var toggleVariants = cva9(
     }
   }
 );
-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__ */ jsx50(
     TogglePrimitive.Root,
@@ -9191,13 +9816,13 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import * as React70 from "react";
+import * as React69 from "react";
 import { jsx as jsx51 } from "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__ */ jsx51(
     ToggleGroupPrimitive.Root,
@@ -9210,9 +9835,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__ */ jsx51(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
@@ -9233,12 +9858,12 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React71 from "react";
+import * as React70 from "react";
 import { jsx as jsx52 } from "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__ */ jsx52(
     TooltipPrimitive.Content,
@@ -9255,10 +9880,10 @@ var TooltipContent = React71.forwardRef((_a, ref) => {
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-import * as React72 from "react";
+import * as React71 from "react";
 import { Asterisk as Asterisk4 } from "lucide-react";
 import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
-var UiInput = React72.forwardRef(
+var UiInput = React71.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9283,7 +9908,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);
@@ -9337,22 +9962,8 @@ var UiInput = React72.forwardRef(
 UiInput.displayName = "UiInput";
 
 // src/components/ui/select.tsx
-import * as React73 from "react";
+import * as React72 from "react";
 import { Asterisk as Asterisk5 } from "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
 import { jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
 function UiSelect({
   label,
@@ -9372,33 +9983,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__ */ jsxs27("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__ */ jsxs27("div", { className: cn("w-full space-y-2", selectClassName), children: [
     label ? /* @__PURE__ */ jsxs27(
       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
         ),
@@ -9410,7 +10016,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
               )
             }
@@ -9432,26 +10038,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__ */ jsx54(SelectValue, { placeholder })
             }
           ),
-          /* @__PURE__ */ jsx54(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx54(
-            SelectItem,
+          /* @__PURE__ */ jsx54(
+            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__ */ jsx54(
+                SelectItem,
+                {
+                  value: item.value,
+                  disabled: item.disabled,
+                  className: cn(sizeClasses.selectItem, itemClassName),
+                  children: item.label
+                },
+                item.value
+              ))
+            }
+          )
         ]
       }
     ),
@@ -9459,7 +10084,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
@@ -9467,10 +10096,10 @@ function UiSelect({
 }
 
 // src/components/ui/ui-checkbox.tsx
-import * as React74 from "react";
+import * as React73 from "react";
 import { Asterisk as Asterisk6 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
-var UiCheckbox = React74.forwardRef(
+var UiCheckbox = React73.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9575,18 +10204,18 @@ var UiCheckbox = React74.forwardRef(
 UiCheckbox.displayName = "UiCheckbox";
 
 // src/hooks/use-sidebar.tsx
-import { createContext as createContext5, useContext as useContext6, useState as useState7 } from "react";
+import { createContext as createContext6, useContext as useContext7, useState as useState8 } from "react";
 import { jsx as jsx56 } from "react/jsx-runtime";
-var SidebarContext = createContext5({
+var SidebarContext = createContext6({
   isMinimized: false,
   toggle: () => {
   }
 });
-var useSidebar = () => useContext6(SidebarContext);
+var useSidebar = () => useContext7(SidebarContext);
 var SidebarProvider = ({
   children
 }) => {
-  const [isMinimized, setIsMinimized] = useState7(false);
+  const [isMinimized, setIsMinimized] = useState8(false);
   const toggle = () => {
     setIsMinimized(!isMinimized);
   };
@@ -9653,7 +10282,7 @@ function Breadcrumbs({
 }
 
 // src/shared/data-table.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import {
   DoubleArrowLeftIcon,
@@ -9903,7 +10532,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 = useMemo5(
+  const paginationState = useMemo6(
     () => ({ pageIndex, pageSize }),
     [pageIndex, pageSize]
   );
@@ -9920,7 +10549,7 @@ function DataTable({
     autoResetPageIndex: false
   });
   const clickable = !!onClick;
-  const pageKey = useMemo5(
+  const pageKey = useMemo6(
     () => `${pageIndex}-${pageSize}-${data.length}`,
     [pageIndex, pageSize, data.length]
   );
@@ -9935,7 +10564,7 @@ function DataTable({
     onPageSizeChange == null ? void 0 : onPageSizeChange(size);
     onPageChange == null ? void 0 : onPageChange(1);
   };
-  const ui = useMemo5(() => {
+  const ui = useMemo6(() => {
     var _a;
     const builtIn = (_a = DATA_TABLE_TEMPLATES[template]) != null ? _a : DATA_TABLE_TEMPLATES.neo;
     return mergeSlots(DATA_TABLE_TEMPLATES.neo, builtIn, classNames);
@@ -10068,7 +10697,7 @@ function DataTable({
                         children: /* @__PURE__ */ jsx59(SelectValue, { placeholder: `${pageSize}` })
                       }
                     ),
-                    /* @__PURE__ */ jsx59(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx59(SelectItem, { value: `${size}`, children: size }, size)) })
+                    /* @__PURE__ */ jsx59(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx59(SelectItem, { value: `${size}`, children: size }, size)) })
                   ]
                 }
               )
@@ -10239,7 +10868,7 @@ function Dropzone({
 // src/shared/fileupload.tsx
 import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
-import { useEffect as useEffect6, useState as useState8 } from "react";
+import { useEffect as useEffect7, useState as useState9 } from "react";
 import { useDropzone as useDropzone2 } from "react-dropzone";
 import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
 function FileUpload({
@@ -10276,8 +10905,8 @@ function FileUpload({
   ) });
 }
 function ImagePreview({ file }) {
-  const [objectUrl, setObjectUrl] = useState8(null);
-  useEffect6(() => {
+  const [objectUrl, setObjectUrl] = useState9(null);
+  useEffect7(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
     return () => {
@@ -10592,12 +11221,10 @@ export {
   SelectGroup,
   SelectItem,
   SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  Separator6 as Separator,
+  Separator5 as Separator,
   Sheet,
   SheetClose,
   SheetContent,
@@ -10648,9 +11275,18 @@ export {
   badgeVariants,
   buttonVariants,
   cn,
+  formCompositeControlBase,
+  formCompositeControlErrorClass,
+  formCompositeVariants,
+  formControlBase,
+  formControlErrorClass,
+  formInputVariants,
+  formSizeVariants,
   getDefaultOptionLabel,
   getDefaultOptionValue,
   getErrorMessage,
+  getFormControlSizeClass,
+  getFormSizeClasses,
   getNextEnabledIndex,
   iconButtonVariants,
   navigationMenuTriggerStyle,
@@ -10660,5 +11296,6 @@ export {
   toggleVariants,
   useFormField,
   useSidebar,
-  useToast
+  useToast,
+  variants
 };