@codapet/design-system 0.4.1 → 0.4.3

package/dist/index.mjs

@@ -2349,35 +2349,354 @@ function DateInput({
   ] }) });
 }
 
+// src/components/ui/date-range-input.tsx
+import "class-variance-authority";
+import { format as dateFnsFormat2, parse as dateFnsParse2, isValid as isValid2 } from "date-fns";
+import { CalendarDays as CalendarDays2 } from "lucide-react";
+import * as React21 from "react";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+var DATE_FORMAT_TOKENS2 = {
+  "MM/DD/YYYY": "MM/dd/yyyy",
+  "DD/MM/YYYY": "dd/MM/yyyy",
+  "YYYY-MM-DD": "yyyy-MM-dd",
+  "DD-MM-YYYY": "dd-MM-yyyy",
+  "MM-DD-YYYY": "MM-dd-yyyy",
+  "DD.MM.YYYY": "dd.MM.yyyy",
+  "MMMM D, YYYY": "MMMM d, yyyy",
+  "D MMMM YYYY": "d MMMM yyyy"
+};
+var DATE_FORMAT_PLACEHOLDER2 = {
+  "MM/DD/YYYY": "mm/dd/yyyy",
+  "DD/MM/YYYY": "dd/mm/yyyy",
+  "YYYY-MM-DD": "yyyy-mm-dd",
+  "DD-MM-YYYY": "dd-mm-yyyy",
+  "MM-DD-YYYY": "mm-dd-yyyy",
+  "DD.MM.YYYY": "dd.mm.yyyy",
+  "MMMM D, YYYY": "Month d, yyyy",
+  "D MMMM YYYY": "d Month yyyy"
+};
+var INPUT_PROP_KEYS2 = /* @__PURE__ */ new Set([
+  "accept",
+  "alt",
+  "autoComplete",
+  "autoFocus",
+  "capture",
+  "checked",
+  "dirName",
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "height",
+  "list",
+  "maxLength",
+  "minLength",
+  "multiple",
+  "name",
+  "pattern",
+  "readOnly",
+  "required",
+  "size",
+  "src",
+  "step",
+  "type",
+  "width",
+  "id",
+  "inputMode",
+  "lang",
+  "tabIndex",
+  "title",
+  "role",
+  "style",
+  "onFocus",
+  "onFocusCapture",
+  "onBlurCapture",
+  "onInput",
+  "onInvalid",
+  "onKeyDownCapture",
+  "onKeyPress",
+  "onKeyPressCapture",
+  "onKeyUp",
+  "onKeyUpCapture",
+  "onPaste",
+  "onPasteCapture",
+  "onPointerDown",
+  "onPointerDownCapture",
+  "onPointerUp",
+  "onPointerUpCapture",
+  "onMouseDown",
+  "onMouseDownCapture",
+  "onMouseUp",
+  "onMouseUpCapture",
+  "onCompositionEnd",
+  "onCompositionStart",
+  "onCompositionUpdate"
+]);
+function formatDate2(date, dateFormat = "MM/DD/YYYY") {
+  if (!date || !isValid2(date)) {
+    return "";
+  }
+  return dateFnsFormat2(date, DATE_FORMAT_TOKENS2[dateFormat]);
+}
+function formatRange(range, dateFormat = "MM/DD/YYYY") {
+  if (!range) return "";
+  const from = formatDate2(range.from, dateFormat);
+  const to = formatDate2(range.to, dateFormat);
+  if (from && to) return `${from} \u2013 ${to}`;
+  if (from) return `${from} \u2013`;
+  return "";
+}
+function parseRange(value, dateFormat = "MM/DD/YYYY") {
+  if (!value) return null;
+  const parts = value.split(/\s*[\u2013\-]\s*/);
+  const fromStr = parts[0]?.trim();
+  if (!fromStr) return null;
+  const fromParsed = dateFnsParse2(fromStr, DATE_FORMAT_TOKENS2[dateFormat], /* @__PURE__ */ new Date());
+  if (!isValid2(fromParsed)) return null;
+  const toStr = parts[1]?.trim();
+  if (!toStr) return { from: fromParsed, to: void 0 };
+  const toParsed = dateFnsParse2(toStr, DATE_FORMAT_TOKENS2[dateFormat], /* @__PURE__ */ new Date());
+  if (!isValid2(toParsed)) return { from: fromParsed, to: void 0 };
+  return { from: fromParsed, to: toParsed };
+}
+function rangePlaceholder(dateFormat) {
+  const p = DATE_FORMAT_PLACEHOLDER2[dateFormat];
+  return `${p} \u2013 ${p}`;
+}
+function DateRangeInput({
+  dateRange,
+  setDateRange,
+  maxDate,
+  minDate,
+  disableFuture = true,
+  className,
+  inputClassName,
+  calendarClassName,
+  inputDisabled,
+  dateFormat = "MM/DD/YYYY",
+  selected,
+  onSelect,
+  month,
+  onMonthChange,
+  disabled: calendarDisabled,
+  captionLayout = "dropdown",
+  showOutsideDays = false,
+  classNames,
+  placeholder,
+  onBlur,
+  ...restProps
+}) {
+  const resolvedPlaceholder = placeholder ?? rangePlaceholder(dateFormat);
+  const [open, setOpen] = React21.useState(false);
+  const [monthState, setMonthState] = React21.useState(
+    dateRange?.from ?? null
+  );
+  const [value, setValue] = React21.useState(formatRange(dateRange, dateFormat));
+  const [inputProps, calendarProps] = React21.useMemo(() => {
+    const nextInputProps = {};
+    const nextCalendarProps = {};
+    for (const [key, val] of Object.entries(restProps)) {
+      const isInputProp = INPUT_PROP_KEYS2.has(key) || key.startsWith("aria-") || key.startsWith("data-");
+      if (isInputProp) {
+        nextInputProps[key] = val;
+      } else {
+        nextCalendarProps[key] = val;
+      }
+    }
+    return [
+      nextInputProps,
+      nextCalendarProps
+    ];
+  }, [restProps]);
+  const today = React21.useMemo(() => {
+    const d = /* @__PURE__ */ new Date();
+    d.setHours(0, 0, 0, 0);
+    return d;
+  }, []);
+  const effectiveMaxDate = React21.useMemo(() => {
+    if (disableFuture) {
+      if (maxDate) {
+        const max = new Date(maxDate);
+        max.setHours(0, 0, 0, 0);
+        return max < today ? max : today;
+      }
+      return today;
+    }
+    if (maxDate) {
+      const max = new Date(maxDate);
+      max.setHours(0, 0, 0, 0);
+      return max;
+    }
+    return void 0;
+  }, [maxDate, disableFuture, today]);
+  const effectiveMinDate = React21.useMemo(() => {
+    if (minDate) {
+      const min = new Date(minDate);
+      min.setHours(0, 0, 0, 0);
+      return min;
+    }
+    return null;
+  }, [minDate]);
+  React21.useEffect(() => {
+    setValue(formatRange(dateRange, dateFormat));
+    if (dateRange?.from) {
+      setMonthState(dateRange.from);
+    }
+  }, [dateRange, dateFormat]);
+  const effectiveMonth = month ?? monthState ?? void 0;
+  const effectiveSelected = selected ?? dateRange;
+  const isInputDisabled = inputDisabled ?? (typeof calendarDisabled === "boolean" ? calendarDisabled : false);
+  const isWithinBounds = (d) => {
+    const isAfterMin = !effectiveMinDate || d >= effectiveMinDate;
+    const isBeforeMax = !effectiveMaxDate || d <= effectiveMaxDate;
+    return isAfterMin && isBeforeMax;
+  };
+  const defaultCalendarDisabled = (date) => {
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    return !isWithinBounds(checkDate);
+  };
+  const handleCalendarSelect = (range) => {
+    if (onSelect) {
+      onSelect(range);
+      return;
+    }
+    setDateRange(range);
+  };
+  const resolvedCalendarProps = {
+    ...calendarProps,
+    mode: "range",
+    selected: effectiveSelected,
+    captionLayout,
+    month: effectiveMonth,
+    onMonthChange: onMonthChange ?? setMonthState,
+    showOutsideDays,
+    className: cn(
+      "md:w-auto w-[calc(100vw-50px)] mx-auto h-[350px] overflow-y-auto md:h-auto m-2",
+      calendarClassName
+    ),
+    classNames,
+    onSelect: handleCalendarSelect,
+    disabled: calendarDisabled ?? defaultCalendarDisabled
+  };
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    setValue(inputValue);
+    if (inputValue === "") {
+      setDateRange(void 0);
+      return;
+    }
+    const parsed = parseRange(inputValue, dateFormat);
+    if (!parsed || !parsed.from) return;
+    const from = new Date(parsed.from);
+    from.setHours(0, 0, 0, 0);
+    if (!isWithinBounds(from)) return;
+    if (parsed.to) {
+      const to = new Date(parsed.to);
+      to.setHours(0, 0, 0, 0);
+      if (isWithinBounds(to) && from <= to) {
+        setDateRange(parsed);
+        setMonthState(from);
+      }
+    } else {
+      setDateRange({ from: parsed.from, to: void 0 });
+      setMonthState(from);
+    }
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e);
+    if (value === "") {
+      if (dateRange !== void 0) {
+        setDateRange(void 0);
+      }
+      return;
+    }
+    const parsed = parseRange(value, dateFormat);
+    if (!parsed || !parsed.from) {
+      setValue(formatRange(dateRange, dateFormat));
+      return;
+    }
+    const from = new Date(parsed.from);
+    from.setHours(0, 0, 0, 0);
+    if (!isWithinBounds(from)) {
+      setValue(formatRange(dateRange, dateFormat));
+      return;
+    }
+    if (parsed.to) {
+      const to = new Date(parsed.to);
+      to.setHours(0, 0, 0, 0);
+      if (!isWithinBounds(to) || from > to) {
+        setValue(formatRange(dateRange, dateFormat));
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx23("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, disabled: isInputDisabled, children: /* @__PURE__ */ jsx23("div", { className: "w-full relative", children: /* @__PURE__ */ jsx23(
+      Input,
+      {
+        value,
+        placeholder: resolvedPlaceholder,
+        className: cn("bg-background cursor-pointer", inputClassName),
+        onChange: handleInputChange,
+        onBlur: handleBlur,
+        disabled: isInputDisabled,
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown" && !isInputDisabled) {
+            e.preventDefault();
+            setOpen(true);
+          }
+        },
+        rightIcon: /* @__PURE__ */ jsx23(CalendarDays2, { className: "h-4 w-4 text-muted-foreground" }),
+        rightIconOnClick: isInputDisabled ? void 0 : () => setOpen(!open),
+        rightIconButtonProps: { disabled: isInputDisabled },
+        ...inputProps
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx23(
+      PopoverContent,
+      {
+        className: "w-auto overflow-hidden p-0",
+        align: "end",
+        alignOffset: -8,
+        sideOffset: 10,
+        side: "top",
+        children: /* @__PURE__ */ jsx23(Calendar, { ...resolvedCalendarProps })
+      }
+    )
+  ] }) });
+}
+
 // src/components/ui/drawer.tsx
 import "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Root, { "data-slot": "drawer", ...props, repositionInputs: false });
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, { "data-slot": "drawer", ...props, repositionInputs: false });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -2395,9 +2714,9 @@ function DrawerContent({
   withCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs11(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx23(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs12(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -2411,7 +2730,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          withCloseButton && /* @__PURE__ */ jsx23("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          withCloseButton && /* @__PURE__ */ jsx24("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -2419,7 +2738,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "drawer-header",
@@ -2432,7 +2751,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -2445,7 +2764,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -2458,7 +2777,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -2472,21 +2791,21 @@ function DrawerDescription({
 import "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -2499,7 +2818,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -2515,7 +2834,7 @@ function DropdownMenuContent({
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({
   className,
@@ -2523,7 +2842,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -2543,7 +2862,7 @@ function DropdownMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -2554,7 +2873,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2563,7 +2882,7 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -2576,7 +2895,7 @@ function DropdownMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -2586,7 +2905,7 @@ function DropdownMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2597,7 +2916,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -2614,7 +2933,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2627,7 +2946,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -2642,7 +2961,7 @@ function DropdownMenuShortcut({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -2650,7 +2969,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2662,7 +2981,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx24(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -2671,7 +2990,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -2685,7 +3004,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/ui/form.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import "@radix-ui/react-label";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import {
@@ -2699,7 +3018,7 @@ import {
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva5 } from "class-variance-authority";
 import "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var labelTextVariants = cva5("font-sans font-semibold ", {
   variants: {
     size: {
@@ -2720,7 +3039,7 @@ function Label3({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "label";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Comp,
     {
       "data-slot": "label",
@@ -2731,19 +3050,19 @@ function Label3({
 }
 
 // src/components/ui/form.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React24.createContext(
+var FormFieldContext = React25.createContext(
   {}
 );
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx26(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx26(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx27(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx27(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React24.useContext(FormFieldContext);
-  const itemContext = React24.useContext(FormItemContext);
+  const fieldContext = React25.useContext(FormFieldContext);
+  const itemContext = React25.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -2760,12 +3079,12 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React24.createContext(
+var FormItemContext = React25.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React24.useId();
-  return /* @__PURE__ */ jsx26(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx26(
+  const id = React25.useId();
+  return /* @__PURE__ */ jsx27(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "form-item",
@@ -2779,7 +3098,7 @@ function FormLabel({
   ...props
 }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     Label3,
     {
       "data-slot": "form-label",
@@ -2792,7 +3111,7 @@ function FormLabel({
 }
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     Slot5,
     {
       "data-slot": "form-control",
@@ -2805,7 +3124,7 @@ function FormControl({ ...props }) {
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "p",
     {
       "data-slot": "form-description",
@@ -2821,7 +3140,7 @@ function FormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "p",
     {
       "data-slot": "form-message",
@@ -2836,16 +3155,16 @@ function FormMessage({ className, ...props }) {
 // src/components/ui/hover-card.tsx
 import "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -2853,7 +3172,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx28(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -2869,16 +3188,16 @@ function HoverCardContent({
 }
 
 // src/components/ui/input-otp.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -2892,7 +3211,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -2906,9 +3225,9 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React26.useContext(OTPInputContext);
+  const inputOTPContext = React27.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -2920,25 +3239,25 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx28("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx29("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx28("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx28(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx29("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx29(MinusIcon, {}) });
 }
 
 // src/components/ui/menubar.tsx
 import "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
@@ -2953,28 +3272,28 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -2993,7 +3312,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPortal, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(MenubarPortal, { children: /* @__PURE__ */ jsx30(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -3014,7 +3333,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -3034,7 +3353,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -3045,7 +3364,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -3056,7 +3375,7 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
@@ -3066,7 +3385,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -3077,7 +3396,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -3094,7 +3413,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -3107,7 +3426,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -3122,7 +3441,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -3130,7 +3449,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -3142,7 +3461,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx29(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx30(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -3151,7 +3470,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -3169,14 +3488,14 @@ import "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva6 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -3188,7 +3507,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx31(NavigationMenuViewport, {})
       ]
     }
   );
@@ -3197,7 +3516,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -3213,7 +3532,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -3230,7 +3549,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -3239,7 +3558,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-400 group-data-[state=open]:rotate-180",
@@ -3254,7 +3573,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -3271,13 +3590,13 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         NavigationMenuPrimitive.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
@@ -3295,7 +3614,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -3311,7 +3630,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -3320,7 +3639,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx30("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx31("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
@@ -3332,9 +3651,9 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "nav",
     {
       role: "navigation",
@@ -3349,7 +3668,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -3359,7 +3678,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx31("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx32("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -3367,7 +3686,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3388,7 +3707,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -3396,8 +3715,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx31(ChevronLeftIcon2, {}),
-        /* @__PURE__ */ jsx31("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx32(ChevronLeftIcon2, {}),
+        /* @__PURE__ */ jsx32("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -3406,7 +3725,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -3414,8 +3733,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx31(ChevronRightIcon5, {})
+        /* @__PURE__ */ jsx32("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx32(ChevronRightIcon5, {})
       ]
     }
   );
@@ -3424,7 +3743,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "span",
     {
       "aria-hidden": true,
@@ -3432,8 +3751,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx31(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx32(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -3442,13 +3761,13 @@ function PaginationEllipsis({
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3457,7 +3776,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3473,12 +3792,12 @@ function Progress({
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function RadioGroup4({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -3491,7 +3810,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -3500,12 +3819,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx33(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-1.5 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx34(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-1.5 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -3516,12 +3835,12 @@ function RadioGroupItem({
 import "react";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -3536,14 +3855,14 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx35(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
@@ -3552,7 +3871,7 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx34("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx34(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx35("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx35(GripVerticalIcon, { className: "size-2.5" }) })
     }
   );
 }
@@ -3560,20 +3879,20 @@ function ResizableHandle({
 // src/components/ui/scroll-area.tsx
 import "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -3581,8 +3900,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx35(ScrollBar, {}),
-        /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx36(ScrollBar, {}),
+        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -3592,7 +3911,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -3604,7 +3923,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx36(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3619,21 +3938,21 @@ function ScrollBar({
 import "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon4, ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx37(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx37(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx37(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -3641,7 +3960,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -3653,7 +3972,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx36(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx36(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx37(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx37(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -3664,7 +3983,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx37(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs19(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -3676,8 +3995,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx36(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx37(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -3687,7 +4006,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx36(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx37(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -3696,7 +4015,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -3710,7 +4029,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -3720,8 +4039,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon4, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx36(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx37("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx37(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -3730,7 +4049,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -3743,7 +4062,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -3752,7 +4071,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx36(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx37(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -3760,7 +4079,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -3769,7 +4088,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx36(ChevronDownIcon4, { className: "size-4" })
+      children: /* @__PURE__ */ jsx37(ChevronDownIcon4, { className: "size-4" })
     }
   );
 }
@@ -3777,14 +4096,14 @@ function SelectScrollDownButton({
 // src/components/ui/separator.tsx
 import "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Separator5({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -3803,30 +4122,30 @@ function Separator5({
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
 import "react";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx38(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx39(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx39(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx39(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx39(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -3845,9 +4164,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs19(SheetPortal, { children: [
-    /* @__PURE__ */ jsx38(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(SheetPortal, { children: [
+    /* @__PURE__ */ jsx39(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs20(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -3862,9 +4181,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs19(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx38(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs20(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx39(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -3872,7 +4191,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "sheet-header",
@@ -3882,7 +4201,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -3895,7 +4214,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -3908,7 +4227,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -3922,12 +4241,12 @@ function SheetDescription({
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
-import * as React39 from "react";
+import * as React40 from "react";
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "skeleton",
@@ -3940,12 +4259,12 @@ function Skeleton({ className, ...props }) {
 // src/components/ui/tooltip.tsx
 import "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -3957,12 +4276,12 @@ function TooltipProvider({
 function Tooltip2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(TooltipProvider, { children: /* @__PURE__ */ jsx40(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx41(TooltipProvider, { children: /* @__PURE__ */ jsx41(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx41(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -3970,7 +4289,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx41(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -3982,18 +4301,18 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx40(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx41(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
 
 // src/hooks/use-mobile.ts
-import * as React38 from "react";
+import * as React39 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React38.useState(void 0);
-  React38.useEffect(() => {
+  const [isMobile, setIsMobile] = React39.useState(void 0);
+  React39.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4006,16 +4325,16 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "18rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React39.createContext(null);
+var SidebarContext = React40.createContext(null);
 function useSidebar() {
-  const context = React39.useContext(SidebarContext);
+  const context = React40.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4031,10 +4350,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React39.useState(false);
-  const [_open, _setOpen] = React39.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React40.useState(false);
+  const [_open, _setOpen] = React40.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React39.useCallback(
+  const setOpen = React40.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4046,10 +4365,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React39.useCallback(() => {
+  const toggleSidebar = React40.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4060,7 +4379,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React39.useMemo(
+  const contextValue = React40.useMemo(
     () => ({
       state,
       open,
@@ -4072,7 +4391,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx41(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx41(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx42(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -4100,7 +4419,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       "div",
       {
         "data-slot": "sidebar",
@@ -4114,7 +4433,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx41(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsx42(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs22(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -4126,16 +4445,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs21(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx41(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx41(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs22(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx42(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx42(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx41("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx42("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -4145,7 +4464,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -4157,7 +4476,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -4169,7 +4488,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx42(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -4190,7 +4509,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     Button,
     {
       "data-sidebar": "trigger",
@@ -4204,15 +4523,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx41(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx42(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "button",
     {
       "data-sidebar": "rail",
@@ -4235,7 +4554,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -4252,7 +4571,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -4263,7 +4582,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -4274,7 +4593,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -4288,7 +4607,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Separator5,
     {
       "data-slot": "sidebar-separator",
@@ -4299,7 +4618,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -4313,7 +4632,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -4329,7 +4648,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -4349,7 +4668,7 @@ function SidebarGroupAction({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "sidebar-group-action",
@@ -4369,7 +4688,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -4380,7 +4699,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -4391,7 +4710,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -4432,7 +4751,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot6 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx41(
+  const button = /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -4451,9 +4770,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs21(Tooltip2, { children: [
-    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs22(Tooltip2, { children: [
+    /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx42(
       TooltipContent,
       {
         side: "right",
@@ -4471,7 +4790,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -4495,7 +4814,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -4518,10 +4837,10 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React39.useMemo(() => {
+  const width = React40.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -4529,14 +4848,14 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx41(
+        showIcon && /* @__PURE__ */ jsx42(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -4551,7 +4870,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -4569,7 +4888,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -4587,7 +4906,7 @@ function SidebarMenuSubButton({
   ...props
 }) {
   const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -4608,9 +4927,9 @@ function SidebarMenuSubButton({
 }
 
 // src/components/ui/slider.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -4619,11 +4938,11 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React40.useMemo(
+  const _values = React41.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -4637,14 +4956,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx42(
+            children: /* @__PURE__ */ jsx43(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -4655,7 +4974,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx42(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx43(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -4672,7 +4991,7 @@ function Slider({
 import "react";
 
 // src/components/ui/useMediaQuery.ts
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState6 } from "react";
 function useMediaQuery(query) {
   const getMatches = (query2) => {
     if (typeof window !== "undefined") {
@@ -4680,11 +4999,11 @@ function useMediaQuery(query) {
     }
     return false;
   };
-  const [matches, setMatches] = useState5(getMatches(query));
+  const [matches, setMatches] = useState6(getMatches(query));
   function handleChange() {
     setMatches(getMatches(query));
   }
-  useEffect6(() => {
+  useEffect7(() => {
     const matchMedia = window.matchMedia(query);
     handleChange();
     if (matchMedia.addListener) {
@@ -4704,10 +5023,10 @@ function useMediaQuery(query) {
 }
 
 // src/components/ui/smart-dialog-drawer.tsx
-import { Fragment as Fragment3, jsx as jsx43 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx44 } from "react/jsx-runtime";
 var SmartDialog = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(Drawer, { ...props, children }) : /* @__PURE__ */ jsx43(Dialog, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(Drawer, { ...props, children }) : /* @__PURE__ */ jsx44(Dialog, { ...props, children });
 };
 var SmartDialogContent = ({
   children,
@@ -4717,14 +5036,14 @@ var SmartDialogContent = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(
+  return isMobile ? /* @__PURE__ */ jsx44(
     DrawerContent,
     {
       ...props,
       withCloseButton: withCloseButton ?? showCloseButton ?? true,
       children
     }
-  ) : /* @__PURE__ */ jsx43(
+  ) : /* @__PURE__ */ jsx44(
     DialogContent,
     {
       ...props,
@@ -4739,39 +5058,39 @@ var SmartDialogDescription = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx43(DialogDescription, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx44(DialogDescription, { ...props, children });
 };
 var SmartDialogHeader = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx43(DialogHeader, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx44(DialogHeader, { ...props, children });
 };
 var SmartDialogTitle = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx43(DialogTitle, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx44(DialogTitle, { ...props, children });
 };
 var SmartDialogTrigger = ({
   children,
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx43(DialogTrigger, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx44(DialogTrigger, { ...props, children });
 };
 var SmartDialogFooter = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx43(DialogFooter, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx44(DialogFooter, { ...props, children });
 };
 var SmartDialogClose = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx43(Fragment3, { children: /* @__PURE__ */ jsx43(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx43(DialogClose, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx44(Fragment3, { children: /* @__PURE__ */ jsx44(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx44(DialogClose, { ...props, children });
 };
 
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Sonner,
     {
       theme,
@@ -4789,12 +5108,12 @@ var Toaster = ({ ...props }) => {
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -4803,7 +5122,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -4818,14 +5137,14 @@ function Switch({
 
 // src/components/ui/table.tsx
 import "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx46(
+      children: /* @__PURE__ */ jsx47(
         "table",
         {
           "data-slot": "table",
@@ -4837,7 +5156,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "thead",
     {
       "data-slot": "table-header",
@@ -4847,7 +5166,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4857,7 +5176,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4870,7 +5189,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tr",
     {
       "data-slot": "table-row",
@@ -4883,7 +5202,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "th",
     {
       "data-slot": "table-head",
@@ -4896,7 +5215,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "td",
     {
       "data-slot": "table-cell",
@@ -4912,7 +5231,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4925,12 +5244,12 @@ function TableCaption({
 // src/components/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -4943,7 +5262,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -4959,7 +5278,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -4975,7 +5294,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -4985,11 +5304,230 @@ function TabsContent({
   );
 }
 
+// src/components/ui/time-input.tsx
+import "class-variance-authority";
+import { Clock } from "lucide-react";
+import * as React46 from "react";
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+function formatTime(time, timeFormat = "12h") {
+  if (!time) return "";
+  if (timeFormat === "24h") {
+    return `${String(time.hours).padStart(2, "0")}:${String(time.minutes).padStart(2, "0")}`;
+  }
+  const period = time.hours >= 12 ? "PM" : "AM";
+  const h12 = time.hours % 12 || 12;
+  return `${String(h12).padStart(2, "0")}:${String(time.minutes).padStart(2, "0")} ${period}`;
+}
+function parseTime(value, timeFormat = "12h") {
+  if (!value.trim()) return null;
+  if (timeFormat === "24h") {
+    const match2 = value.trim().match(/^(\d{1,2}):(\d{2})$/);
+    if (!match2) return null;
+    const hours2 = parseInt(match2[1], 10);
+    const minutes2 = parseInt(match2[2], 10);
+    if (hours2 < 0 || hours2 > 23 || minutes2 < 0 || minutes2 > 59) return null;
+    return { hours: hours2, minutes: minutes2 };
+  }
+  const match = value.trim().match(/^(\d{1,2}):(\d{2})\s*(AM|PM|am|pm)$/i);
+  if (!match) return null;
+  let hours = parseInt(match[1], 10);
+  const minutes = parseInt(match[2], 10);
+  const period = match[3].toUpperCase();
+  if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null;
+  if (period === "AM" && hours === 12) hours = 0;
+  else if (period === "PM" && hours !== 12) hours += 12;
+  return { hours, minutes };
+}
+function getDisplayHour(hours, timeFormat) {
+  if (timeFormat === "24h") return hours;
+  return hours % 12 || 12;
+}
+function getPeriod(hours) {
+  return hours >= 12 ? "PM" : "AM";
+}
+function TimeInput({
+  time,
+  setTime,
+  timeFormat = "12h",
+  minuteStep = 1,
+  inputDisabled,
+  className,
+  inputClassName,
+  size,
+  placeholder,
+  onBlur,
+  ...restProps
+}) {
+  const resolvedPlaceholder = placeholder ?? (timeFormat === "12h" ? "hh:mm AM/PM" : "HH:mm");
+  const [open, setOpen] = React46.useState(false);
+  const [value, setValue] = React46.useState(formatTime(time, timeFormat));
+  const hoursRef = React46.useRef(null);
+  const minutesRef = React46.useRef(null);
+  const periodRef = React46.useRef(null);
+  React46.useEffect(() => {
+    setValue(formatTime(time, timeFormat));
+  }, [time, timeFormat]);
+  const scrollToSelected = React46.useCallback(() => {
+    requestAnimationFrame(() => {
+      for (const ref of [hoursRef, minutesRef, periodRef]) {
+        const container = ref.current;
+        if (!container) continue;
+        const selected = container.querySelector('[data-selected="true"]');
+        if (selected) {
+          selected.scrollIntoView({ block: "center", behavior: "instant" });
+        }
+      }
+    });
+  }, []);
+  React46.useEffect(() => {
+    if (open) {
+      scrollToSelected();
+    }
+  }, [open, scrollToSelected]);
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    setValue(inputValue);
+    if (inputValue === "") {
+      setTime(null);
+      return;
+    }
+    const parsed = parseTime(inputValue, timeFormat);
+    if (parsed) {
+      setTime(parsed);
+    }
+  };
+  const handleBlur = (e) => {
+    onBlur?.(e);
+    if (value === "") {
+      if (time !== null) setTime(null);
+      return;
+    }
+    const parsed = parseTime(value, timeFormat);
+    if (!parsed) {
+      setValue(formatTime(time, timeFormat));
+    }
+  };
+  const handleHourSelect = (hour) => {
+    let h24;
+    if (timeFormat === "24h") {
+      h24 = hour;
+    } else {
+      const currentPeriod = time ? getPeriod(time.hours) : "AM";
+      if (currentPeriod === "AM") {
+        h24 = hour === 12 ? 0 : hour;
+      } else {
+        h24 = hour === 12 ? 12 : hour + 12;
+      }
+    }
+    setTime({ hours: h24, minutes: time?.minutes ?? 0 });
+  };
+  const handleMinuteSelect = (minute) => {
+    setTime({ hours: time?.hours ?? 0, minutes: minute });
+  };
+  const handlePeriodSelect = (period) => {
+    const currentHours = time?.hours ?? 0;
+    const currentH12 = currentHours % 12;
+    const newHours = period === "AM" ? currentH12 : currentH12 + 12;
+    setTime({ hours: newHours, minutes: time?.minutes ?? 0 });
+  };
+  const hoursList = timeFormat === "12h" ? Array.from({ length: 12 }, (_, i) => i + 1) : Array.from({ length: 24 }, (_, i) => i);
+  const minutesList = Array.from(
+    { length: Math.ceil(60 / minuteStep) },
+    (_, i) => i * minuteStep
+  );
+  const selectedH12 = time ? getDisplayHour(time.hours, timeFormat) : null;
+  const selectedMinute = time?.minutes ?? null;
+  const selectedPeriod = time ? getPeriod(time.hours) : null;
+  return /* @__PURE__ */ jsx49("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs24(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx49(PopoverTrigger, { asChild: true, disabled: inputDisabled, children: /* @__PURE__ */ jsx49("div", { className: "w-full relative", children: /* @__PURE__ */ jsx49(
+      Input,
+      {
+        value,
+        placeholder: resolvedPlaceholder,
+        className: cn("bg-background cursor-pointer", inputClassName),
+        onChange: handleInputChange,
+        onBlur: handleBlur,
+        disabled: inputDisabled,
+        size,
+        onClick: () => {
+          if (!inputDisabled) setOpen(true);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown" && !inputDisabled) {
+            e.preventDefault();
+            setOpen(true);
+          }
+        },
+        rightIcon: /* @__PURE__ */ jsx49(Clock, { className: "h-4 w-4 text-muted-foreground" }),
+        ...restProps
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx49(
+      PopoverContent,
+      {
+        className: "w-auto p-0",
+        align: "end",
+        alignOffset: -8,
+        sideOffset: 10,
+        side: "top",
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsxs24("div", { className: "flex divide-x", children: [
+          /* @__PURE__ */ jsx49("div", { className: "h-56 w-16 overflow-y-auto overscroll-contain  ", children: /* @__PURE__ */ jsx49("div", { ref: hoursRef, className: "flex flex-col p-1 ", children: hoursList.map((h) => /* @__PURE__ */ jsx49(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "data-selected": selectedH12 === h,
+              className: cn(
+                "w-full justify-center font-mono text-sm",
+                selectedH12 === h && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"
+              ),
+              onClick: () => handleHourSelect(h),
+              children: String(h).padStart(2, "0")
+            },
+            h
+          )) }) }),
+          /* @__PURE__ */ jsx49("div", { className: "h-56 w-16 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ jsx49("div", { ref: minutesRef, className: "flex flex-col p-1", children: minutesList.map((m) => /* @__PURE__ */ jsx49(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "data-selected": selectedMinute === m,
+              className: cn(
+                "w-full justify-center font-mono text-sm",
+                selectedMinute === m && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"
+              ),
+              onClick: () => handleMinuteSelect(m),
+              children: String(m).padStart(2, "0")
+            },
+            m
+          )) }) }),
+          timeFormat === "12h" && /* @__PURE__ */ jsx49("div", { className: "flex flex-col p-1 justify-center gap-1", children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx49(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "data-selected": selectedPeriod === p,
+              className: cn(
+                "w-14 justify-center text-sm",
+                selectedPeriod === p && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"
+              ),
+              onClick: () => handlePeriodSelect(p),
+              children: p
+            },
+            p
+          )) })
+        ] })
+      }
+    )
+  ] }) });
+}
+
 // src/components/ui/toggle.tsx
 import "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var toggleVariants = cva8(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
@@ -5016,7 +5554,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -5027,11 +5565,11 @@ function Toggle({
 }
 
 // src/components/ui/toggle-group.tsx
-import * as React46 from "react";
+import * as React48 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var ToggleGroupContext = React46.createContext({
+import { jsx as jsx51 } from "react/jsx-runtime";
+var ToggleGroupContext = React48.createContext({
   size: "default",
   variant: "default"
 });
@@ -5042,7 +5580,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -5053,7 +5591,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx51(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -5064,8 +5602,8 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React46.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx49(
+  const context = React48.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx51(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -5089,7 +5627,7 @@ function ToggleGroupItem({
 import { Slot as Slot7 } from "@radix-ui/react-slot";
 import { cva as cva9 } from "class-variance-authority";
 import "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var displayTextVariants = cva9(
   "tracking-normal font-normal leading-none text-brand-dark font-serif italic",
   {
@@ -5112,7 +5650,7 @@ function DisplayHeading({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h1",
@@ -5141,7 +5679,7 @@ function Body({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "p";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h1",
@@ -5156,7 +5694,7 @@ function HeadingXL({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h1",
@@ -5174,7 +5712,7 @@ function HeadingL({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h2";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h2",
@@ -5192,7 +5730,7 @@ function HeadingM({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h3";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h3",
@@ -5210,7 +5748,7 @@ function HeadingS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h4";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h4",
@@ -5228,7 +5766,7 @@ function HeadingXS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h5";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h5",
@@ -5246,7 +5784,7 @@ function HeadingXXS({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "h6";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "h5",
@@ -5341,6 +5879,7 @@ export {
   ContextMenuSubTrigger,
   ContextMenuTrigger,
   DateInput,
+  DateRangeInput,
   Dialog,
   DialogClose,
   DialogContent,
@@ -5508,6 +6047,7 @@ export {
   TabsList,
   TabsTrigger,
   Textarea,
+  TimeInput,
   Toaster,
   Toggle,
   ToggleGroup,