@wow-two-beta/ui 0.0.55 → 0.0.57

package/dist/{chunk-OO7UYVI7.js → chunk-4OKJVYBV.js}

@@ -1,10 +1,12 @@
-import { Kbd, addDays, MONTHS_LONG, startOfDay, buildMonthGrid, WEEKDAYS_SHORT, isToday, addMonths, isSameDay } from './chunk-VIWAIXVK.js';
-import { useClipboard, useControlled } from './chunk-NUMFGKPY.js';
-import { Icon } from './chunk-F227LKWK.js';
-import { tv, CssExtensions, surfaceVariants, dataAttr, Tones } from './chunk-RDDIOVK4.js';
-import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-BMABNEZX.js';
-import { cn, composeRefs } from './chunk-LDRFQG44.js';
-import { forwardRef, useState, Children, isValidElement, Fragment as Fragment$1, createContext, useId, useMemo, useCallback, useContext, useEffect, useRef, useImperativeHandle, useLayoutEffect, cloneElement } from 'react';
+import { Kbd, addDays, MONTHS_LONG, startOfDay, WEEKDAYS_SHORT, isToday, addMonths, isSameDay } from './chunk-ZH6BB54G.js';
+import { Inline } from './chunk-VR5HH4SX.js';
+import { useClipboard, useControlled, useReducedMotion, useEscape } from './chunk-5PMOT5MD.js';
+import { Icon } from './chunk-MVMDDGW7.js';
+import { tv, CssExtensions, surfaceVariants, dataAttr, composeEventHandlers, Tones } from './chunk-XDP6GEBA.js';
+import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-UI4RT5JF.js';
+import { useId as useId$1 } from './chunk-LGTGZ3RW.js';
+import { cn, composeRefs } from './chunk-X2MYOHOB.js';
+import { forwardRef, useState, useEffect, Children, isValidElement, Fragment as Fragment$1, createContext, useId, useMemo, useCallback, useContext, useRef, useImperativeHandle, useLayoutEffect, cloneElement } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { TrendingUp, TrendingDown, Check, Copy, ChevronDown, ChevronLeft, ChevronRight, Plus, Minus, Maximize, Pause, Play, VolumeX, Volume2, Captions, CaptionsOff, PictureInPicture2, Minimize, ZoomOut, ZoomIn, Download, SmilePlus, X, AlertTriangle, CheckCheck, Clock, ArrowUp, ArrowDown, ArrowUpDown } from 'lucide-react';
 
