shadcn-ui-react 0.7.9 → 0.7.10

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,7 +6592,7 @@ 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
 var formInputVariants = {
@@ -6730,7 +6690,7 @@ function getFormSizeClasses(size = "md", customSize) {
 
 // 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,
@@ -6945,31 +6905,65 @@ import {
   ChevronUpIcon
 } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import * as React47 from "react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import * as React46 from "react";
+import { Fragment, 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 BODY_UNLOCK_ATTR = "data-select-scroll-unlocked";
+var BODY_UNLOCK_STYLE_ID = "radix-select-scroll-unlock-style";
+var useSafeLayoutEffect = typeof window !== "undefined" ? React46.useLayoutEffect : React46.useEffect;
+function SelectBodyScrollUnlock() {
+  useSafeLayoutEffect(() => {
+    var _a;
+    if (typeof document === "undefined") return;
+    if (!document.getElementById(BODY_UNLOCK_STYLE_ID)) {
+      const style = document.createElement("style");
+      style.id = BODY_UNLOCK_STYLE_ID;
+      style.textContent = `
+        body[${BODY_UNLOCK_ATTR}][data-scroll-locked] {
+          overflow: auto !important;
+          margin-right: 0 !important;
+          padding-right: 0 !important;
+        }
+      `;
+      document.head.appendChild(style);
+    }
+    const body = document.body;
+    const currentCount = Number((_a = body.getAttribute(BODY_UNLOCK_ATTR)) != null ? _a : "0");
+    body.setAttribute(BODY_UNLOCK_ATTR, String(currentCount + 1));
+    return () => {
+      var _a2;
+      const nextCount = Number((_a2 = body.getAttribute(BODY_UNLOCK_ATTR)) != null ? _a2 : "1") - 1;
+      if (nextCount <= 0) {
+        body.removeAttribute(BODY_UNLOCK_ATTR);
+      } else {
+        body.setAttribute(BODY_UNLOCK_ATTR, String(nextCount));
+      }
+    };
+  }, []);
+  return null;
+}
+var SelectTrigger = React46.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",
+        "flex h-9 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background transition-colors 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" }) })
+        /* @__PURE__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(CaretSortIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
       ]
     })
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
+var SelectScrollUpButton = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx24(
     SelectPrimitive.ScrollUpButton,
@@ -6980,12 +6974,12 @@ var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx24(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx24(ChevronUpIcon, { className: "h-4 w-4" })
     })
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
+var SelectScrollDownButton = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx24(
     SelectPrimitive.ScrollDownButton,
@@ -6996,43 +6990,67 @@ var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx24(ChevronDownIcon2, {})
+      children: /* @__PURE__ */ jsx24(ChevronDownIcon2, { className: "h-4 w-4" })
     })
   );
 });
 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)"
