@underverse-ui/underverse 0.2.109 → 0.2.111

package/dist/index.cjs

@@ -6196,8 +6196,8 @@ var DatePicker = ({
                   "div",
                   {
                     className: cn(
-                      "flex items-center justify-center rounded-lg p-1.5 transition-all duration-300",
-                      isOpen ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
+                      "flex items-center justify-center transition-colors duration-300",
+                      isOpen ? "text-primary" : "text-muted-foreground group-hover:text-primary"
                     ),
                     children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react14.Calendar, { className: cn(size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4", "transition-transform duration-300", isOpen && "scale-110") })
                   }
@@ -6492,9 +6492,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
                 "div",
                 {
                   className: cn(
-                    "flex items-center justify-center rounded-lg transition-all duration-300",
-                    size === "sm" ? "p-1" : "p-1.5",
-                    isOpen ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
+                    "flex items-center justify-center transition-colors duration-300",
+                    isOpen ? "text-primary" : "text-muted-foreground group-hover:text-primary"
                   ),
                   children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react14.Calendar, { className: cn("transition-transform duration-300", size === "sm" ? "h-3 w-3" : "h-4 w-4", isOpen && "scale-110") })
                 }
@@ -7568,6 +7567,8 @@ function TimePicker({
   showPresets = false,
   allowManualInput = false,
   customPresets = [],
+  min,
+  max,
   minTime,
   maxTime,
   disabledTimes,
@@ -7604,37 +7605,65 @@ function TimePicker({
     },
     [disabledTimes]
   );
+  const resolvedMinTime = minTime ?? min;
+  const resolvedMaxTime = maxTime ?? max;
+  const toSeconds = React25.useCallback(
+    (p) => {
+      let h = p.h;
+      if (format === "12") {
+        const period = p.p ?? (h >= 12 ? "PM" : "AM");
+        const base = h % 12;
+        h = period === "PM" ? base + 12 : base;
+      }
+      return h * 3600 + p.m * 60 + (includeSeconds ? p.s : 0);
+    },
+    [format, includeSeconds]
+  );
   const isTimeInRange = React25.useCallback(
     (timeStr) => {
-      if (!minTime && !maxTime) return true;
+      if (!resolvedMinTime && !resolvedMaxTime) return true;
       const parsed = parseTime(timeStr, format, includeSeconds);
       if (!parsed) return true;
-      if (minTime) {
-        const min = parseTime(minTime, format, includeSeconds);
-        if (min) {
-          const currentMinutes = parsed.h * 60 + parsed.m;
-          const minMinutes = min.h * 60 + min.m;
-          if (currentMinutes < minMinutes) return false;
-        }
+      const current = toSeconds(parsed);
+      if (resolvedMinTime) {
+        const minParsed = parseTime(resolvedMinTime, format, includeSeconds);
+        if (minParsed && current < toSeconds(minParsed)) return false;
       }
-      if (maxTime) {
-        const max = parseTime(maxTime, format, includeSeconds);
-        if (max) {
-          const currentMinutes = parsed.h * 60 + parsed.m;
-          const maxMinutes = max.h * 60 + max.m;
-          if (currentMinutes > maxMinutes) return false;
-        }
+      if (resolvedMaxTime) {
+        const maxParsed = parseTime(resolvedMaxTime, format, includeSeconds);
+        if (maxParsed && current > toSeconds(maxParsed)) return false;
       }
       return true;
     },
-    [minTime, maxTime, format, includeSeconds]
+    [format, includeSeconds, resolvedMaxTime, resolvedMinTime, toSeconds]
+  );
+  const canEmit = React25.useCallback(
+    (next) => {
+      const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
+      if (!timeStr) return true;
+      if (!isTimeInRange(timeStr)) return false;
+      if (isTimeDisabled(timeStr)) return false;
+      return true;
+    },
+    [format, includeSeconds, isTimeDisabled, isTimeInRange]
+  );
+  const emit = React25.useCallback(
+    (next) => {
+      const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
+      if (!canEmit(next)) return;
+      onChange?.(timeStr);
+    },
+    [canEmit, format, includeSeconds, onChange]
+  );
+  const tryUpdate = React25.useCallback(
+    (next) => {
+      if (!canEmit(next)) return false;
+      setParts(next);
+      emit(next);
+      return true;
+    },
+    [canEmit, emit]
   );
-  const emit = (next) => {
-    const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
-    if (timeStr && !isTimeInRange(timeStr)) return;
-    if (timeStr && isTimeDisabled(timeStr)) return;
-    onChange?.(timeStr);
-  };
   const handleOpenChange = (newOpen) => {
     setOpen(newOpen);
     if (newOpen) {
@@ -7685,8 +7714,7 @@ function TimePicker({
         if (e.key === "ArrowLeft") setFocusedColumn(includeSeconds ? "second" : "minute");
         break;
     }
-    setParts(newParts);
-    emit(newParts);
+    tryUpdate(newParts);
   };
   const setNow = () => {
     const now2 = /* @__PURE__ */ new Date();
@@ -7699,8 +7727,7 @@ function TimePicker({
     } else {
       next = { h, m, s };
     }
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const setPreset = (preset) => {
     const { h, m, s } = PRESETS[preset];
@@ -7710,8 +7737,7 @@ function TimePicker({
     } else {
       next = { h, m, s };
     }
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const handleManualInput = (input) => {
     setManualInput(input);
@@ -7719,16 +7745,14 @@ function TimePicker({
     if (parsed) {
       const timeStr = formatTime(parsed, format, includeSeconds);
       if (isTimeInRange(timeStr) && !isTimeDisabled(timeStr)) {
-        setParts(parsed);
-        emit(parsed);
+        tryUpdate(parsed);
       }
     }
   };
   const handleCustomPreset = (time) => {
     const parsed = parseTime(time, format, includeSeconds);
     if (parsed) {
-      setParts(parsed);
-      emit(parsed);
+      tryUpdate(parsed);
     }
   };
   const hours = format === "24" ? Array.from({ length: 24 }, (_, i) => i) : Array.from({ length: 12 }, (_, i) => i + 1);
@@ -7849,8 +7873,7 @@ function TimePicker({
       return period === "PM" ? base + 12 : base;
     })();
     const next = { ...parts, h: nextH, p: format === "12" ? period : parts.p };
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const timePickerContent = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: panelSz.stackGap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: cn(panelSz.timeText, "font-bold tabular-nums tracking-wide text-foreground underline underline-offset-8 decoration-primary/60"), children: display }) }),
@@ -7956,8 +7979,7 @@ function TimePicker({
             valueIndex: minuteIndex,
             onSelect: (m) => {
               const next = { ...parts, m };
-              setParts(next);
-              emit(next);
+              tryUpdate(next);
             },
             scrollRef: minuteScrollRef,
             itemHeight,
@@ -7985,8 +8007,7 @@ function TimePicker({
               valueIndex: secondIndex,
               onSelect: (s) => {
                 const next = { ...parts, s };
-                setParts(next);
-                emit(next);
+                tryUpdate(next);
               },
               scrollRef: secondScrollRef,
               itemHeight,
@@ -8039,8 +8060,7 @@ function TimePicker({
                         if (pVal === "AM" && hour >= 12) hour -= 12;
                         if (pVal === "PM" && hour < 12) hour += 12;
                         const next = { ...parts, p: pVal, h: hour };
-                        setParts(next);
-                        emit(next);
+                        tryUpdate(next);
                       },
                       children: [
                         isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-white/20 to-transparent" }),
@@ -8877,7 +8897,7 @@ function CalendarTimelineHeader(props) {
   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,
             {
@@ -8885,7 +8905,7 @@ 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" })
             }
           ),
@@ -8895,7 +8915,7 @@ function CalendarTimelineHeader(props) {
               variant: "ghost",
               size: "sm",
               onClick: goToday,
-              className: cn(sizeConfig.controlButtonTextClass, "rounded-lg hover:bg-background/80 font-medium transition-all duration-200"),
+              className: cn(sizeConfig.controlButtonTextClass, "rounded-full hover:bg-background/80 font-medium transition-all duration-200"),
               children: labels.today
             }
           ),
@@ -8906,7 +8926,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" })
             }
           )
@@ -8922,11 +8942,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",
@@ -8934,7 +8954,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: [
@@ -10369,7 +10389,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
@@ -10511,16 +10531,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,
@@ -10605,11 +10628,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,