@@ -78,7 +80,8 @@ var textVariants = tv({
       brand: "text-primary",
       success: "text-success",
       warning: "text-warning",
-      danger: "text-destructive"
+      danger: "text-destructive",
+      info: "text-info"
     },
     align: {
       left: "text-left",
@@ -88,6 +91,9 @@ var textVariants = tv({
     },
     truncate: {
       true: "truncate"
+    },
+    tabular: {
+      true: "tabular-nums"
     }
   },
   defaultVariants: {
@@ -97,11 +103,11 @@ var textVariants = tv({
   }
 });
 var Text = forwardRef(
-  ({ as: Component = "p", className, size, weight, color, align, truncate, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ as: Component = "p", className, size, weight, color, align, truncate, tabular, ...props }, ref) => /* @__PURE__ */ jsx(
     Component,
     {
       ref,
-      className: cn(textVariants({ size, weight, color, align, truncate }), className),
+      className: cn(textVariants({ size, weight, color, align, truncate, tabular }), className),
       ...props
     }
   )
@@ -128,6 +134,9 @@ Code.displayName = "Code";
 var Image = forwardRef(
   ({ fallback, onError, alt = "", className, ...props }, ref) => {
     const [errored, setErrored] = useState(false);
+    useEffect(() => {
+      setErrored(false);
+    }, [props.src]);
     if (errored && fallback !== void 0) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
     return /* @__PURE__ */ jsx(
       "img",
@@ -268,6 +277,9 @@ var Avatar = forwardRef(
     ...props
   }, ref) => {
     const [errored, setErrored] = useState(false);
+    useEffect(() => {
+      setErrored(false);
+    }, [src]);
     const showImage = !!src && !errored && !isLoading;
     const { preset: sizePreset, box: sizeBox } = CssExtensions.parseSizeUnion(
       size,
@@ -437,7 +449,7 @@ var AvatarGroup = forwardRef(
             Avatar,
             {
               size,
-              name: `+${overflow}`,
+              fallback: `+${overflow}`,
               className: cn(overlap, "ring-2 ring-background")
             }
           )
@@ -453,12 +465,18 @@ function Tooltip({
   placement = "top",
   openDelay = 700,
   closeDelay = 0,
-  open: controlledOpen,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
   disabled
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
-  const open = controlledOpen ?? uncontrolledOpen;
+  const [open, setOpen] = useControlled({
+    controlled: openProp,
+    default: defaultOpen,
+    onChange: onOpenChange
+  });
   const [anchor, setAnchor] = useState(null);
+  const tooltipId = useId$1("tooltip");
   const openTimer = useRef(null);
   const closeTimer = useRef(null);
   const clear = () => {
@@ -469,16 +487,29 @@ function Tooltip({
   };
   const show = () => {
     clear();
-    openTimer.current = setTimeout(() => setUncontrolledOpen(true), openDelay);
+    openTimer.current = setTimeout(() => setOpen(true), openDelay);
   };
   const hide = () => {
     clear();
-    closeTimer.current = setTimeout(() => setUncontrolledOpen(false), closeDelay);
+    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
   };
+  useEffect(
+    () => () => {
+      if (openTimer.current) clearTimeout(openTimer.current);
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+    },
+    []
+  );
+  useEscape(() => {
+    clear();
+    setOpen(false);
+  }, open);
+  const visible = !disabled && open && !!content;
   if (!isValidElement(children)) return children;
   const trigger = children;
   const cloned = cloneElement(trigger, {
     ref: composeRefs(setAnchor, trigger.ref),
+    "aria-describedby": visible ? [trigger.props["aria-describedby"], tooltipId].filter(Boolean).join(" ") : trigger.props["aria-describedby"],
     onPointerEnter: (e) => {
       trigger.props.onPointerEnter?.(e);
       show();
@@ -498,9 +529,10 @@ function Tooltip({
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     cloned,
-    !disabled && open && content && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(AnchoredPositioner, { anchor, placement, offset: 6, children: /* @__PURE__ */ jsx(
+    visible && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(AnchoredPositioner, { anchor, placement, offset: 6, children: /* @__PURE__ */ jsx(
       "div",
       {
+        id: tooltipId,
         role: "tooltip",
         className: cn(
           "z-tooltip rounded-md bg-inverse px-2.5 py-1.5 text-xs text-inverse-foreground shadow-md",
@@ -624,6 +656,14 @@ var TONE = {
   primary: "bg-primary",
   neutral: "bg-muted-foreground"
 };
+var PULSE_TONE = {
+  destructive: "after:bg-destructive",
+  success: "after:bg-success",
+  warning: "after:bg-warning",
+  info: "after:bg-info",
+  primary: "after:bg-primary",
+  neutral: "after:bg-muted-foreground"
+};
 var SIZE2 = {
   xs: "h-1.5 w-1.5",
   sm: "h-2 w-2",
@@ -645,8 +685,9 @@ var NotificationDot = forwardRef(
         "inline-flex rounded-full ring-2 ring-background",
         TONE[tone],
         SIZE2[size],
+        /* `relative` anchors the ::after ring; POS comes later so its `absolute` wins when positioned. */
+        pulse && `relative after:absolute after:inset-0 after:animate-ping after:rounded-full after:opacity-75 after:content-[""] ${PULSE_TONE[tone]}`,
         position && POS[position],
-        pulse && 'after:absolute after:inset-0 after:animate-ping after:rounded-full after:opacity-75 after:content-[""] ' + TONE[tone],
         className
       ),
       ...props
@@ -679,30 +720,38 @@ var TONE2 = {
   info: "bg-info",
   neutral: "bg-muted-foreground"
 };
+var SIZE3 = {
+  xs: { wrapper: "gap-1.5 text-xs", dot: "h-1.5 w-1.5" },
+  sm: { wrapper: "gap-1.5 text-sm", dot: "h-2 w-2" },
+  md: { wrapper: "gap-2 text-sm", dot: "h-2 w-2" }
+};
 var Status = forwardRef(
-  ({ tone = "success", pulse, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      className: cn("inline-flex items-center gap-2 text-sm text-foreground", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
-          /* @__PURE__ */ jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", TONE2[tone]) }),
-          pulse && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "absolute inset-0 inline-block rounded-full opacity-75 animate-ping",
-                TONE2[tone]
-              )
-            }
-          )
-        ] }),
-        children
-      ]
-    }
-  )
+  ({ tone = "success", pulse, size = "md", className, children, ...props }, ref) => {
+    const sz = SIZE3[size];
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center text-foreground", sz.wrapper, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ jsx("span", { className: cn("inline-block rounded-full", sz.dot, TONE2[tone]) }),
+            pulse && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute inset-0 inline-block rounded-full opacity-75 animate-ping",
+                  TONE2[tone]
+                )
+              }
+            )
+          ] }),
+          children
+        ]
+      }
+    );
+  }
 );
 Status.displayName = "Status";
 var KeyboardShortcut = forwardRef(
@@ -767,6 +816,76 @@ var InfoRow = forwardRef(
   )
 );
 InfoRow.displayName = "InfoRow";
+var TONE3 = {
+  neutral: "text-muted-foreground",
+  success: "text-success",
+  warning: "text-warning",
+  danger: "text-destructive",
+  info: "text-info"
+};
+var SIZE4 = {
+  xs: { wrapper: "gap-1 text-[10px]", label: "text-[10px]", value: "text-xs" },
+  sm: { wrapper: "gap-1.5 text-xs", label: "text-xs", value: "text-xs" },
+  md: { wrapper: "gap-2 text-sm", label: "text-xs", value: "text-sm" }
+};
+var MetricChip = forwardRef(
+  ({ icon, label, value, tone = "neutral", size = "sm", className, ...props }, ref) => {
+    const sz = SIZE4[size];
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center", sz.wrapper, className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0 items-center", TONE3[tone]), children: icon }),
+          /* @__PURE__ */ jsx("span", { className: cn("font-medium uppercase tracking-wide text-muted-foreground", sz.label), children: label }),
+          /* @__PURE__ */ jsx("span", { className: cn("tabular-nums text-foreground", sz.value), children: value })
+        ]
+      }
+    );
+  }
+);
+MetricChip.displayName = "MetricChip";
+var TONE4 = {
+  muted: "text-muted-foreground",
+  subtle: "text-subtle-foreground",
+  default: "text-foreground"
+};
+var Eyebrow = forwardRef(
+  ({ level = 3, tone = "muted", className, ...props }, ref) => {
+    const Tag = `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "text-[10px] font-semibold uppercase tracking-wider",
+          TONE4[tone],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Eyebrow.displayName = "Eyebrow";
+var MetaInline = forwardRef(
+  ({ actions, gap = "2", children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Inline,
+    {
+      ref,
+      gap,
+      className: cn("w-full", className),
+      ...props,
+      children: [
+        children,
+        actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: actions })
+      ]
+    }
+  )
+);
+MetaInline.displayName = "MetaInline";
 var POS2 = {
   "top-right": "top-0 right-0 -translate-y-1/2 translate-x-1/2",
   "top-left": "top-0 left-0 -translate-y-1/2 -translate-x-1/2",
@@ -1128,8 +1247,8 @@ var TabsList = forwardRef(function TabsList2({ className, children, ...rest }, r
 });
 var TabsTab = forwardRef(function TabsTab2({ value, disabled = false, className, onClick, onFocus, children, ...rest }, ref) {
   const ctx = useTabsContext();
-  const roving = useRovingFocusItem();
   const selected = ctx.value === value;
+  const roving = useRovingFocusItem({ active: selected });
   const tabId = `${ctx.baseId}-tab-${value}`;
   const panelId = `${ctx.baseId}-panel-${value}`;
   return /* @__PURE__ */ jsx(
@@ -1958,6 +2077,7 @@ Carousel.Prev = CarouselPrev;
 Carousel.Next = CarouselNext;
 Carousel.Dots = CarouselDots;
 Carousel.Dot = CarouselDot;
+var CLICK_SUPPRESS_SLOP = 6;
 var SwipeActions = forwardRef(
   function SwipeActions2({
     left,
@@ -1971,6 +2091,7 @@ var SwipeActions = forwardRef(
   }, forwardedRef) {
     const startXRef = useRef(null);
     const startOffsetRef = useRef(0);
+    const suppressClickRef = useRef(false);
     const [offset, setOffset] = useState(0);
     const [openSide, setOpenSide] = useState(null);
     const leftSlots = countNodes(left);
@@ -1981,10 +2102,14 @@ var SwipeActions = forwardRef(
       if (disabled) return;
       startXRef.current = e.clientX;
       startOffsetRef.current = offset;
+      suppressClickRef.current = false;
       e.currentTarget.setPointerCapture(e.pointerId);
     };
     const onPointerMove = (e) => {
       if (disabled || startXRef.current == null) return;
+      if (Math.abs(e.clientX - startXRef.current) > CLICK_SUPPRESS_SLOP) {
+        suppressClickRef.current = true;
+      }
       const dx = e.clientX - startXRef.current + startOffsetRef.current;
       const clamped = Math.max(-rightMax, Math.min(leftMax, dx));
       setOffset(clamped);
@@ -2008,6 +2133,13 @@ var SwipeActions = forwardRef(
       setOffset(0);
       setOpenSide(null);
     };
+    const onClick = () => {
+      if (suppressClickRef.current) {
+        suppressClickRef.current = false;
+        return;
+      }
+      if (openSide) close();
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2043,7 +2175,7 @@ var SwipeActions = forwardRef(
               onPointerMove,
               onPointerUp,
               onPointerCancel: onPointerUp,
-              onClick: openSide ? close : void 0,
+              onClick,
               style: {
                 transform: `translateX(${offset}px)`,
                 transition: startXRef.current == null ? "transform 200ms ease-out" : "none",
@@ -2357,10 +2489,16 @@ var HeatmapCalendar = forwardRef(
       return { columns: cols, monthMarkers: months, maxValue: max };
     }, [year, weekStart, valueMap]);
     const toneSteps = TONE_CLASSES[tone];
+    const levelCount = Math.max(2, Math.floor(levels));
     const bucket = (v) => {
       if (v <= 0 || maxValue === 0) return 0;
-      const idx = Math.ceil(v / maxValue * (levels - 1));
-      return Math.min(levels - 1, idx);
+      const idx = Math.ceil(v / maxValue * (levelCount - 1));
+      return Math.min(levelCount - 1, idx);
+    };
+    const stepClass = (level) => {
+      if (level === 0) return toneSteps[0];
+      const idx = Math.round(level / (levelCount - 1) * (toneSteps.length - 1));
+      return toneSteps[Math.max(1, idx)];
     };
     const totalWidth = columns.length * (cellSize + gap);
     const colHeight = 7 * (cellSize + gap);
@@ -2404,12 +2542,12 @@ var HeatmapCalendar = forwardRef(
               "aria-label": `${dateStr}: ${cell.value}`,
               "aria-valuenow": level,
               "aria-valuemin": 0,
-              "aria-valuemax": levels - 1,
+              "aria-valuemax": levelCount - 1,
               onClick: interactive ? () => onCellClick?.(dateStr, cell.value) : void 0,
               style: { width: cellSize, height: cellSize },
               className: cn(
                 "rounded-[2px] transition-colors",
-                cell.inYear ? toneSteps[level] : "bg-transparent",
+                cell.inYear ? stepClass(level) : "bg-transparent",
                 interactive && "cursor-pointer hover:ring-1 hover:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
               )
             },
@@ -2448,13 +2586,19 @@ var DataGrid = forwardRef(
     const [draft, setDraft] = useState("");
     const containerRef = useRef(null);
     const editRef = useRef(null);
+    const wasEditingRef = useRef(false);
+    const gridId = useId();
+    const cellId = (r, c) => `${gridId}-cell-${r}-${c}`;
     useEffect(() => {
       if (editing && editRef.current) {
         editRef.current.focus();
         if ("select" in editRef.current && typeof editRef.current.select === "function") {
           editRef.current.select();
         }
+      } else if (!editing && wasEditingRef.current) {
+        containerRef.current?.focus();
       }
+      wasEditingRef.current = editing;
     }, [editing]);
     const colCount = columns.length;
     const rowCount = rows.length;
@@ -2468,14 +2612,14 @@ var DataGrid = forwardRef(
       setEditing(true);
     }, [columns, rows, active]);
     const commitEdit = useCallback(
-      (move) => {
+      (move, rawValue) => {
         const col = columns[active.col];
         const row = rows[active.row];
         if (!col || row === void 0) {
           setEditing(false);
           return;
         }
-        const value = castValue(draft, col.type ?? "text");
+        const value = castValue(rawValue ?? draft, col.type ?? "text");
         onRowChange?.(row, col.key, value);
         setEditing(false);
         if (move === "right") setActive((a) => ({ row: a.row, col: Math.min(colCount - 1, a.col + 1) }));
@@ -2545,6 +2689,7 @@ var DataGrid = forwardRef(
         "aria-rowcount": rowCount + 1,
         "aria-colcount": colCount,
         tabIndex: 0,
+        "aria-activedescendant": rowCount > 0 ? cellId(active.row, active.col) : void 0,
         onKeyDown: handleKeyDown,
         className: cn(
           "overflow-auto rounded-md border border-border bg-card text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
@@ -2575,6 +2720,7 @@ var DataGrid = forwardRef(
             return /* @__PURE__ */ jsx(
               "td",
               {
+                id: cellId(ri, ci),
                 role: "gridcell",
                 "aria-colindex": ci + 1,
                 "aria-readonly": !isEditable || void 0,
@@ -2632,7 +2778,7 @@ var CellEditor = forwardRef(
           value,
           onChange: (e) => {
             onChange(e.target.value);
-            onCommit("down");
+            onCommit("down", e.target.value);
           },
           onBlur: () => onCommit(),
           onKeyDown: (e) => {
@@ -2654,7 +2800,7 @@ var CellEditor = forwardRef(
           value,
           onChange: (e) => {
             onChange(e.target.value);
-            onCommit("down");
+            onCommit("down", e.target.value);
           },
           onBlur: () => onCommit(),
           onKeyDown: (e) => {
@@ -2739,11 +2885,12 @@ var NodeEditor = forwardRef(function NodeEditor2({
     dragStateRef.current = null;
     e.currentTarget.releasePointerCapture?.(e.pointerId);
   };
-  const onWheel = useCallback(
-    (e) => {
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const onWheel = (e) => {
       e.preventDefault();
-      const rect = containerRef.current?.getBoundingClientRect();
-      if (!rect) return;
+      const rect = el.getBoundingClientRect();
       const cx = e.clientX - rect.left;
       const cy = e.clientY - rect.top;
       const factor = e.deltaY < 0 ? 1.1 : 1 / 1.1;
@@ -2756,9 +2903,10 @@ var NodeEditor = forwardRef(function NodeEditor2({
           y: cy - (cy - v.y) * ratio
         };
       });
-    },
-    [minZoom, maxZoom]
-  );
+    };
+    el.addEventListener("wheel", onWheel, { passive: false });
+    return () => el.removeEventListener("wheel", onWheel);
+  }, [minZoom, maxZoom]);
   const beginNodeDrag = (e, node) => {
     e.stopPropagation();
     dragStateRef.current = {
@@ -2806,7 +2954,6 @@ var NodeEditor = forwardRef(function NodeEditor2({
       onPointerMove: onContainerPointerMove,
       onPointerUp: onContainerPointerUp,
       onPointerCancel: onContainerPointerUp,
-      onWheel,
       className: cn(
         "relative h-96 w-full overflow-hidden rounded-md border border-border bg-muted/30 select-none",
         className
@@ -3098,6 +3245,7 @@ var AudioPlayer = forwardRef(
       [duration, seekTo]
     );
     const handleKey = (e) => {
+      if (e.target !== e.currentTarget) return;
       switch (e.key) {
         case " ":
         case "Spacebar":
@@ -3262,6 +3410,11 @@ var VideoPlayer = forwardRef(
     muted: mutedProp,
     defaultVolume = 1,
     defaultPlaybackRate = 1,
+    onPlay,
+    onPause,
+    onTimeUpdate,
+    onLoadedMetadata,
+    onClick,
     className,
     ...rest
   }, forwardedRef) {
@@ -3345,6 +3498,7 @@ var VideoPlayer = forwardRef(
       };
     }, [playing, bumpControls]);
     const handleKey = (e) => {
+      if (e.target !== e.currentTarget) return;
       switch (e.key) {
         case " ":
         case "Spacebar":
@@ -3411,20 +3565,20 @@ var VideoPlayer = forwardRef(
               autoPlay,
               loop,
               muted,
-              onPlay: () => setPlaying(true),
-              onPause: () => setPlaying(false),
-              onTimeUpdate: () => {
+              ...rest,
+              onPlay: composeEventHandlers(onPlay, () => setPlaying(true)),
+              onPause: composeEventHandlers(onPause, () => setPlaying(false)),
+              onTimeUpdate: composeEventHandlers(onTimeUpdate, () => {
                 const v = videoRef.current;
                 if (!v) return;
                 setCurrentTime(v.currentTime);
-              },
-              onLoadedMetadata: () => {
+              }),
+              onLoadedMetadata: composeEventHandlers(onLoadedMetadata, () => {
                 const v = videoRef.current;
                 if (v) setDuration(v.duration || 0);
-              },
-              onClick: togglePlay,
+              }),
+              onClick: composeEventHandlers(onClick, togglePlay),
               className: "h-full w-full bg-black",
-              ...rest,
               children: tracks?.map((t, i) => /* @__PURE__ */ jsx(
                 "track",
                 {
@@ -4215,12 +4369,15 @@ var EventCalendar = forwardRef(
   }
 );
 function MonthView({ date, events, weekStart, onEventClick, onSlotClick }) {
-  const grid = buildMonthGrid(date.getFullYear(), date.getMonth());
   const weekdayHeaders = Array.from({ length: 7 }, (_, i) => WEEKDAYS_SHORT[(i + weekStart) % 7]);
-  const cells = weekStart === 0 ? grid : (() => {
-    const out = grid.slice();
-    return out;
-  })();
+  const month = date.getMonth();
+  const first = new Date(date.getFullYear(), month, 1);
+  const lead = (first.getDay() - weekStart + 7) % 7;
+  const gridStart = addDays(first, -lead);
+  const cells = Array.from({ length: 42 }, (_, i) => {
+    const d = addDays(gridStart, i);
+    return { date: d, outOfMonth: d.getMonth() !== month };
+  });
   const eventsForDay = (d) => events.filter((e) => isInRange(d, e.start, e.end));
   return /* @__PURE__ */ jsxs("div", { className: "grid h-full grid-cols-7 border-l border-t border-border", children: [
     weekdayHeaders.map((wd) => /* @__PURE__ */ jsx(
@@ -4558,21 +4715,25 @@ var CountUp = forwardRef(function CountUp2({
       return;
     }
     if (triggerOnView && typeof IntersectionObserver !== "undefined" && elRef.current) {
+      let cancel;
       const obs = new IntersectionObserver(
         (entries) => {
           for (const entry of entries) {
             if (entry.isIntersecting && !startedRef.current) {
               startedRef.current = true;
-              animate();
+              cancel = animate();
             }
           }
         },
         { threshold: 0.2 }
       );
       obs.observe(elRef.current);
-      return () => obs.disconnect();
+      return () => {
+        obs.disconnect();
+        cancel?.();
+      };
     }
-    animate();
+    return animate();
     function animate() {
       const start = performance.now();
       let raf = 0;
@@ -4633,10 +4794,10 @@ var AnimatedNumber = forwardRef(
       const tick = (now) => {
         const t = Math.min(1, (now - start) / duration);
         const eased = easing(t);
-        const next = from + (to - from) * eased;
+        const next = t < 1 ? from + (to - from) * eased : to;
         setDisplay(next);
+        fromRef.current = next;
         if (t < 1) raf = requestAnimationFrame(tick);
-        else fromRef.current = to;
       };
       raf = requestAnimationFrame(tick);
       return () => cancelAnimationFrame(raf);
@@ -4804,6 +4965,7 @@ var Marquee = forwardRef(function Marquee2({ direction = "left", speed = 30, pau
   const horizontal = direction === "left" || direction === "right";
   const reverse = direction === "right" || direction === "down";
   const animationName = horizontal ? "marquee-x" : "marquee-y";
+  const reducedMotion = useReducedMotion();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4817,25 +4979,36 @@ var Marquee = forwardRef(function Marquee2({ direction = "left", speed = 30, pau
       ),
       style: { "--marquee-gap": `${gap}px` },
       ...rest,
-      children: [0, 1].map((i) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
-          "aria-hidden": i === 1,
           className: cn(
-            "shrink-0 motion-safe:animate-(--marquee-anim) motion-reduce:animation-none",
-            horizontal ? "flex shrink-0 items-center" : "flex flex-col items-center",
+            "flex shrink-0",
+            horizontal ? "items-center" : "flex-col items-center",
             pauseOnHover && "group-hover/marquee:[animation-play-state:paused]"
           ),
           style: {
-            gap,
-            paddingInline: horizontal ? gap / 2 : 0,
-            paddingBlock: horizontal ? 0 : gap / 2,
-            animation: `${animationName} ${speed}s linear infinite ${reverse ? "reverse" : "normal"}`
+            animation: reducedMotion ? void 0 : `${animationName} ${speed}s linear infinite ${reverse ? "reverse" : "normal"}`
           },
-          children
-        },
-        i
-      ))
+          children: [0, 1].map((i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": i === 1,
+              className: cn(
+                "shrink-0",
+                horizontal ? "flex items-center" : "flex flex-col items-center"
+              ),
+              style: {
+                gap,
+                paddingInline: horizontal ? gap / 2 : 0,
+                paddingBlock: horizontal ? 0 : gap / 2
+              },
+              children
+            },
+            i
+          ))
+        }
+      )
     }
   );
 });
@@ -5270,6 +5443,7 @@ var MessageListInner = forwardRef(
     ...props
   }, ref) => {
     const scrollerRef = useRef(null);
+    const nearBottomRef = useRef(true);
     const [atBottom, setAtBottom] = useState(true);
     const isNearBottom = useCallback(() => {
       const el = scrollerRef.current;
@@ -5287,12 +5461,15 @@ var MessageListInner = forwardRef(
       [scrollToBottom, isNearBottom]
     );
     useLayoutEffect(() => {
-      if (stickToBottom && isNearBottom()) scrollToBottom("auto");
-    }, [children, stickToBottom, isNearBottom, scrollToBottom]);
+      if (stickToBottom && nearBottomRef.current) scrollToBottom("auto");
+    }, [children, stickToBottom, scrollToBottom]);
     useEffect(() => {
       const el = scrollerRef.current;
       if (!el) return;
-      const onScroll = () => setAtBottom(isNearBottom());
+      const onScroll = () => {
+        nearBottomRef.current = isNearBottom();
+        setAtBottom(nearBottomRef.current);
+      };
       el.addEventListener("scroll", onScroll, { passive: true });
       onScroll();
       return () => el.removeEventListener("scroll", onScroll);
@@ -5558,6 +5735,6 @@ ActivityItem.displayName = "ActivityFeed.Item";
 var ActivityFeed = ActivityFeedInner;
 ActivityFeed.Item = ActivityItem;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
-//# sourceMappingURL=chunk-OO7UYVI7.js.map
-//# sourceMappingURL=chunk-OO7UYVI7.js.map
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
+//# sourceMappingURL=chunk-4OKJVYBV.js.map
+//# sourceMappingURL=chunk-4OKJVYBV.js.map