@underverse-ui/underverse 0.2.110 → 0.2.111

package/dist/index.cjs

@@ -8897,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,
             {
@@ -8905,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" })
             }
           ),
@@ -8915,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
             }
           ),
@@ -8926,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" })
             }
           )
@@ -8942,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",
@@ -8954,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: [
@@ -10389,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
@@ -10531,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,
@@ -10625,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,