+var SelectContent = React46.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      position = "popper",
+      sideOffset = 4,
+      align = "start"
+    } = _b, props = __objRest(_b, [
+      "className",
+      "children",
+      "position",
+      "sideOffset",
+      "align"
+    ]);
+    return /* @__PURE__ */ jsxs14(Fragment, { children: [
+      /* @__PURE__ */ jsx24(SelectBodyScrollUnlock, {}),
+      /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
+        SelectPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          position,
+          sideOffset,
+          align,
+          className: cn(
+            "relative z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+            "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+            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
+          )
+        }, props), {
+          children: [
+            /* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx24(
+              SelectPrimitive.Viewport,
+              {
+                className: cn(
+                  "max-h-[min(20rem,var(--radix-select-content-available-height))] overflow-y-auto p-1",
+                  position === "popper" && "w-full min-w-(--radix-select-trigger-width)"
+                ),
+                children
+              }
             ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
+            /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
+          ]
+        })
+      ) })
+    ] });
+  }
+);
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React47.forwardRef((_a, ref) => {
+var SelectLabel = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx24(
     SelectPrimitive.Label,
@@ -7043,14 +7061,16 @@ var SelectLabel = React47.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React47.forwardRef((_a, ref) => {
+var SelectItem = React46.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",
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none transition-colors",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
         className
       )
     }, props), {
@@ -7062,7 +7082,7 @@ var SelectItem = React47.forwardRef((_a, ref) => {
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React47.forwardRef((_a, ref) => {
+var SelectSeparator = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx24(
     SelectPrimitive.Separator,
@@ -7074,71 +7094,390 @@ var SelectSeparator = React47.forwardRef((_a, ref) => {
 });
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
-// src/components/Form/form-select.tsx
+// 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";
-var FormSelect = ({
-  name,
-  control,
-  rules,
-  shouldUnregister,
-  defaultValue,
-  placeholder = "Seleccionar opci\xF3n",
-  label,
-  requiredLabel,
-  className,
-  itemClassName,
-  contentClassName,
-  searchInputClassName,
-  labelClassName,
-  messageClassName,
-  requiredLabelClassName,
-  options,
+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,
-  getOptionValue = getDefaultOptionValue,
-  getOptionLabel = getDefaultOptionLabel,
-  getOptionDisabled,
-  getOptionData,
-  children,
-  onChange,
-  onChangeItem,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Select an option",
+  searchPlaceholder = "Search\u2026",
+  emptyText = "No results found",
   disabled,
-  size = "md",
-  customSize,
-  variant = "outline",
-  invalid,
-  searchable = false,
-  searchPlaceholder = "Buscar\u2026",
-  emptyText = "No hay resultados",
-  position = "popper"
-}) => {
-  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 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(() => {
-    if (options) return options;
-    return (items != null ? items : []).map((item) => {
-      var _a;
-      return {
-        value: getOptionValue(item),
-        label: getOptionLabel(item),
-        disabled: getOptionDisabled == null ? void 0 : getOptionDisabled(item),
-        data: (_a = getOptionData == null ? void 0 : getOptionData(item)) != null ? _a : item
-      };
-    });
-  }, [
-    getOptionData,
-    getOptionDisabled,
-    getOptionLabel,
-    getOptionValue,
-    items,
-    options
-  ]);
-  return /* @__PURE__ */ jsx25(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx25(
-    Controller3,
+  name,
+  required,
+  triggerClassName,
+  contentClassName,
+  itemClassName,
+  searchInputClassName
+}) {
+  const rootRef = React47.useRef(null);
+  const inputRef = React47.useRef(null);
+  const listboxId = React47.useId();
+  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: 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);
+          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-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__ */ 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: "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__ */ 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 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__ */ 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,
+  children,
+  onChange,
+  onChangeItem,
+  disabled,
+  size = "md",
+  customSize,
+  variant = "outline",
+  invalid,
+  searchable = false,
+  searchPlaceholder = "Buscar\u2026",
+  emptyText = "No hay resultados",
+  position = "popper"
+}) => {
+  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 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(() => {
+    if (options) return options;
+    return (items != null ? items : []).map((item) => {
+      var _a;
+      return {
+        value: getOptionValue(item),
+        label: getOptionLabel(item),
+        disabled: getOptionDisabled == null ? void 0 : getOptionDisabled(item),
+        data: (_a = getOptionData == null ? void 0 : getOptionData(item)) != null ? _a : item
+      };
+    });
+  }, [
+    getOptionData,
+    getOptionDisabled,
+    getOptionLabel,
+    getOptionValue,
+    items,
+    options
+  ]);
+  return /* @__PURE__ */ jsx26(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx26(
+    Controller3,
     {
       control: controllerControl,
       name,
@@ -7146,7 +7485,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 +7497,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 +7507,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 +7521,43 @@ 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",
+              items: normalizedOptions,
+              value: (_a = field.value) != null ? _a : "",
+              name: field.name,
+              placeholder,
+              searchPlaceholder,
+              emptyText,
+              disabled,
+              triggerClassName: cn(
+                "min-h-10 w-full rounded-xl border border-input bg-input px-3 text-sm shadow-sm",
+                "focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20",
+                hasError && "border-destructive ring-destructive/20",
                 className
-              )
+              ),
+              contentClassName: cn(
+                "z-50 mt-1 max-h-72 w-full overflow-hidden rounded-xl border border-border bg-popover shadow-xl",
+                contentClassName
+              ),
+              itemClassName: cn(sizeClasses.selectItem, itemClassName),
+              searchInputClassName: cn(
+                "h-full w-full min-w-0 bg-transparent outline-none placeholder:text-muted-foreground",
+                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,7 +7566,7 @@ var FormSelect = ({
               },
               disabled,
               children: [
-                /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(FormControl, { children: /* @__PURE__ */ jsx26(
                   SelectTrigger,
                   {
                     className: cn(
@@ -7214,10 +7576,10 @@ var FormSelect = ({
                       hasError && "border-destructive ring-destructive focus:ring-destructive/40",
                       className
                     ),
-                    children: /* @__PURE__ */ jsx25(SelectValue, { placeholder })
+                    children: /* @__PURE__ */ jsx26(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   SelectContent,
                   {
                     position,
@@ -7234,7 +7596,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 +7605,7 @@ var FormSelect = ({
                         children: option.label
                       },
                       option.value
-                    )) : /* @__PURE__ */ jsx25(
+                    )) : /* @__PURE__ */ jsx26(
                       "div",
                       {
                         className: cn(
@@ -7258,7 +7620,7 @@ var FormSelect = ({
               ]
             }
           ),
-          fieldError ? /* @__PURE__ */ jsx25(
+          fieldError ? /* @__PURE__ */ jsx26(
             FormMessage,
             {
               className: cn(sizeClasses.message, messageClassName),
@@ -7275,12 +7637,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 +7722,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 +7740,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 +7760,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 +7768,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 +7788,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 +7802,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 +7816,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 +7828,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 +7836,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 +7851,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 +7869,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 +7884,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 +7895,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 +7904,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 +7914,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 +7923,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 +7938,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 +7953,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "span",
     __spreadValues({
       className: cn(
@@ -7604,7 +7966,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,12 +7980,12 @@ 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 })
   ] }) });
 };
 
@@ -7632,10 +7994,10 @@ import { ChevronDownIcon as ChevronDownIcon3 } 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 +8008,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx31(NavigationMenuViewport, {})
       ]
     })
   );
@@ -7654,7 +8016,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 +8034,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,7 +8043,7 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -7695,7 +8057,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 +8072,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 +8086,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 +8095,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 +8109,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 +8124,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 +8135,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 +8148,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -7807,7 +8169,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 +8177,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 +8190,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 +8198,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 +8211,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 +8219,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 +8232,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 +8240,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 +8253,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 +8271,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 +8295,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 +8307,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 +8320,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 +8338,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 +8347,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 +8356,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 +8379,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8025,7 +8387,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 +8395,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 +8415,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 +8427,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 +8436,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);
@@ -8142,385 +8504,66 @@ var SearchInput = React58.forwardRef(
     const handleChange = (event) => {
       const nextValue = event.target.value;
       setSearchTerm(nextValue);
-      if (debounceTime <= 0) {
-        debouncedSearch.cancel();
-        onSearch(nextValue);
-        requestAnimationFrame(() => {
-          focusInput();
-        });
-        return;
-      }
-      debouncedSearch(nextValue);
-      requestAnimationFrame(() => {
-        focusInput();
-      });
-    };
-    return /* @__PURE__ */ jsx37(
-      Input,
-      __spreadValues({
-        ref: composedRef,
-        type: "search",
-        value: searchTerm,
-        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
+      if (debounceTime <= 0) {
+        debouncedSearch.cancel();
+        onSearch(nextValue);
+        requestAnimationFrame(() => {
+          focusInput();
+        });
+        return;
       }
-    ) : 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);
+      debouncedSearch(nextValue);
+      requestAnimationFrame(() => {
+        focusInput();
+      });
+    };
+    return /* @__PURE__ */ jsx38(
+      Input,
+      __spreadValues({
+        ref: composedRef,
+        type: "search",
+        value: searchTerm,
+        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(() => {
-            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 Separator6 = React59.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
     return /* @__PURE__ */ jsx39(
@@ -8544,13 +8587,13 @@ Separator6.displayName = SeparatorPrimitive.Root.displayName;
 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 +8624,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 +8680,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 +8691,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 +8721,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 +8769,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 +8796,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 +8811,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 +8827,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 +8841,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 +8855,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 +8869,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 +8883,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 +8897,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 +8914,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 +8928,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 +8944,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 +8967,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 +8998,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 +9009,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 +9023,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 +9040,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 +9051,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 +9064,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 +9159,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 +9198,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 +9220,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 +9234,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 +9253,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 +9276,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 +9298,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 +9326,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,7 +9380,7 @@ 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
@@ -9376,7 +9419,7 @@ function UiSelect({
   errorMessage,
   htmlFormItemId
 }) {
-  const generatedId = React73.useId();
+  const generatedId = React72.useId();
   const triggerId = htmlFormItemId != null ? htmlFormItemId : generatedId;
   const messageId = `${triggerId}-message`;
   const hasError = Boolean(errorMessage);
@@ -9467,10 +9510,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,
@@ -9634,7 +9677,7 @@ var AlertModal = ({
 
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
-import { Fragment } from "react";
+import { Fragment as Fragment2 } from "react";
 import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
 function Breadcrumbs({
   items,
@@ -9645,7 +9688,7 @@ function Breadcrumbs({
   return /* @__PURE__ */ jsx58(Breadcrumb, { className, children: /* @__PURE__ */ jsx58(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs30(Fragment, { children: [
+    return /* @__PURE__ */ jsxs30(Fragment2, { children: [
       !isLast ? /* @__PURE__ */ jsx58(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx58(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ jsx58(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx58(BreadcrumbPage, { children: item.title }) }),
       !isLast ? /* @__PURE__ */ jsx58(BreadcrumbSeparator, { children: separator }) : null
     ] }, `${item.title}-${index}`);
@@ -10239,7 +10282,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 useState8 } from "react";
 import { useDropzone as useDropzone2 } from "react-dropzone";
 import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
 function FileUpload({
@@ -10277,7 +10320,7 @@ function FileUpload({
 }
 function ImagePreview({ file }) {
   const [objectUrl, setObjectUrl] = useState8(null);
-  useEffect6(() => {
+  useEffect7(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
     return () => {