@underverse-ui/underverse 0.2.110 → 0.2.112

package/dist/index.cjs

@@ -8215,8 +8215,10 @@ var DateTimePicker = ({
   const locale = useLocale();
   const [open, setOpen] = React26.useState(false);
   const [tempDate, setTempDate] = React26.useState(value);
+  const [calendarMonth, setCalendarMonth] = React26.useState(() => value ?? /* @__PURE__ */ new Date());
   React26.useEffect(() => {
     setTempDate(value);
+    setCalendarMonth(value ?? /* @__PURE__ */ new Date());
   }, [value, open]);
   const getTimeString = (date) => {
     if (!date) return "";
@@ -8242,6 +8244,7 @@ var DateTimePicker = ({
         }
         return newDate;
       });
+      setCalendarMonth(date);
     }
   };
   const handleTimeChange = (timeStr) => {
@@ -8365,9 +8368,8 @@ var DateTimePicker = ({
                 value: tempDate,
                 onSelect: handleDateSelect,
                 selectMode: "single",
-                month: tempDate,
-                onMonthChange: (m) => {
-                },
+                month: calendarMonth,
+                onMonthChange: setCalendarMonth,
                 minDate,
                 maxDate,
                 className: "border-0 shadow-none w-auto",
@@ -8406,7 +8408,7 @@ var DateTimePicker = ({
 };
 
 // ../../components/ui/CalendarTimeline/CalendarTimeline.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_lucide_react21 = require("lucide-react");
 
 // ../../components/ui/CalendarTimeline/date.ts
@@ -8868,6 +8870,7 @@ function resourcesById(resources) {
 }
 
 // ../../components/ui/CalendarTimeline/CalendarTimelineHeader.tsx
+var React28 = __toESM(require("react"), 1);
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var VIEW_ICONS = {
@@ -8886,7 +8889,8 @@ function CalendarTimelineHeader(props) {
     activeView,
     sizeConfig,
     navigate,
-    goToday,
+    now,
+    onApplyDateTime,
     setView,
     effectiveResourceColumnWidth,
     canResizeColumn,
@@ -8894,10 +8898,68 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
+  const dt = useTranslations("DateTimePicker");
+  const locale = useLocale();
+  const [todayOpen, setTodayOpen] = React28.useState(false);
+  const [tempDate, setTempDate] = React28.useState(() => now);
+  const [calendarMonth, setCalendarMonth] = React28.useState(() => now);
+  React28.useEffect(() => {
+    if (!todayOpen) return;
+    setTempDate(now);
+    setCalendarMonth(now);
+  }, [now, todayOpen]);
+  const monthLabel = React28.useCallback(
+    (date) => date.toLocaleDateString(locale === "vi" ? "vi-VN" : "en-US", {
+      month: "long",
+      year: "numeric"
+    }),
+    [locale]
+  );
+  const weekdays = React28.useMemo(() => {
+    switch (locale) {
+      case "vi":
+        return ["CN", "T2", "T3", "T4", "T5", "T6", "T7"];
+      case "ko":
+        return ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
+      case "ja":
+        return ["\u65E5", "\u6708", "\u706B", "\u6C34", "\u6728", "\u91D1", "\u571F"];
+      default:
+        return ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+    }
+  }, [locale]);
+  const getTimeString = React28.useCallback((date) => {
+    const h = date.getHours();
+    const m = date.getMinutes();
+    return `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
+  }, []);
+  const handleDateSelect = React28.useCallback((date) => {
+    if (!(date instanceof Date)) return;
+    setTempDate((prev) => {
+      const next = new Date(date);
+      next.setHours(prev.getHours(), prev.getMinutes(), prev.getSeconds());
+      return next;
+    });
+  }, []);
+  const handleTimeChange = React28.useCallback((timeStr) => {
+    if (!timeStr) return;
+    const [hStr, mStr] = timeStr.split(":");
+    const h = parseInt(hStr, 10);
+    const m = parseInt(mStr, 10);
+    if (!Number.isFinite(h) || !Number.isFinite(m)) return;
+    setTempDate((prev) => {
+      const next = new Date(prev);
+      next.setHours(h, m, prev.getSeconds());
+      return next;
+    });
+  }, []);
+  const applyDateTime = React28.useCallback(() => {
+    onApplyDateTime(tempDate);
+    setTodayOpen(false);
+  }, [onApplyDateTime, tempDate]);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "sticky top-0 z-30 bg-linear-to-b from-background via-background to-background/95 border-b border-border/40 backdrop-blur-xl", children: [
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("flex items-center justify-between gap-4", sizeConfig.headerPaddingClass), children: [
       /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center bg-muted/40 rounded-xl p-1 gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center bg-muted/40 rounded-full p-1 gap-0.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Button_default,
             {
@@ -8905,18 +8967,92 @@ function CalendarTimelineHeader(props) {
               size: "icon",
               onClick: () => navigate(-1),
               "aria-label": labels.prev,
-              className: cn(sizeConfig.controlButtonIconClass, "rounded-lg hover:bg-background/80 transition-all duration-200"),
+              className: cn(sizeConfig.controlButtonIconClass, "rounded-full hover:bg-background/80 transition-all duration-200"),
               children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ChevronLeft, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-            Button_default,
+            Popover,
             {
-              variant: "ghost",
-              size: "sm",
-              onClick: goToday,
-              className: cn(sizeConfig.controlButtonTextClass, "rounded-lg hover:bg-background/80 font-medium transition-all duration-200"),
-              children: labels.today
+              open: todayOpen,
+              onOpenChange: setTodayOpen,
+              placement: "bottom-start",
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                Button_default,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: cn(sizeConfig.controlButtonTextClass, "rounded-full hover:bg-background/80 font-medium transition-all duration-200"),
+                  children: labels.today
+                }
+              ),
+              contentClassName: cn(
+                "w-auto p-0 rounded-2xl md:rounded-3xl overflow-hidden"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-border", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                    Calendar2,
+                    {
+                      value: tempDate,
+                      onSelect: handleDateSelect,
+                      selectMode: "single",
+                      month: calendarMonth,
+                      onMonthChange: setCalendarMonth,
+                      className: "border-0 shadow-none w-auto",
+                      size: "sm",
+                      labels: {
+                        month: monthLabel,
+                        weekdays
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-2 flex flex-col gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-sm font-semibold text-muted-foreground", children: dt?.("time") || "Time" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                        Button_default,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "rounded-full text-muted-foreground hover:text-foreground",
+                          onClick: () => setTempDate(now),
+                          children: labels.today
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                      TimePicker,
+                      {
+                        variant: "inline",
+                        value: getTimeString(tempDate),
+                        onChange: handleTimeChange,
+                        format: "24",
+                        includeSeconds: false,
+                        clearable: false,
+                        className: "border-0 shadow-none p-0 bg-transparent rounded-none",
+                        size: "sm"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-3 border-t border-border flex justify-between items-center bg-muted/20", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                    Button_default,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "rounded-full text-muted-foreground hover:text-foreground",
+                      onClick: () => {
+                        setTempDate(now);
+                        setCalendarMonth(now);
+                      },
+                      children: labels.today
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button_default, { size: "sm", onClick: applyDateTime, className: "rounded-full", children: dt?.("done") || "Done" })
+                ] })
+              ] })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
@@ -8926,7 +9062,7 @@ function CalendarTimelineHeader(props) {
               size: "icon",
               onClick: () => navigate(1),
               "aria-label": labels.next,
-              className: cn(sizeConfig.controlButtonIconClass, "rounded-lg hover:bg-background/80 transition-all duration-200"),
+              className: cn(sizeConfig.controlButtonIconClass, "rounded-full hover:bg-background/80 transition-all duration-200"),
               children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ChevronRight, { className: "h-4 w-4" })
             }
           )
@@ -8942,11 +9078,11 @@ function CalendarTimelineHeader(props) {
             icon: import_lucide_react18.Plus,
             disabled: newEventDisabled,
             onClick: onNewEventClick,
-            className: cn(sizeConfig.controlButtonTextClass, "rounded-lg font-medium transition-all duration-200 gap-1.5"),
+            className: cn(sizeConfig.controlButtonTextClass, "rounded-full font-medium transition-all duration-200 gap-1.5"),
             children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "hidden sm:inline", children: newEventLabel })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center bg-muted/40 rounded-xl p-1 gap-0.5", children: ["month", "week", "day"].map((v) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center bg-muted/40 rounded-full p-1 gap-0.5", children: ["month", "week", "day"].map((v) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           Button_default,
           {
             variant: activeView === v ? "default" : "ghost",
@@ -8954,7 +9090,7 @@ function CalendarTimelineHeader(props) {
             onClick: () => setView(v),
             className: cn(
               sizeConfig.controlButtonTextClass,
-              "rounded-lg font-medium transition-all duration-200 gap-1.5",
+              "rounded-full font-medium transition-all duration-200 gap-1.5",
               activeView === v ? "bg-primary text-primary-foreground shadow-sm shadow-primary/25" : "hover:bg-background/80 text-muted-foreground hover:text-foreground"
             ),
             children: [
@@ -9079,9 +9215,9 @@ function ResourceRowCell(props) {
 }
 
 // ../../components/ui/CalendarTimeline/CalendarTimelineGridOverlay.tsx
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var CalendarTimelineGridOverlay = React28.memo(function CalendarTimelineGridOverlay2(props) {
+var CalendarTimelineGridOverlay = React29.memo(function CalendarTimelineGridOverlay2(props) {
   const { gridWidth, height, slotLefts, slotWidths, activeView, todaySlotIdx, dayAnchor, weekendSlotIdxs, visibleStartIdx, visibleEndIdx, className } = props;
   const startIdx = Math.max(0, visibleStartIdx ?? 0);
   const endIdx = Math.min(slotWidths.length, visibleEndIdx ?? slotWidths.length);
@@ -9110,19 +9246,19 @@ var CalendarTimelineGridOverlay = React28.memo(function CalendarTimelineGridOver
     slotLefts.slice(startIdx, endIdx).map((left, j) => {
       const i = startIdx + j;
       const isAnchor = dayAnchor ? Boolean(dayAnchor[i]) : true;
-      const opacityClass = activeView === "day" && dayAnchor ? isAnchor ? "bg-border/25" : "bg-border/10" : "bg-border/20";
+      const opacityClass = activeView === "day" && dayAnchor ? isAnchor ? "bg-border/35" : "bg-border/15" : "bg-border/30";
       return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn("absolute top-0 h-full w-px", opacityClass), style: { left }, "aria-hidden": true }, i);
     })
   ] });
 });
 
 // ../../components/ui/CalendarTimeline/CalendarTimelineSlotHeaderCell.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var CalendarTimelineSlotHeaderCell = React29.memo(function CalendarTimelineSlotHeaderCell2(props) {
+var CalendarTimelineSlotHeaderCell = React30.memo(function CalendarTimelineSlotHeaderCell2(props) {
   const { width, activeView, isToday: isToday2, label, ariaLabel, borderClassName, dayHeaderMarks, idx, className } = props;
-  const content = React29.useMemo(() => {
+  const content = React30.useMemo(() => {
     if (activeView === "day" && dayHeaderMarks) {
       if (dayHeaderMarks.showEllipsis[idx]) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xs text-muted-foreground/70 select-none", children: "\u2026" });
       if (!dayHeaderMarks.showTime[idx]) return null;
@@ -9145,7 +9281,7 @@ var CalendarTimelineSlotHeaderCell = React29.memo(function CalendarTimelineSlotH
 });
 
 // ../../components/ui/CalendarTimeline/internal-hooks.ts
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 function useTimelineSlots(args) {
   const {
     activeView,
@@ -9159,7 +9295,7 @@ function useTimelineSlots(args) {
     resolvedNow,
     formatters
   } = args;
-  const { slots, range } = React30.useMemo(() => {
+  const { slots, range } = React31.useMemo(() => {
     const { start, end, slotStarts: slotStarts2 } = computeSlotStarts({
       view: activeView,
       date: activeDate,
@@ -9181,9 +9317,9 @@ function useTimelineSlots(args) {
     }));
     return { slots: slotItems, range: { start, end } };
   }, [activeView, activeDate, dayRangeMode, dayTimeStepMinutes, formatters, resolvedLocale, resolvedNow, resolvedTimeZone, weekStartsOn, workHours]);
-  const slotStarts = React30.useMemo(() => slots.map((s) => s.start), [slots]);
-  const todaySlotIdx = React30.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
-  const weekendSlotIdxs = React30.useMemo(() => {
+  const slotStarts = React31.useMemo(() => slots.map((s) => s.start), [slots]);
+  const todaySlotIdx = React31.useMemo(() => slots.findIndex((s) => s.isToday), [slots]);
+  const weekendSlotIdxs = React31.useMemo(() => {
     const out = [];
     for (let i = 0; i < slots.length; i++) if (slots[i]?.isWeekend) out.push(i);
     return out;
@@ -9192,16 +9328,16 @@ function useTimelineSlots(args) {
 }
 function useNormalizedEvents(args) {
   const { events, range, activeView, resolvedTimeZone, resources } = args;
-  const normalizedEvents = React30.useMemo(() => {
+  const normalizedEvents = React31.useMemo(() => {
     return normalizeEvents({ events, range, view: activeView, timeZone: resolvedTimeZone });
   }, [activeView, events, range, resolvedTimeZone]);
-  const eventsByResource = React30.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
-  const resourceById = React30.useMemo(() => resourcesById(resources), [resources]);
+  const eventsByResource = React31.useMemo(() => eventsByResourceId(normalizedEvents), [normalizedEvents]);
+  const resourceById = React31.useMemo(() => resourcesById(resources), [resources]);
   return { normalizedEvents, eventsByResource, resourceById };
 }
 function useDayHeaderMarks(args) {
   const { enabled, activeView, normalizedEvents, slotStarts, slotCount } = args;
-  return React30.useMemo(() => {
+  return React31.useMemo(() => {
     if (!enabled) return null;
     if (activeView !== "day") return null;
     const n = slotCount;
@@ -9236,14 +9372,14 @@ function useSlotMetrics(args) {
     dayHeaderSmart,
     daySlotCompression
   } = args;
-  const fixedSlotWidth = React30.useMemo(() => {
+  const fixedSlotWidth = React31.useMemo(() => {
     const baseSlotWidth = activeView === "month" || activeView === "day" ? effectiveSlotMinWidth * 3 : effectiveSlotMinWidth;
     if (activeView !== "week") return baseSlotWidth;
     if (bodyClientWidth <= 0) return baseSlotWidth;
     if (slotsLength <= 0) return baseSlotWidth;
     return Math.max(baseSlotWidth, bodyClientWidth / slotsLength);
   }, [activeView, bodyClientWidth, effectiveSlotMinWidth, slotsLength]);
-  const slotMetrics = React30.useMemo(() => {
+  const slotMetrics = React31.useMemo(() => {
     const n = slotsLength;
     const widths = new Array(n).fill(fixedSlotWidth);
     const isAdaptiveView = activeView === "month" || activeView === "day";
@@ -9373,7 +9509,7 @@ function useSlotMetrics(args) {
 }
 function useLayoutsByResource(args) {
   const { eventsByResource, preview, slotStarts, slotsLength, slotLefts, getResourceRowHeight, laneGap, lanePaddingY, effectiveMaxLanesPerRow, eventHeight } = args;
-  return React30.useMemo(() => {
+  return React31.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const [resourceId, list] of eventsByResource.entries()) {
       const mapped = list.map((ev) => {
@@ -9420,9 +9556,9 @@ function lowerBound2(arr, target) {
 }
 function useVisibleSlotRange(args) {
   const { enabled, overscan, scrollRef, slotLefts, slotCount } = args;
-  const [scrollLeft, setScrollLeft] = React30.useState(0);
-  const [viewportWidth, setViewportWidth] = React30.useState(0);
-  React30.useEffect(() => {
+  const [scrollLeft, setScrollLeft] = React31.useState(0);
+  const [viewportWidth, setViewportWidth] = React31.useState(0);
+  React31.useEffect(() => {
     if (!enabled) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -9437,7 +9573,7 @@ function useVisibleSlotRange(args) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [enabled, scrollRef]);
-  return React30.useMemo(() => {
+  return React31.useMemo(() => {
     if (!enabled) return { startIdx: 0, endIdx: slotCount };
     if (slotCount <= 0) return { startIdx: 0, endIdx: 0 };
     if (viewportWidth <= 0) return { startIdx: 0, endIdx: slotCount };
@@ -9529,14 +9665,14 @@ function CalendarTimeline({
 }) {
   const t = useTranslations("CalendarTimeline");
   const detectedLocale = useLocale();
-  const resolvedLocale = React31.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
-  const resolvedTimeZone = React31.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
+  const resolvedLocale = React32.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
+  const resolvedTimeZone = React32.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
   const effectiveEnableEventSheet = enableEventSheet ?? Boolean(renderEventSheet);
   const isViewOnly = interactions?.mode === "view";
   const isControlledSelectedEventId = selectedEventId !== void 0;
-  const [internalSelectedEventId, setInternalSelectedEventId] = React31.useState(defaultSelectedEventId ?? null);
+  const [internalSelectedEventId, setInternalSelectedEventId] = React32.useState(defaultSelectedEventId ?? null);
   const activeSelectedEventId = isControlledSelectedEventId ? selectedEventId : internalSelectedEventId;
-  const setSelectedEventId = React31.useCallback(
+  const setSelectedEventId = React32.useCallback(
     (next) => {
       if (!isControlledSelectedEventId) setInternalSelectedEventId(next);
       onSelectedEventIdChange?.(next);
@@ -9544,9 +9680,9 @@ function CalendarTimeline({
     [isControlledSelectedEventId, onSelectedEventIdChange]
   );
   const isControlledEventSheetOpen = eventSheetOpen !== void 0;
-  const [internalEventSheetOpen, setInternalEventSheetOpen] = React31.useState(defaultEventSheetOpen ?? false);
+  const [internalEventSheetOpen, setInternalEventSheetOpen] = React32.useState(defaultEventSheetOpen ?? false);
   const activeEventSheetOpen = isControlledEventSheetOpen ? Boolean(eventSheetOpen) : internalEventSheetOpen;
-  const setEventSheetOpen = React31.useCallback(
+  const setEventSheetOpen = React32.useCallback(
     (next) => {
       if (!isControlledEventSheetOpen) setInternalEventSheetOpen(next);
       onEventSheetOpenChange?.(next);
@@ -9554,19 +9690,19 @@ function CalendarTimeline({
     },
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
-  const sizeConfig = React31.useMemo(() => getSizeConfig(size), [size]);
+  const sizeConfig = React32.useMemo(() => getSizeConfig(size), [size]);
   const densityClass = sizeConfig.densityClass;
   const eventHeight = sizeConfig.eventHeight;
   const laneGap = sizeConfig.laneGap;
   const lanePaddingY = sizeConfig.lanePaddingY;
-  const canResizeColumn = React31.useMemo(() => {
+  const canResizeColumn = React32.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
     if (cfg === true) return true;
     return cfg.column !== false;
   }, [enableLayoutResize, isViewOnly]);
-  const canResizeRow = React31.useMemo(() => {
+  const canResizeRow = React32.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
@@ -9574,19 +9710,19 @@ function CalendarTimeline({
     return cfg.row !== false;
   }, [enableLayoutResize, isViewOnly]);
   const isControlledResourceColumnWidth = resourceColumnWidth !== void 0;
-  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React31.useState(() => {
+  const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React32.useState(() => {
     const init = defaultResourceColumnWidth ?? sizeConfig.resourceColumnWidth;
     return typeof init === "number" ? init : sizeConfig.resourceColumnWidth;
   });
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (isControlledResourceColumnWidth) return;
     if (defaultResourceColumnWidth == null) return;
     setInternalResourceColumnWidth(defaultResourceColumnWidth);
   }, [defaultResourceColumnWidth, isControlledResourceColumnWidth]);
   const effectiveResourceColumnWidth = isControlledResourceColumnWidth ? resourceColumnWidth : internalResourceColumnWidth;
   const isControlledRowHeight = rowHeight !== void 0;
-  const [internalRowHeight, setInternalRowHeight] = React31.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
-  React31.useEffect(() => {
+  const [internalRowHeight, setInternalRowHeight] = React32.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
+  React32.useEffect(() => {
     if (isControlledRowHeight) return;
     if (defaultRowHeight == null) return;
     setInternalRowHeight(defaultRowHeight);
@@ -9598,13 +9734,13 @@ function CalendarTimeline({
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
   const isControlledView = view !== void 0;
-  const [internalView, setInternalView] = React31.useState(defaultView);
+  const [internalView, setInternalView] = React32.useState(defaultView);
   const activeView = isControlledView ? view : internalView;
   const isControlledDate = date !== void 0;
-  const [internalDate, setInternalDate] = React31.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [internalDate, setInternalDate] = React32.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
   const activeDate = isControlledDate ? date : internalDate;
-  const resolvedNow = now ?? /* @__PURE__ */ new Date();
-  const l = React31.useMemo(
+  const resolvedNow = React32.useMemo(() => now ?? /* @__PURE__ */ new Date(), [now]);
+  const l = React32.useMemo(
     () => ({
       today: labels?.today ?? t("today"),
       prev: labels?.prev ?? t("prev"),
@@ -9626,21 +9762,21 @@ function CalendarTimeline({
     }),
     [labels, t]
   );
-  const setView = React31.useCallback(
+  const setView = React32.useCallback(
     (next) => {
       if (!isControlledView) setInternalView(next);
       onViewChange?.(next);
     },
     [isControlledView, onViewChange]
   );
-  const setDate = React31.useCallback(
+  const setDate = React32.useCallback(
     (next) => {
       if (!isControlledDate) setInternalDate(next);
       onDateChange?.(next);
     },
     [isControlledDate, onDateChange]
   );
-  const navigate = React31.useCallback(
+  const navigate = React32.useCallback(
     (dir) => {
       const base = activeDate;
       if (activeView === "month") {
@@ -9655,18 +9791,17 @@ function CalendarTimeline({
     },
     [activeDate, activeView, resolvedTimeZone, setDate]
   );
-  const goToday = React31.useCallback(() => setDate(resolvedNow), [resolvedNow, setDate]);
-  const [internalCollapsed, setInternalCollapsed] = React31.useState(() => defaultGroupCollapsed ?? {});
+  const [internalCollapsed, setInternalCollapsed] = React32.useState(() => defaultGroupCollapsed ?? {});
   const collapsed = groupCollapsed ?? internalCollapsed;
-  const setCollapsed = React31.useCallback(
+  const setCollapsed = React32.useCallback(
     (next) => {
       if (!groupCollapsed) setInternalCollapsed(next);
       onGroupCollapsedChange?.(next);
     },
     [groupCollapsed, onGroupCollapsedChange]
   );
-  const rows = React31.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
-  const groupResourceCounts = React31.useMemo(() => getGroupResourceCounts(resources), [resources]);
+  const rows = React32.useMemo(() => buildRows({ resources, groups, collapsed }), [resources, groups, collapsed]);
+  const groupResourceCounts = React32.useMemo(() => getGroupResourceCounts(resources), [resources]);
   const { slots, range, slotStarts, todaySlotIdx, weekendSlotIdxs } = useTimelineSlots({
     activeView,
     activeDate,
@@ -9679,12 +9814,12 @@ function CalendarTimeline({
     resolvedNow,
     formatters
   });
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     onRangeChange?.(range);
   }, [range.start, range.end, onRangeChange]);
-  const leftRef = React31.useRef(null);
-  const bodyRef = React31.useRef(null);
-  const headerRef = React31.useRef(null);
+  const leftRef = React32.useRef(null);
+  const bodyRef = React32.useRef(null);
+  const headerRef = React32.useRef(null);
   const bodyClientWidth = useClientWidth(bodyRef);
   const { normalizedEvents, eventsByResource, resourceById } = useNormalizedEvents({
     events,
@@ -9716,16 +9851,16 @@ function CalendarTimeline({
     slotLefts,
     slotCount: slots.length
   });
-  const selectedEvent = React31.useMemo(() => {
+  const selectedEvent = React32.useMemo(() => {
     if (!activeSelectedEventId) return null;
     const found = normalizedEvents.find((e) => e.id === activeSelectedEventId);
     return found ?? null;
   }, [activeSelectedEventId, normalizedEvents]);
-  const selectedResource = React31.useMemo(() => {
+  const selectedResource = React32.useMemo(() => {
     if (!selectedEvent) return void 0;
     return resourceById.get(selectedEvent.resourceId);
   }, [resourceById, selectedEvent]);
-  const selectedTimeText = React31.useMemo(() => {
+  const selectedTimeText = React32.useMemo(() => {
     if (!selectedEvent) return "";
     return formatters?.eventTime?.({
       start: selectedEvent._start,
@@ -9735,7 +9870,7 @@ function CalendarTimeline({
       view: activeView
     }) ?? defaultEventTime({ start: selectedEvent._start, end: selectedEvent._end, locale: resolvedLocale, timeZone: resolvedTimeZone, view: activeView });
   }, [activeView, formatters, resolvedLocale, resolvedTimeZone, selectedEvent]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!effectiveEnableEventSheet) return;
     if (activeEventSheetOpen && activeSelectedEventId && !selectedEvent) {
       setEventSheetOpen(false);
@@ -9745,24 +9880,24 @@ function CalendarTimeline({
   const virt = virtualization?.enabled;
   const overscan = virtualization?.overscan ?? 8;
   const isControlledRowHeights = rowHeights !== void 0;
-  const [internalRowHeights, setInternalRowHeights] = React31.useState(() => defaultRowHeights ?? {});
-  React31.useEffect(() => {
+  const [internalRowHeights, setInternalRowHeights] = React32.useState(() => defaultRowHeights ?? {});
+  React32.useEffect(() => {
     if (isControlledRowHeights) return;
     if (!defaultRowHeights) return;
     setInternalRowHeights(defaultRowHeights);
   }, [defaultRowHeights, isControlledRowHeights]);
   const activeRowHeights = isControlledRowHeights ? rowHeights : internalRowHeights;
-  const autoRowHeightCfg = React31.useMemo(() => {
+  const autoRowHeightCfg = React32.useMemo(() => {
     if (!autoRowHeight) return null;
     return autoRowHeight === true ? {} : autoRowHeight;
   }, [autoRowHeight]);
-  const effectiveMaxLanesPerRow = React31.useMemo(() => {
+  const effectiveMaxLanesPerRow = React32.useMemo(() => {
     if (!autoRowHeightCfg) return maxLanesPerRow;
     const maxLanes = autoRowHeightCfg.maxLanesPerRow;
     if (typeof maxLanes === "number" && Number.isFinite(maxLanes) && maxLanes > 0) return Math.floor(maxLanes);
     return Number.POSITIVE_INFINITY;
   }, [autoRowHeightCfg, maxLanesPerRow]);
-  const autoRowHeightsByResource = React31.useMemo(() => {
+  const autoRowHeightsByResource = React32.useMemo(() => {
     if (!autoRowHeightCfg) return null;
     const maxRowHeight2 = autoRowHeightCfg.maxRowHeight;
     const out = /* @__PURE__ */ new Map();
@@ -9780,7 +9915,7 @@ function CalendarTimeline({
     }
     return out;
   }, [autoRowHeightCfg, eventHeight, eventsByResource, laneGap, lanePaddingY, slotStarts, slots.length, effectiveMaxLanesPerRow]);
-  const getResourceRowHeight = React31.useCallback(
+  const getResourceRowHeight = React32.useCallback(
     (resourceId) => {
       const h = activeRowHeights[resourceId];
       const base = typeof h === "number" && Number.isFinite(h) && h > 0 ? h : effectiveRowHeight;
@@ -9790,7 +9925,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, autoRowHeightsByResource, effectiveRowHeight]
   );
-  const setRowHeightForResource = React31.useCallback(
+  const setRowHeightForResource = React32.useCallback(
     (resourceId, height) => {
       const clamped = clamp4(Math.round(height), rowMin, rowMax);
       onRowHeightChange?.(clamped);
@@ -9807,7 +9942,7 @@ function CalendarTimeline({
     },
     [activeRowHeights, isControlledRowHeights, onRowHeightChange, onRowHeightsChange, rowMax, rowMin]
   );
-  const rowHeightsArray = React31.useMemo(() => {
+  const rowHeightsArray = React32.useMemo(() => {
     return rows.map((r) => {
       if (r.kind === "resource") return getResourceRowHeight(r.resource.id);
       return sizeConfig.groupRowHeight;
@@ -9823,13 +9958,13 @@ function CalendarTimeline({
   const endRow = virt ? virtualResult.endIndex : rows.length;
   const topSpacer = virt ? virtualResult.topSpacer : 0;
   const bottomSpacer = virt ? virtualResult.bottomSpacer : 0;
-  const renderedRowsHeight = React31.useMemo(() => {
+  const renderedRowsHeight = React32.useMemo(() => {
     let h = 0;
     for (let i = startRow; i < endRow; i++) h += rowHeightsArray[i] ?? effectiveRowHeight;
     return h;
   }, [effectiveRowHeight, endRow, rowHeightsArray, startRow]);
-  const resizeRef = React31.useRef(null);
-  const setResourceColumnWidth = React31.useCallback(
+  const resizeRef = React32.useRef(null);
+  const setResourceColumnWidth = React32.useCallback(
     (next) => {
       const clamped = clamp4(Math.round(next), colMin, colMax);
       if (!isControlledResourceColumnWidth) setInternalResourceColumnWidth(clamped);
@@ -9837,7 +9972,7 @@ function CalendarTimeline({
     },
     [colMax, colMin, isControlledResourceColumnWidth, onResourceColumnWidthChange]
   );
-  const startResize = React31.useCallback(
+  const startResize = React32.useCallback(
     (mode, e, args) => {
       if (e.button !== 0 || e.ctrlKey) return;
       resizeRef.current = {
@@ -9880,7 +10015,7 @@ function CalendarTimeline({
     },
     [setResourceColumnWidth, setRowHeightForResource]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     return () => {
       if (!resizeRef.current) return;
       resizeRef.current = null;
@@ -9888,7 +10023,7 @@ function CalendarTimeline({
       document.body.style.userSelect = "";
     };
   }, []);
-  const beginResizeColumn = React31.useCallback(
+  const beginResizeColumn = React32.useCallback(
     (e) => {
       if (!canResizeColumn) return;
       if (typeof effectiveResourceColumnWidth !== "number") return;
@@ -9896,7 +10031,7 @@ function CalendarTimeline({
     },
     [canResizeColumn, effectiveResourceColumnWidth, effectiveRowHeight, startResize]
   );
-  const beginResizeResourceRow = React31.useCallback(
+  const beginResizeResourceRow = React32.useCallback(
     (resourceId) => (e) => {
       if (!canResizeRow) return;
       startResize("row", e, {
@@ -9907,7 +10042,7 @@ function CalendarTimeline({
     },
     [canResizeRow, effectiveResourceColumnWidth, getResourceRowHeight, startResize]
   );
-  const title = React31.useMemo(() => {
+  const title = React32.useMemo(() => {
     if (activeView === "month") {
       return formatters?.monthTitle?.(activeDate, { locale: resolvedLocale, timeZone: resolvedTimeZone }) ?? defaultMonthTitle(activeDate, resolvedLocale, resolvedTimeZone);
     }
@@ -9928,11 +10063,11 @@ function CalendarTimeline({
   }, [activeDate, activeView, formatters, l.week, range.end, range.start, resolvedLocale, resolvedTimeZone]);
   const createMode = interactions?.createMode ?? "drag";
   const canCreate = !isViewOnly && (interactions?.creatable ?? false) && !!onCreateEvent;
-  const [createOpen, setCreateOpen] = React31.useState(false);
-  const [createResourceId, setCreateResourceId] = React31.useState(null);
-  const [createStartIdx, setCreateStartIdx] = React31.useState(0);
-  const [createEndIdx, setCreateEndIdx] = React31.useState(1);
-  const resourceOptions = React31.useMemo(() => {
+  const [createOpen, setCreateOpen] = React32.useState(false);
+  const [createResourceId, setCreateResourceId] = React32.useState(null);
+  const [createStartIdx, setCreateStartIdx] = React32.useState(0);
+  const [createEndIdx, setCreateEndIdx] = React32.useState(1);
+  const resourceOptions = React32.useMemo(() => {
     return resources.map((r) => ({
       label: typeof r.label === "string" ? r.label : r.id,
       value: r.id,
@@ -9940,12 +10075,12 @@ function CalendarTimeline({
       disabled: r.disabled ?? false
     }));
   }, [resources]);
-  const slotPickerLabel = React31.useMemo(() => {
+  const slotPickerLabel = React32.useMemo(() => {
     const timeFmt = getDtf(resolvedLocale, resolvedTimeZone, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" });
     const dayFmt = getDtf(resolvedLocale, resolvedTimeZone, { weekday: "short", month: "short", day: "numeric" });
     return (d) => activeView === "day" ? timeFmt.format(d) : dayFmt.format(d);
   }, [activeView, resolvedLocale, resolvedTimeZone]);
-  const openCreate = React31.useCallback(() => {
+  const openCreate = React32.useCallback(() => {
     if (!canCreate) return;
     if (activeEventSheetOpen) setEventSheetOpen(false);
     const firstResource = resources.find((r) => !r.disabled)?.id ?? resources[0]?.id ?? null;
@@ -9977,13 +10112,13 @@ function CalendarTimeline({
     slotStarts,
     slots.length
   ]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     setCreateEndIdx((prev) => Math.min(slots.length, Math.max(prev, createStartIdx + 1)));
   }, [createStartIdx, slots.length]);
-  const createStartOptions = React31.useMemo(() => {
+  const createStartOptions = React32.useMemo(() => {
     return slotStarts.map((d, idx) => ({ label: slotPickerLabel(d), value: idx }));
   }, [slotStarts, slotPickerLabel]);
-  const createEndOptions = React31.useMemo(() => {
+  const createEndOptions = React32.useMemo(() => {
     const out = [];
     for (let idx = createStartIdx + 1; idx <= slotStarts.length; idx++) {
       const boundary = idx >= slotStarts.length ? range.end : slotStarts[idx];
@@ -9991,7 +10126,7 @@ function CalendarTimeline({
     }
     return out;
   }, [createStartIdx, range.end, slotPickerLabel, slotStarts]);
-  const commitCreate = React31.useCallback(() => {
+  const commitCreate = React32.useCallback(() => {
     if (!onCreateEvent) return;
     if (!createResourceId) return;
     const start = slotStarts[clamp4(createStartIdx, 0, Math.max(0, slotStarts.length - 1))];
@@ -10002,24 +10137,24 @@ function CalendarTimeline({
     onCreateEvent({ resourceId: createResourceId, start, end: endBoundary });
     setCreateOpen(false);
   }, [createEndIdx, createResourceId, createStartIdx, onCreateEvent, range.end, slotStarts]);
-  const dragRef = React31.useRef(null);
-  const [preview, setPreview] = React31.useState(null);
-  const suppressNextEventClickRef = React31.useRef(false);
-  const [hoverCell, setHoverCell] = React31.useState(null);
-  const autoScrollStateRef = React31.useRef({
+  const dragRef = React32.useRef(null);
+  const [preview, setPreview] = React32.useState(null);
+  const suppressNextEventClickRef = React32.useRef(false);
+  const [hoverCell, setHoverCell] = React32.useState(null);
+  const autoScrollStateRef = React32.useRef({
     dir: 0,
     speed: 0,
     lastClientX: 0,
     lastClientY: 0
   });
-  const autoScrollRafRef = React31.useRef(null);
-  const stopAutoScroll = React31.useCallback(() => {
+  const autoScrollRafRef = React32.useRef(null);
+  const stopAutoScroll = React32.useCallback(() => {
     if (autoScrollRafRef.current != null) cancelAnimationFrame(autoScrollRafRef.current);
     autoScrollRafRef.current = null;
     autoScrollStateRef.current.dir = 0;
     autoScrollStateRef.current.speed = 0;
   }, []);
-  const getPointerContext = React31.useCallback(
+  const getPointerContext = React32.useCallback(
     (clientX, clientY, opts) => {
       const body = bodyRef.current;
       if (!body) return null;
@@ -10037,7 +10172,7 @@ function CalendarTimeline({
     },
     [xToSlotIdx]
   );
-  const slotToDate = React31.useCallback(
+  const slotToDate = React32.useCallback(
     (slotIdx) => {
       const start = slotStarts[clamp4(slotIdx, 0, slotStarts.length - 1)];
       if (activeView === "day") {
@@ -10048,7 +10183,7 @@ function CalendarTimeline({
     },
     [activeView, dayTimeStepMinutes, resolvedTimeZone, slotStarts]
   );
-  const updateDragPreview = React31.useCallback(
+  const updateDragPreview = React32.useCallback(
     (clientX, clientY) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -10092,7 +10227,7 @@ function CalendarTimeline({
     },
     [getPointerContext, range.end, range.start, slotToDate, slots.length]
   );
-  const autoScrollTick = React31.useCallback(() => {
+  const autoScrollTick = React32.useCallback(() => {
     const drag = dragRef.current;
     const body = bodyRef.current;
     const st = autoScrollStateRef.current;
@@ -10111,7 +10246,7 @@ function CalendarTimeline({
     updateDragPreview(st.lastClientX, st.lastClientY);
     autoScrollRafRef.current = requestAnimationFrame(autoScrollTick);
   }, [stopAutoScroll, updateDragPreview]);
-  const updateAutoScrollFromPointer = React31.useCallback(
+  const updateAutoScrollFromPointer = React32.useCallback(
     (clientX, clientY) => {
       const body = bodyRef.current;
       if (!body) return;
@@ -10142,7 +10277,7 @@ function CalendarTimeline({
     },
     [autoScrollTick, stopAutoScroll]
   );
-  React31.useEffect(() => stopAutoScroll, [stopAutoScroll]);
+  React32.useEffect(() => stopAutoScroll, [stopAutoScroll]);
   const onPointerDownEvent = (e, ev, mode) => {
     if (e.button !== 0 || e.ctrlKey) return;
     if (isViewOnly) return;
@@ -10294,7 +10429,7 @@ function CalendarTimeline({
       }
     );
   };
-  const slotHeaderNodes = React31.useMemo(() => {
+  const slotHeaderNodes = React32.useMemo(() => {
     const startIdx = colVirtEnabled ? visibleSlots.startIdx : 0;
     const endIdx = colVirtEnabled ? visibleSlots.endIdx : slots.length;
     const leftSpacer = startIdx > 0 ? slotLefts[startIdx] ?? 0 : 0;
@@ -10364,7 +10499,8 @@ function CalendarTimeline({
       activeView,
       sizeConfig,
       navigate,
-      goToday,
+      now: resolvedNow,
+      onApplyDateTime: setDate,
       setView,
       effectiveResourceColumnWidth,
       canResizeColumn,
@@ -10389,7 +10525,7 @@ function CalendarTimeline({
     "div",
     {
       className: cn(
-        "border border-border/40 rounded-2xl overflow-hidden bg-background/95 backdrop-blur-sm",
+        "border border-border/40 rounded-2xl md:rounded-3xl overflow-hidden bg-background/95 backdrop-blur-sm",
         "shadow-sm hover:shadow-md transition-shadow duration-300",
         densityClass,
         className
@@ -10531,16 +10667,19 @@ function CalendarTimeline({
                           const resource = resourceById.get(ev.resourceId);
                           const tooltipTitle = ev.title || ev.id;
                           const shouldCompact = activeView === "day" && dayEventStyle === "compact";
+                          const eventInsetX = 2;
+                          const leftInset = left + eventInsetX;
+                          const widthInset = Math.max(1, width - eventInsetX * 2);
                           const defaultMaxVisual = clamp4(Math.round(fixedSlotWidth * 1.2), 160, 360);
                           const maxVisual = clamp4(Math.round(dayEventMaxWidth ?? defaultMaxVisual), 80, 1200);
-                          const visualWidth = shouldCompact ? Math.min(width, maxVisual) : width;
-                          const isClipped = shouldCompact && width > visualWidth + 1;
+                          const visualWidth = shouldCompact ? Math.min(widthInset, maxVisual) : widthInset;
+                          const isClipped = shouldCompact && widthInset > visualWidth + 1;
                           const block = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                             "div",
                             {
                               className: cn("absolute select-none cursor-pointer", isPreview && "z-10"),
                               "data-uv-ct-event": true,
-                              style: { left, top, width, height: layout.eventHeight },
+                              style: { left: leftInset, top, width: widthInset, height: layout.eventHeight },
                               role: "button",
                               tabIndex: 0,
                               "aria-label": aria,
@@ -10612,7 +10751,7 @@ function CalendarTimeline({
                               ]
                             }
                           );
-                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(React31.Fragment, { children: block }, ev.id);
+                          if (!enableEventTooltips) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(React32.Fragment, { children: block }, ev.id);
                           const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "font-semibold", children: tooltipTitle }),
                             /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-xs opacity-80", children: timeText }),
@@ -10625,11 +10764,17 @@ function CalendarTimeline({
                           const endIdx = clamp4(binarySearchFirstGE(slotStarts, preview.end), startIdx + 1, slots.length);
                           const left = slotLefts[startIdx] ?? 0;
                           const width = Math.max(1, (slotLefts[endIdx] ?? 0) - (slotLefts[startIdx] ?? 0));
+                          const eventInsetX = 2;
                           return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                             "div",
                             {
                               className: "absolute rounded-lg border-2 border-dashed border-primary/60 bg-primary/10 backdrop-blur-sm animate-pulse",
-                              style: { left, top: layout.baseTop, width, height: layout.eventHeight }
+                              style: {
+                                left: left + eventInsetX,
+                                top: layout.baseTop,
+                                width: Math.max(1, width - eventInsetX * 2),
+                                height: layout.eventHeight
+                              }
                             }
                           );
                         })() : null,
@@ -10762,7 +10907,7 @@ function CalendarTimeline({
 }
 
 // ../../components/ui/MultiCombobox.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_react16 = require("react");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -10797,27 +10942,27 @@ var MultiCombobox = ({
   helperText,
   maxTagsVisible = 3
 }) => {
-  const [query, setQuery] = React32.useState("");
-  const [open, setOpen] = React32.useState(false);
-  const [activeIndex, setActiveIndex] = React32.useState(null);
-  const inputRef = React32.useRef(null);
-  const listRef = React32.useRef([]);
-  const triggerRef = React32.useRef(null);
+  const [query, setQuery] = React33.useState("");
+  const [open, setOpen] = React33.useState(false);
+  const [activeIndex, setActiveIndex] = React33.useState(null);
+  const inputRef = React33.useRef(null);
+  const listRef = React33.useRef([]);
+  const triggerRef = React33.useRef(null);
   useShadCNAnimations();
-  const normalizedOptions = React32.useMemo(
+  const normalizedOptions = React33.useMemo(
     () => options.map(
       (o) => typeof o === "string" ? { value: o, label: o } : { value: o.value, label: o.label, icon: o.icon, description: o.description, disabled: o.disabled, group: o.group }
     ),
     [options]
   );
   const enableSearch = normalizedOptions.length > 10;
-  const filtered = React32.useMemo(
+  const filtered = React33.useMemo(
     () => enableSearch ? normalizedOptions.filter(
       (opt) => opt.label.toLowerCase().includes(query.toLowerCase()) || opt.description?.toLowerCase().includes(query.toLowerCase())
     ) : normalizedOptions,
     [normalizedOptions, query, enableSearch]
   );
-  const groupedOptions = React32.useMemo(() => {
+  const groupedOptions = React33.useMemo(() => {
     if (!groupBy) return null;
     const groups = /* @__PURE__ */ new Map();
     filtered.forEach((opt) => {
@@ -10853,7 +10998,7 @@ var MultiCombobox = ({
   const handleClearAll = () => {
     onChange([]);
   };
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (open && enableSearch) {
       setTimeout(() => {
         inputRef.current?.focus();
@@ -11078,7 +11223,7 @@ var MultiCombobox = ({
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center gap-1.5 flex-wrap min-h-6 flex-1", children: value.length > 0 ? showTags ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
           visibleTags.map((option) => {
             if (renderTag) {
-              return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(React32.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
+              return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(React33.Fragment, { children: renderTag(option, () => handleRemove(option.value)) }, option.value);
             }
             return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
               "span",
@@ -11219,17 +11364,17 @@ var MultiCombobox = ({
 };
 
 // ../../components/ui/RadioGroup.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var RadioGroupContext = React33.createContext(void 0);
+var RadioGroupContext = React34.createContext(void 0);
 var useRadioGroup = () => {
-  const context = React33.useContext(RadioGroupContext);
+  const context = React34.useContext(RadioGroupContext);
   if (!context) {
     throw new Error("RadioGroupItem must be used within a RadioGroup");
   }
   return context;
 };
-var RadioGroup = React33.forwardRef(
+var RadioGroup = React34.forwardRef(
   ({
     value,
     defaultValue,
@@ -11245,7 +11390,7 @@ var RadioGroup = React33.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
-    const [internalValue, setInternalValue] = React33.useState(defaultValue || "");
+    const [internalValue, setInternalValue] = React34.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const handleValueChange = (newValue) => {
@@ -11256,7 +11401,7 @@ var RadioGroup = React33.forwardRef(
         onValueChange?.(newValue);
       }
     };
-    const uniqueId = React33.useId();
+    const uniqueId = React34.useId();
     const radioName = name || `radio-group-${uniqueId}`;
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       RadioGroupContext.Provider,
@@ -11314,7 +11459,7 @@ var sizeStyles7 = {
     padding: "p-4"
   }
 };
-var RadioGroupItem = React33.forwardRef(
+var RadioGroupItem = React34.forwardRef(
   ({ value, id, disabled, className, children, label, description, icon }, ref) => {
     const { value: selectedValue, onValueChange, name, disabled: groupDisabled, size = "md", variant = "default" } = useRadioGroup();
     const isDisabled = disabled || groupDisabled;
@@ -11491,7 +11636,7 @@ var RadioGroupItem = React33.forwardRef(
 RadioGroupItem.displayName = "RadioGroupItem";
 
 // ../../components/ui/Slider.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var SIZE_STYLES = {
   sm: {
@@ -11511,7 +11656,7 @@ var SIZE_STYLES = {
   }
 };
 var clamp5 = (n, min, max) => Math.min(max, Math.max(min, n));
-var Slider = React34.forwardRef(
+var Slider = React35.forwardRef(
   ({
     className,
     mode = "single",
@@ -11543,15 +11688,15 @@ var Slider = React34.forwardRef(
     ...props
   }, ref) => {
     const isRange = mode === "range";
-    const trackRef = React34.useRef(null);
-    const [internalValue, setInternalValue] = React34.useState(defaultValue);
-    const [internalRange, setInternalRange] = React34.useState(() => {
+    const trackRef = React35.useRef(null);
+    const [internalValue, setInternalValue] = React35.useState(defaultValue);
+    const [internalRange, setInternalRange] = React35.useState(() => {
       if (defaultRangeValue) return defaultRangeValue;
       const v = clamp5(defaultValue, min, max);
       return [min, v];
     });
-    const [activeThumb, setActiveThumb] = React34.useState(null);
-    const dragRef = React34.useRef(null);
+    const [activeThumb, setActiveThumb] = React35.useState(null);
+    const dragRef = React35.useRef(null);
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const isRangeControlled = rangeValue !== void 0;
@@ -11559,7 +11704,7 @@ var Slider = React34.forwardRef(
     const rangeMin = clamp5(currentRange[0] ?? min, min, max);
     const rangeMax = clamp5(currentRange[1] ?? max, min, max);
     const normalizedRange = rangeMin <= rangeMax ? [rangeMin, rangeMax] : [rangeMax, rangeMin];
-    const handleSingleChange = React34.useCallback(
+    const handleSingleChange = React35.useCallback(
       (e) => {
         const newValue = Number(e.target.value);
         if (!isControlled) {
@@ -11570,14 +11715,14 @@ var Slider = React34.forwardRef(
       },
       [isControlled, onChange, onValueChange]
     );
-    const emitRange = React34.useCallback(
+    const emitRange = React35.useCallback(
       (next) => {
         onRangeChange?.(next);
         onRangeValueChange?.(next);
       },
       [onRangeChange, onRangeValueChange]
     );
-    const handleRangeChange = React34.useCallback(
+    const handleRangeChange = React35.useCallback(
       (thumb) => (e) => {
         const nextVal = Number(e.target.value);
         const [curMin, curMax] = normalizedRange;
@@ -11592,7 +11737,7 @@ var Slider = React34.forwardRef(
     const rangeStartPct = (normalizedRange[0] - min) / denom * 100;
     const rangeEndPct = (normalizedRange[1] - min) / denom * 100;
     const sizeStyles8 = SIZE_STYLES[size];
-    const displayValue = React34.useMemo(() => {
+    const displayValue = React35.useMemo(() => {
       if (isRange) {
         const a = formatValue ? formatValue(normalizedRange[0]) : normalizedRange[0].toString();
         const b = formatValue ? formatValue(normalizedRange[1]) : normalizedRange[1].toString();
@@ -11600,7 +11745,7 @@ var Slider = React34.forwardRef(
       }
       return formatValue ? formatValue(currentValue) : currentValue.toString();
     }, [currentValue, formatValue, isRange, normalizedRange]);
-    const quantize = React34.useCallback(
+    const quantize = React35.useCallback(
       (v) => {
         const stepped = Math.round((v - min) / step) * step + min;
         const fixed = Number(stepped.toFixed(10));
@@ -11608,7 +11753,7 @@ var Slider = React34.forwardRef(
       },
       [max, min, step]
     );
-    const valueFromClientX = React34.useCallback(
+    const valueFromClientX = React35.useCallback(
       (clientX) => {
         const el = trackRef.current;
         if (!el) return min;
@@ -12712,7 +12857,7 @@ function ImageUpload({
 }
 
 // ../../components/ui/Carousel.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function Carousel({
@@ -12735,19 +12880,19 @@ function Carousel({
   thumbnailRenderer,
   ariaLabel = "Carousel"
 }) {
-  const [currentIndex, setCurrentIndex] = React37.useState(0);
-  const [isPaused, setIsPaused] = React37.useState(false);
-  const [isDragging, setIsDragging] = React37.useState(false);
-  const [startPos, setStartPos] = React37.useState(0);
-  const [currentTranslate, setCurrentTranslate] = React37.useState(0);
-  const [prevTranslate, setPrevTranslate] = React37.useState(0);
-  const progressElRef = React37.useRef(null);
-  const carouselRef = React37.useRef(null);
-  const rafRef = React37.useRef(null);
-  const totalSlides = React37.Children.count(children);
+  const [currentIndex, setCurrentIndex] = React38.useState(0);
+  const [isPaused, setIsPaused] = React38.useState(false);
+  const [isDragging, setIsDragging] = React38.useState(false);
+  const [startPos, setStartPos] = React38.useState(0);
+  const [currentTranslate, setCurrentTranslate] = React38.useState(0);
+  const [prevTranslate, setPrevTranslate] = React38.useState(0);
+  const progressElRef = React38.useRef(null);
+  const carouselRef = React38.useRef(null);
+  const rafRef = React38.useRef(null);
+  const totalSlides = React38.Children.count(children);
   const maxIndex = Math.max(0, totalSlides - slidesToShow);
   const isHorizontal = orientation === "horizontal";
-  const scrollPrev = React37.useCallback(() => {
+  const scrollPrev = React38.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
         return loop ? maxIndex : 0;
@@ -12755,7 +12900,7 @@ function Carousel({
       return Math.max(0, prev - slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollNext = React37.useCallback(() => {
+  const scrollNext = React38.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev >= maxIndex) {
         return loop ? 0 : maxIndex;
@@ -12763,13 +12908,13 @@ function Carousel({
       return Math.min(maxIndex, prev + slidesToScroll);
     });
   }, [loop, maxIndex, slidesToScroll]);
-  const scrollTo = React37.useCallback(
+  const scrollTo = React38.useCallback(
     (index) => {
       setCurrentIndex(Math.min(maxIndex, Math.max(0, index)));
     },
     [maxIndex]
   );
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
@@ -12791,7 +12936,7 @@ function Carousel({
       return () => carousel.removeEventListener("keydown", handleKeyDown);
     }
   }, [scrollPrev, scrollNext, scrollTo, maxIndex]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
         cancelAnimationFrame(rafRef.current);
@@ -12850,7 +12995,7 @@ function Carousel({
     setCurrentTranslate(0);
     setPrevTranslate(0);
   };
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
@@ -12903,7 +13048,7 @@ function Carousel({
             role: "group",
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
-            children: React37.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "div",
               {
                 className: cn(
@@ -12993,7 +13138,7 @@ function Carousel({
               "absolute bottom-0 left-0 right-0 flex gap-2 p-4 bg-linear-to-t from-black/50 to-transparent overflow-x-auto",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React37.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -13286,7 +13431,7 @@ function FallingIcons({
 }
 
 // ../../components/ui/List.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var SIZE_STYLES2 = {
@@ -13312,7 +13457,7 @@ var ListItemSkeleton = ({ size }) => {
     ] })
   ] });
 };
-var ListRoot = React39.forwardRef(
+var ListRoot = React40.forwardRef(
   ({
     as = "ul",
     ordered,
@@ -13332,7 +13477,7 @@ var ListRoot = React39.forwardRef(
     ...rest
   }, ref) => {
     const Comp = ordered ? "ol" : as;
-    const childCount = React39.Children.count(children);
+    const childCount = React40.Children.count(children);
     const hasChildren = childCount > 0;
     const variantClasses2 = {
       plain: "",
@@ -13370,14 +13515,14 @@ var ListRoot = React39.forwardRef(
           className
         ),
         ...rest,
-        children: React39.Children.map(children, (child, idx) => {
-          if (!React39.isValidElement(child)) return child;
+        children: React40.Children.map(children, (child, idx) => {
+          if (!React40.isValidElement(child)) return child;
           const childClass = cn(
             child.props?.className,
             hoverable && variant !== "flush" && "hover:bg-accent/50 focus:bg-accent/60 focus:outline-none transition-colors",
             variant === "flush" && "hover:bg-accent/30"
           );
-          return React39.cloneElement(child, {
+          return React40.cloneElement(child, {
             className: childClass,
             // Pass global item class to contentClassName of ListItem
             contentClassName: cn(itemClassName, child.props?.contentClassName),
@@ -13392,7 +13537,7 @@ var ListRoot = React39.forwardRef(
   }
 );
 ListRoot.displayName = "List";
-var ListItem = React39.forwardRef(
+var ListItem = React40.forwardRef(
   ({
     as = "li",
     selected = false,
@@ -13415,7 +13560,7 @@ var ListItem = React39.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const [internalExpanded, setInternalExpanded] = React39.useState(false);
+    const [internalExpanded, setInternalExpanded] = React40.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const sizeAttr = rest["data-size"];
     const resolvedSize = sizeAttr && ["xs", "sm", "md", "lg"].includes(sizeAttr) ? sizeAttr : "md";
@@ -13483,7 +13628,7 @@ var List = Object.assign(ListRoot, { Item: ListItem });
 var List_default = List;
 
 // ../../components/ui/Watermark.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var PRESETS2 = {
@@ -13495,8 +13640,8 @@ var PRESETS2 = {
   internal: { text: "INTERNAL USE ONLY", color: "rgba(156, 163, 175, 0.15)", rotate: -22, fontSize: 13, fontWeight: "600" }
 };
 function useWatermarkDataURL(opts) {
-  const [url, setUrl] = React40.useState(null);
-  React40.useEffect(() => {
+  const [url, setUrl] = React41.useState(null);
+  React41.useEffect(() => {
     let cancelled = false;
     const text = opts.text;
     const image = opts.image;
@@ -13673,9 +13818,9 @@ var Watermark = ({
   children,
   ...rest
 }) => {
-  const [visible, setVisible] = React40.useState(true);
-  const [isDark, setIsDark] = React40.useState(false);
-  React40.useEffect(() => {
+  const [visible, setVisible] = React41.useState(true);
+  const [isDark, setIsDark] = React41.useState(false);
+  React41.useEffect(() => {
     if (!darkMode) return;
     const checkDarkMode = () => {
       const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -13777,7 +13922,7 @@ var Watermark = ({
 var Watermark_default = Watermark;
 
 // ../../components/ui/Timeline.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var SIZE_STYLE = {
@@ -13830,7 +13975,7 @@ var STATUS_COLOR = {
   error: "bg-destructive",
   info: "bg-info"
 };
-var TimelineContext = React41.createContext(null);
+var TimelineContext = React42.createContext(null);
 var LINE_STYLE_MAP = {
   solid: "border-solid",
   dashed: "border-dashed",
@@ -13858,7 +14003,7 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
     !last && showLine && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
   ] });
 };
-var TimelineRoot = React41.forwardRef(
+var TimelineRoot = React42.forwardRef(
   ({
     align = "left",
     variant = "default",
@@ -13888,7 +14033,7 @@ var TimelineRoot = React41.forwardRef(
   }
 );
 TimelineRoot.displayName = "Timeline";
-var TimelineItem = React41.forwardRef(
+var TimelineItem = React42.forwardRef(
   ({
     title,
     description,
@@ -13907,11 +14052,11 @@ var TimelineItem = React41.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const ctx = React41.useContext(TimelineContext);
+    const ctx = React42.useContext(TimelineContext);
     const idx = rest["data-index"];
     const isLast = Boolean(rest["data-last"]);
     const sz = SIZE_STYLE[ctx.size];
-    const [internalExpanded, setInternalExpanded] = React41.useState(false);
+    const [internalExpanded, setInternalExpanded] = React42.useState(false);
     const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
     const toggleExpanded = () => {
       const newExpanded = !isExpanded;
@@ -14053,7 +14198,7 @@ var Timeline = Object.assign(TimelineRoot, { Item: TimelineItem });
 var Timeline_default = Timeline;
 
 // ../../components/ui/ColorPicker.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var clamp6 = (n, min, max) => Math.max(min, Math.min(max, n));
@@ -14247,12 +14392,12 @@ function ColorPicker({
 }) {
   const isControlled = value !== void 0;
   const initial = parseAnyColor(isControlled ? value : defaultValue) || { r: 79, g: 70, b: 229, a: 1 };
-  const [rgba, setRgba] = React42.useState(initial);
-  const [open, setOpen] = React42.useState(false);
-  const [text, setText] = React42.useState(() => formatOutput(initial, withAlpha, format));
-  const [copied, setCopied] = React42.useState(false);
-  const [recentColors, setRecentColors] = React42.useState([]);
-  React42.useEffect(() => {
+  const [rgba, setRgba] = React43.useState(initial);
+  const [open, setOpen] = React43.useState(false);
+  const [text, setText] = React43.useState(() => formatOutput(initial, withAlpha, format));
+  const [copied, setCopied] = React43.useState(false);
+  const [recentColors, setRecentColors] = React43.useState([]);
+  React43.useEffect(() => {
     if (isControlled) {
       const parsed = parseAnyColor(value);
       if (parsed) {
@@ -17204,10 +17349,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // ../../components/ui/Form.tsx
-var React57 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var FormConfigContext = React57.createContext({ size: "md" });
+var FormConfigContext = React58.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -17220,7 +17365,7 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React57.useEffect(() => {
+  React58.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
@@ -17229,15 +17374,15 @@ var FormWrapper = ({
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React57.createContext({});
+var FormFieldContext = React58.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React57.useContext(FormFieldContext);
-  const itemContext = React57.useContext(FormItemContext);
+  const fieldContext = React58.useContext(FormFieldContext);
+  const itemContext = React58.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     try {
@@ -17258,16 +17403,16 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React57.createContext({});
-var FormItem = React57.forwardRef(({ className, ...props }, ref) => {
-  const id = React57.useId();
+var FormItemContext = React58.createContext({});
+var FormItem = React58.forwardRef(({ className, ...props }, ref) => {
+  const id = React58.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React57.forwardRef(
+var FormLabel = React58.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React57.useContext(FormConfigContext);
+    const config = React58.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
     return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
@@ -17276,7 +17421,7 @@ var FormLabel = React57.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React57.forwardRef(({ ...props }, ref) => {
+var FormControl = React58.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "div",
@@ -17290,12 +17435,12 @@ var FormControl = React57.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React57.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React58.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React57.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React58.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
@@ -17304,7 +17449,7 @@ var FormMessage = React57.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React57.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var FormInput = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   FormField,
   {
     name,
@@ -17315,7 +17460,7 @@ var FormInput = React57.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React57.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var FormCheckbox = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   FormField,
   {
     name,
@@ -17339,9 +17484,9 @@ var FormCheckbox = React57.forwardRef(({ name, ...props }, ref) => /* @__PURE__
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React57.forwardRef(
+var FormSubmitButton = React58.forwardRef(
   ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
@@ -18123,7 +18268,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/TranslationContext.tsx
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 
 // locales/en.json
 var en_default = {
@@ -18481,9 +18626,9 @@ var defaultTranslations2 = {
   ko: ko_default,
   ja: ja_default
 };
-var TranslationContext2 = React59.createContext(null);
+var TranslationContext2 = React60.createContext(null);
 var TranslationProvider = ({ children, locale = "en", translations }) => {
-  const t = React59.useCallback(
+  const t = React60.useCallback(
     (namespace) => {
       return (key) => {
         const mergedTranslations = {
@@ -18511,7 +18656,7 @@ var TranslationProvider = ({ children, locale = "en", translations }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TranslationContext2.Provider, { value: { locale, t }, children });
 };
 var useUnderverseTranslations = (namespace) => {
-  const context = React59.useContext(TranslationContext2);
+  const context = React60.useContext(TranslationContext2);
   if (!context) {
     return (key) => {
       const parts = namespace.split(".");
@@ -18533,12 +18678,12 @@ var useUnderverseTranslations = (namespace) => {
   return context.t(namespace);
 };
 var useUnderverseLocale = () => {
-  const context = React59.useContext(TranslationContext2);
+  const context = React60.useContext(TranslationContext2);
   return context?.locale || "en";
 };
 
 // src/hooks/useSmartTranslations.tsx
-var React60 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var nextIntlHooks = null;
 try {
@@ -18550,12 +18695,12 @@ try {
 } catch {
   nextIntlHooks = null;
 }
-var ForceInternalContext = React60.createContext(false);
+var ForceInternalContext = React61.createContext(false);
 var ForceInternalTranslationsProvider = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ForceInternalContext.Provider, { value: true, children });
 };
 function useSmartTranslations(namespace) {
-  const forceInternal = React60.useContext(ForceInternalContext);
+  const forceInternal = React61.useContext(ForceInternalContext);
   const internalT = useUnderverseTranslations(namespace);
   if (forceInternal || !nextIntlHooks?.useTranslations) {
     return internalT;
@@ -18568,7 +18713,7 @@ function useSmartTranslations(namespace) {
   }
 }
 function useSmartLocale() {
-  const forceInternal = React60.useContext(ForceInternalContext);
+  const forceInternal = React61.useContext(ForceInternalContext);
   const internalLocale = useUnderverseLocale();
   if (forceInternal || !nextIntlHooks?.useLocale) {
     return internalLocale;