@wow-two-beta/ui 0.0.56 → 0.0.58

package/dist/{chunk-PGU27Z2H.js → chunk-Y5GS4CLT.js}

@@ -1,11 +1,12 @@
-import { Kbd, addDays, MONTHS_LONG, startOfDay, buildMonthGrid, WEEKDAYS_SHORT, isToday, addMonths, isSameDay } from './chunk-VIWAIXVK.js';
-import { Inline } from './chunk-BWWF3DDM.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-XDATW7NF.js';
+import { Inline } from './chunk-4XWLEKH2.js';
+import { useClipboard, useControlled, useReducedMotion, useEscape } from './chunk-V267IMBH.js';
+import { Icon } from './chunk-MVMDDGW7.js';
+import { tv, CssExtensions, surfaceVariants, dataAttr, composeEventHandlers, Tones } from './chunk-JYGC5SRP.js';
+import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-TTSJZEL7.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';
 
@@ -88,10 +89,10 @@ var textVariants = tv({
       right: "text-right",
       justify: "text-justify"
     },
-    truncate: {
+    isTruncated: {
       true: "truncate"
     },
-    tabular: {
+    isTabular: {
       true: "tabular-nums"
     }
   },
@@ -102,11 +103,11 @@ var textVariants = tv({
   }
 });
 var Text = forwardRef(
-  ({ as: Component = "p", className, size, weight, color, align, truncate, tabular, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ as: Component = "p", className, size, weight, color, align, isTruncated, isTabular, ...props }, ref) => /* @__PURE__ */ jsx(
     Component,
     {
       ref,
-      className: cn(textVariants({ size, weight, color, align, truncate, tabular }), className),
+      className: cn(textVariants({ size, weight, color, align, isTruncated, isTabular }), className),
       ...props
     }
   )
@@ -133,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",
@@ -262,7 +266,7 @@ var Avatar = forwardRef(
     name = "",
     fallback,
     alt,
-    autoColor,
+    canAutoColor,
     tone,
     bgStyle,
     ring,
@@ -273,13 +277,16 @@ 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,
       AVATAR_SIZE_PRESETS
     );
     const boxStyle = sizeBox ? CssExtensions.resolveBoxSize(sizeBox) : void 0;
-    const autoColorClass = autoColor && name && bgStyle !== "gradient" && (tone === void 0 || tone === "neutral") ? pickAutoColor(name) : void 0;
+    const autoColorClass = canAutoColor && name && bgStyle !== "gradient" && (tone === void 0 || tone === "neutral") ? pickAutoColor(name) : void 0;
     const effectiveTone = autoColorClass ? "none" : tone;
     return /* @__PURE__ */ jsx(
       "span",
@@ -338,12 +345,12 @@ var Badge = forwardRef(
 );
 Badge.displayName = "Badge";
 var Separator = forwardRef(
-  ({ orientation = "horizontal", decorative = true, className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ orientation = "horizontal", isDecorative = true, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      role: decorative ? "none" : "separator",
-      "aria-orientation": decorative ? void 0 : orientation,
+      role: isDecorative ? "none" : "separator",
+      "aria-orientation": isDecorative ? void 0 : orientation,
       className: cn(
         "bg-border",
         orientation === "horizontal" ? "h-px w-full" : "w-px self-stretch",
@@ -442,7 +449,7 @@ var AvatarGroup = forwardRef(
             Avatar,
             {
               size,
-              name: `+${overflow}`,
+              fallback: `+${overflow}`,
               className: cn(overlap, "ring-2 ring-background")
             }
           )
@@ -458,12 +465,18 @@ function Tooltip({
   placement = "top",
   openDelay = 700,
   closeDelay = 0,
-  open: controlledOpen,
-  disabled
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled
 }) {
-  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 = () => {
@@ -474,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 = !isDisabled && 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();
@@ -503,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",
@@ -629,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",
@@ -641,7 +676,7 @@ var POS = {
   "bottom-left": "absolute -bottom-0.5 -left-0.5"
 };
 var NotificationDot = forwardRef(
-  ({ tone = "destructive", size = "sm", pulse, position, className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ tone = "destructive", size = "sm", hasPulse, position, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
       ref,
@@ -650,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. */
+        hasPulse && `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
@@ -660,8 +696,8 @@ var NotificationDot = forwardRef(
 );
 NotificationDot.displayName = "NotificationDot";
 var CountBadge = forwardRef(
-  ({ value, max = 99, hideZero = true, variant = "danger", className, ...props }, ref) => {
-    if (value === 0 && hideZero) return null;
+  ({ value, max = 99, canHideZero = true, variant = "danger", className, ...props }, ref) => {
+    if (value === 0 && canHideZero) return null;
     const display = value > max ? `${max}+` : `${value}`;
     return /* @__PURE__ */ jsx(
       Badge,
@@ -690,7 +726,7 @@ var SIZE3 = {
   md: { wrapper: "gap-2 text-sm", dot: "h-2 w-2" }
 };
 var Status = forwardRef(
-  ({ tone = "success", pulse, size = "md", className, children, ...props }, ref) => {
+  ({ tone = "success", hasPulse, size = "md", className, children, ...props }, ref) => {
     const sz = SIZE3[size];
     return /* @__PURE__ */ jsxs(
       "span",
@@ -701,7 +737,7 @@ var Status = forwardRef(
         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(
+            hasPulse && /* @__PURE__ */ jsx(
               "span",
               {
                 className: cn(
@@ -857,20 +893,20 @@ var POS2 = {
   "bottom-left": "bottom-0 left-0 translate-y-1/2 -translate-x-1/2"
 };
 var BadgeOverlay = forwardRef(
-  ({ children, badge, position = "top-right", hidden, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-flex", className), ...props, children: [
+  ({ children, badge, position = "top-right", isHidden, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-flex", className), ...props, children: [
     children,
-    !hidden && /* @__PURE__ */ jsx("span", { className: cn("absolute z-raised", POS2[position]), children: badge })
+    !isHidden && /* @__PURE__ */ jsx("span", { className: cn("absolute z-raised", POS2[position]), children: badge })
   ] })
 );
 BadgeOverlay.displayName = "BadgeOverlay";
 var SectionHeader = forwardRef(
-  ({ title, description, actions, level = 2, size = "lg", bordered = true, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ({ title, description, actions, level = 2, size = "lg", isBordered = true, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "header",
     {
       ref,
       className: cn(
         "flex items-start justify-between gap-4 pb-3",
-        bordered && "border-b border-border",
+        isBordered && "border-b border-border",
         className
       ),
       ...props,
@@ -889,11 +925,11 @@ function escape(re) {
   return re.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 var Highlight = forwardRef(
-  ({ children, query, wholeWord, className, ...props }, ref) => {
+  ({ children, query, isWholeWord, className, ...props }, ref) => {
     const queries = (Array.isArray(query) ? query : [query]).filter(Boolean);
     if (queries.length === 0) return /* @__PURE__ */ jsx("span", { ref, className: cn(className), ...props, children });
     const pattern = queries.map(escape).join("|");
-    const regex = new RegExp(wholeWord ? `\\b(${pattern})\\b` : `(${pattern})`, "gi");
+    const regex = new RegExp(isWholeWord ? `\\b(${pattern})\\b` : `(${pattern})`, "gi");
     const parts = children.split(regex);
     const nodes = [];
     parts.forEach((part, i) => {
@@ -913,7 +949,7 @@ function useCollapsibleContext() {
   if (!ctx) throw new Error("Collapsible.* must be used inside <Collapsible>");
   return ctx;
 }
-var Collapsible = forwardRef(function Collapsible2({ open: openProp, defaultOpen = false, onOpenChange, disabled = false, className, children, ...rest }, ref) {
+var Collapsible = forwardRef(function Collapsible2({ open: openProp, defaultOpen = false, onOpenChange, isDisabled = false, className, children, ...rest }, ref) {
   const [open, setOpen] = useControlled({
     controlled: openProp,
     default: defaultOpen,
@@ -922,15 +958,15 @@ var Collapsible = forwardRef(function Collapsible2({ open: openProp, defaultOpen
   const contentId = useId();
   const triggerId = useId();
   const ctx = useMemo(
-    () => ({ open, setOpen, contentId, triggerId, disabled }),
-    [open, setOpen, contentId, triggerId, disabled]
+    () => ({ open, setOpen, contentId, triggerId, disabled: isDisabled }),
+    [open, setOpen, contentId, triggerId, isDisabled]
   );
   return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     "div",
     {
       ref,
       "data-state": open ? "open" : "closed",
-      "data-disabled": dataAttr(disabled),
+      "data-disabled": dataAttr(isDisabled),
       className,
       ...rest,
       children
@@ -964,9 +1000,9 @@ var CollapsibleTrigger = forwardRef(
   }
 );
 var CollapsibleContent = forwardRef(
-  function CollapsibleContent2({ forceMount, className, children, ...rest }, ref) {
+  function CollapsibleContent2({ isForceMounted, className, children, ...rest }, ref) {
     const ctx = useCollapsibleContext();
-    if (!ctx.open && !forceMount) return null;
+    if (!ctx.open && !isForceMounted) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -1000,14 +1036,14 @@ function useAccordionItemContext() {
   if (!ctx) throw new Error("Accordion.Trigger / Content must be used inside <Accordion.Item>");
   return ctx;
 }
-var Accordion = forwardRef(function Accordion2(props, ref) {
+var AccordionRoot = forwardRef(function Accordion(props, ref) {
   const {
     type = "single",
     value,
     defaultValue,
     onValueChange,
-    collapsible = false,
-    disabled = false,
+    isCollapsible = false,
+    isDisabled = false,
     className,
     children,
     ...rest
@@ -1029,24 +1065,24 @@ var Accordion = forwardRef(function Accordion2(props, ref) {
         setCurrent(arr.includes(val) ? arr.filter((v) => v !== val) : [...arr, val]);
       } else {
         if (current === val) {
-          if (collapsible) setCurrent("");
+          if (isCollapsible) setCurrent("");
         } else {
           setCurrent(val);
         }
       }
     },
-    [collapsible, current, setCurrent, type]
+    [isCollapsible, current, setCurrent, type]
   );
   const ctx = useMemo(
-    () => ({ isOpen, toggle, disabled }),
-    [isOpen, toggle, disabled]
+    () => ({ isOpen, toggle, disabled: isDisabled }),
+    [isOpen, toggle, isDisabled]
   );
   return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     RovingFocusGroup,
     {
       ref,
       orientation: "vertical",
-      loop: true,
+      canLoop: true,
       className: cn("flex flex-col", className),
       ...rest,
       children
@@ -1054,12 +1090,12 @@ var Accordion = forwardRef(function Accordion2(props, ref) {
   ) });
 });
 var AccordionItem = forwardRef(
-  function AccordionItem2({ value, disabled = false, className, children, ...rest }, ref) {
+  function AccordionItem2({ value, isDisabled = false, className, children, ...rest }, ref) {
     const accordion = useAccordionContext();
     const open = accordion.isOpen(value);
     const contentId = useId();
     const triggerId = useId();
-    const itemDisabled = disabled || accordion.disabled;
+    const itemDisabled = isDisabled || accordion.disabled;
     const itemCtx = useMemo(
       () => ({ value, open, contentId, triggerId, disabled: itemDisabled }),
       [value, open, contentId, triggerId, itemDisabled]
@@ -1145,9 +1181,11 @@ var AccordionContent = forwardRef(
     );
   }
 );
-Accordion.Item = AccordionItem;
-Accordion.Trigger = AccordionTrigger;
-Accordion.Content = AccordionContent;
+var Accordion2 = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Content: AccordionContent
+});
 var TabsContext = createContext(null);
 function useTabsContext() {
   const ctx = useContext(TabsContext);
@@ -1195,7 +1233,7 @@ var TabsList = forwardRef(function TabsList2({ className, children, ...rest }, r
     {
       ref,
       orientation: ctx.orientation,
-      loop: true,
+      canLoop: true,
       role: "tablist",
       "aria-orientation": ctx.orientation,
       "data-orientation": ctx.orientation,
@@ -1209,10 +1247,10 @@ var TabsList = forwardRef(function TabsList2({ className, children, ...rest }, r
     }
   );
 });
-var TabsTab = forwardRef(function TabsTab2({ value, disabled = false, className, onClick, onFocus, children, ...rest }, ref) {
+var TabsTab = forwardRef(function TabsTab2({ value, isDisabled = false, className, onClick, onFocus, children, ...rest }, ref) {
   const ctx = useTabsContext();
-  const roving = useRovingFocusItem();
   const selected = ctx.value === value;
+  const roving = useRovingFocusItem({ isActive: selected });
   const tabId = `${ctx.baseId}-tab-${value}`;
   const panelId = `${ctx.baseId}-panel-${value}`;
   return /* @__PURE__ */ jsx(
@@ -1229,18 +1267,18 @@ var TabsTab = forwardRef(function TabsTab2({ value, disabled = false, className,
       "aria-selected": selected,
       "aria-controls": panelId,
       "data-state": selected ? "active" : "inactive",
-      "data-disabled": dataAttr(disabled),
+      "data-disabled": dataAttr(isDisabled),
       tabIndex: roving.tabIndex,
-      disabled,
+      disabled: isDisabled,
       onClick: (e) => {
         onClick?.(e);
-        if (e.defaultPrevented || disabled) return;
+        if (e.defaultPrevented || isDisabled) return;
         ctx.setValue(value);
       },
       onFocus: (e) => {
         onFocus?.(e);
         roving.onFocus();
-        if (ctx.activationMode === "automatic" && !disabled) {
+        if (ctx.activationMode === "automatic" && !isDisabled) {
           ctx.setValue(value);
         }
       },
@@ -1308,8 +1346,8 @@ var listVariants = tv({
 var listItemVariants = tv({
   base: "flex items-start gap-3 text-sm text-foreground"
 });
-var List = forwardRef(function List2({ ordered, marker, spacing, className, children, ...rest }, ref) {
-  const Component = ordered ? "ol" : "ul";
+var List = forwardRef(function List2({ isOrdered, marker, spacing, className, children, ...rest }, ref) {
+  const Component = isOrdered ? "ol" : "ul";
   return /* @__PURE__ */ jsx(
     Component,
     {
@@ -1320,9 +1358,9 @@ var List = forwardRef(function List2({ ordered, marker, spacing, className, chil
     }
   );
 });
-var ListItem = forwardRef(function ListItem2({ leading, trailing, showCheckMarker, className, children, ...rest }, ref) {
+var ListItem = forwardRef(function ListItem2({ leading, trailing, hasCheckMarker, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs("li", { ref, className: cn(listItemVariants(), className), ...rest, children: [
-    showCheckMarker && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 shrink-0 text-primary", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
+    hasCheckMarker && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 shrink-0 text-primary", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
     leading && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
     /* @__PURE__ */ jsx("span", { className: "flex-1", children }),
     trailing && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: trailing })
@@ -1466,7 +1504,7 @@ var Tree = forwardRef(function Tree2({
     {
       ref,
       orientation: "vertical",
-      loop: true,
+      canLoop: true,
       role: "tree",
       className: cn("flex flex-col text-sm", className),
       ...rest,
@@ -1534,7 +1572,7 @@ function NodeRow({
     }
   );
 }
-var TreeGroup = forwardRef(function TreeGroup2({ value, label, disabled = false, className, children, ...rest }, ref) {
+var TreeGroup = forwardRef(function TreeGroup2({ value, label, isDisabled = false, className, children, ...rest }, ref) {
   const ctx = useTreeContext();
   const level = useTreeLevel();
   const expanded = ctx.expanded.has(value);
@@ -1554,7 +1592,7 @@ var TreeGroup = forwardRef(function TreeGroup2({ value, label, disabled = false,
             selected: false,
             expanded,
             hasChildren: true,
-            disabled,
+            disabled: isDisabled,
             onActivate: () => ctx.toggleExpanded(value),
             label
           }
@@ -1564,7 +1602,7 @@ var TreeGroup = forwardRef(function TreeGroup2({ value, label, disabled = false,
     }
   );
 });
-var TreeItem = forwardRef(function TreeItem2({ value, disabled = false, className, children, ...rest }, ref) {
+var TreeItem = forwardRef(function TreeItem2({ value, isDisabled = false, className, children, ...rest }, ref) {
   const ctx = useTreeContext();
   const level = useTreeLevel();
   const selected = ctx.selectedValue === value;
@@ -1574,7 +1612,7 @@ var TreeItem = forwardRef(function TreeItem2({ value, disabled = false, classNam
       level,
       selected,
       hasChildren: false,
-      disabled,
+      disabled: isDisabled,
       onActivate: () => ctx.setSelectedValue(value),
       label: children
     }
@@ -1583,17 +1621,36 @@ var TreeItem = forwardRef(function TreeItem2({ value, disabled = false, classNam
 Tree.Group = TreeGroup;
 Tree.Item = TreeItem;
 var TableContext = createContext({
-  striped: false,
-  hoverable: false,
+  isStriped: false,
+  isHoverable: false,
   density: "cozy"
 });
 var DENSITY_CELL = {
   compact: "px-2 py-1.5 text-sm",
   cozy: "px-3 py-2 text-sm",
-  comfortable: "px-4 py-3 text-sm"
+  comfortable: "px-4 py-3 text-sm",
+  roomy: "px-5 py-4 text-sm"
+};
+var WRAPPER_RADIUS = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl"
 };
-var Table = forwardRef(function Table2({ striped = false, hoverable = false, density = "cozy", bare = false, className, children, ...rest }, ref) {
-  const ctx = { striped, hoverable, density };
+var Table = forwardRef(function Table2({
+  isStriped = false,
+  isHoverable = false,
+  density = "cozy",
+  isBare = false,
+  radius = "md",
+  containerClassName,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const ctx = { isStriped, isHoverable, density };
   const tableEl = /* @__PURE__ */ jsx(
     "table",
     {
@@ -1603,15 +1660,29 @@ var Table = forwardRef(function Table2({ striped = false, hoverable = false, den
       children
     }
   );
-  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: bare ? tableEl : /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-x-auto rounded-md border border-border", children: tableEl }) });
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: isBare ? tableEl : /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative w-full overflow-x-auto border border-border",
+        WRAPPER_RADIUS[radius],
+        containerClassName
+      ),
+      children: tableEl
+    }
+  ) });
 });
+var HEAD_VARIANT = {
+  uppercase: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+  plain: "text-sm font-semibold text-foreground"
+};
 var TableHead = forwardRef(
-  function TableHead2({ className, ...rest }, ref) {
+  function TableHead2({ className, headVariant = "uppercase", ...rest }, ref) {
     return /* @__PURE__ */ jsx(
       "thead",
       {
         ref,
-        className: cn("border-b border-border bg-muted/50 text-xs font-semibold uppercase tracking-wide text-muted-foreground", className),
+        className: cn("border-b border-border bg-muted/50", HEAD_VARIANT[headVariant], className),
         ...rest
       }
     );
@@ -1625,8 +1696,8 @@ var TableBody = forwardRef(
       {
         ref,
         className: cn(
-          ctx.striped && "[&>tr:nth-child(even)]:bg-muted/30",
-          ctx.hoverable && "[&>tr:hover]:bg-muted",
+          ctx.isStriped && "[&>tr:nth-child(even)]:bg-muted/30",
+          ctx.isHoverable && "[&>tr:hover]:bg-muted",
           className
         ),
         ...rest
@@ -1716,10 +1787,10 @@ function DataTable({
   sortBy,
   defaultSortBy,
   onSortChange,
-  striped,
-  hoverable = !!onRowClick,
+  isStriped,
+  isHoverable = !!onRowClick,
   density,
-  bare,
+  isBare,
   emptyContent = "No results.",
   className,
   "aria-label": ariaLabel
@@ -1753,23 +1824,23 @@ function DataTable({
   return /* @__PURE__ */ jsxs(
     Table,
     {
-      striped,
-      hoverable,
+      isStriped,
+      isHoverable,
       density,
-      bare,
+      isBare,
       className,
       "aria-label": ariaLabel,
       children: [
         /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => {
           const isSorted = sort?.columnKey === col.key;
-          const ariaSort = isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : col.sortable ? "none" : void 0;
+          const ariaSort = isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : col.isSortable ? "none" : void 0;
           return /* @__PURE__ */ jsx(
             TableHeaderCell,
             {
               "aria-sort": ariaSort,
               style: col.width ? { width: col.width } : void 0,
               className: alignClass(col.align),
-              children: col.sortable ? /* @__PURE__ */ jsxs(
+              children: col.isSortable ? /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
@@ -1813,7 +1884,7 @@ var Carousel = forwardRef(function Carousel2({
   index: indexProp,
   defaultIndex = 0,
   onIndexChange,
-  loop = false,
+  canLoop = false,
   autoPlay,
   slidesCount,
   className,
@@ -1837,27 +1908,27 @@ var Carousel = forwardRef(function Carousel2({
         return;
       }
       let next2 = i;
-      if (loop) {
+      if (canLoop) {
         next2 = (i % count + count) % count;
       } else {
         next2 = Math.max(0, Math.min(count - 1, i));
       }
       setIndexState(next2);
     },
-    [count, loop, setIndexState]
+    [count, canLoop, setIndexState]
   );
   const prev = useCallback(() => setIndex(index - 1), [index, setIndex]);
   const next = useCallback(() => setIndex(index + 1), [index, setIndex]);
   useEffect(() => {
     if (!autoPlay || paused || count === 0) return;
     const handle = window.setInterval(() => {
-      setIndex(loop ? index + 1 : Math.min(count - 1, index + 1));
+      setIndex(canLoop ? index + 1 : Math.min(count - 1, index + 1));
     }, autoPlay);
     return () => window.clearInterval(handle);
-  }, [autoPlay, paused, count, index, loop, setIndex]);
+  }, [autoPlay, paused, count, index, canLoop, setIndex]);
   const ctx = useMemo(
-    () => ({ index, setIndex, count, setCount, loop, prev, next, paused, setPaused, autoPlay }),
-    [index, setIndex, count, loop, prev, next, paused, autoPlay]
+    () => ({ index, setIndex, count, setCount, loop: canLoop, prev, next, paused, setPaused, autoPlay }),
+    [index, setIndex, count, canLoop, prev, next, paused, autoPlay]
   );
   return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     "div",
@@ -2041,19 +2112,21 @@ Carousel.Prev = CarouselPrev;
 Carousel.Next = CarouselNext;
 Carousel.Dots = CarouselDots;
 Carousel.Dot = CarouselDot;
+var CLICK_SUPPRESS_SLOP = 6;
 var SwipeActions = forwardRef(
   function SwipeActions2({
     left,
     right,
     threshold = 60,
     actionWidth = 72,
-    disabled,
+    isDisabled,
     className,
     children,
     ...rest
   }, 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);
@@ -2061,13 +2134,17 @@ var SwipeActions = forwardRef(
     const leftMax = leftSlots * actionWidth;
     const rightMax = rightSlots * actionWidth;
     const onPointerDown = (e) => {
-      if (disabled) return;
+      if (isDisabled) 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 (isDisabled || 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);
@@ -2091,6 +2168,13 @@ var SwipeActions = forwardRef(
       setOffset(0);
       setOpenSide(null);
     };
+    const onClick = () => {
+      if (suppressClickRef.current) {
+        suppressClickRef.current = false;
+        return;
+      }
+      if (openSide) close();
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2126,7 +2210,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",
@@ -2146,7 +2230,7 @@ function countNodes(node) {
   if (Array.isArray(node)) return node.length;
   return 1;
 }
-var DiffViewer = forwardRef(function DiffViewer2({ left, right, view = "split", leftLabel = "Before", rightLabel = "After", showStats = true, className, ...rest }, ref) {
+var DiffViewer = forwardRef(function DiffViewer2({ left, right, view = "split", leftLabel = "Before", rightLabel = "After", hasStats = true, className, ...rest }, ref) {
   const rows = useMemo(() => computeDiff(left, right), [left, right]);
   const stats = useMemo(() => {
     let added = 0;
@@ -2167,7 +2251,7 @@ var DiffViewer = forwardRef(function DiffViewer2({ left, right, view = "split",
       ),
       ...rest,
       children: [
-        showStats && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-muted/40 px-3 py-1.5 text-xs", children: [
+        hasStats && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-muted/40 px-3 py-1.5 text-xs", children: [
           /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
             leftLabel,
             " \u2192 ",
@@ -2309,7 +2393,7 @@ var Sparkline = forwardRef(function Sparkline2({
   tone = "brand",
   min: minProp,
   max: maxProp,
-  showLast,
+  hasLast,
   ariaLabel = "Trend",
   className,
   ...rest
@@ -2367,7 +2451,7 @@ var Sparkline = forwardRef(function Sparkline2({
           i
         )) }),
         variant === "dot" && /* @__PURE__ */ jsx("g", { children: points.map(([x, y], i) => /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: 1.5, fill: "currentColor" }, i)) }),
-        showLast && data.length > 0 && variant !== "dot" && /* @__PURE__ */ jsx("circle", { cx: lastX, cy: lastY, r: 2.5, fill: "currentColor" })
+        hasLast && data.length > 0 && variant !== "dot" && /* @__PURE__ */ jsx("circle", { cx: lastX, cy: lastY, r: 2.5, fill: "currentColor" })
       ]
     }
   );
@@ -2399,7 +2483,7 @@ var HeatmapCalendar = forwardRef(
     onCellClick,
     monthLabels = DEFAULT_MONTHS,
     weekdayLabels = DEFAULT_WEEKDAYS,
-    showLegend = true,
+    hasLegend = true,
     className,
     ...rest
   }, ref) {
@@ -2440,10 +2524,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);
@@ -2487,12 +2577,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"
               )
             },
@@ -2500,7 +2590,7 @@ var HeatmapCalendar = forwardRef(
           );
         }) }, colIdx)) })
       ] }),
-      showLegend && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-end gap-1.5 text-[10px] text-muted-foreground", children: [
+      hasLegend && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-end gap-1.5 text-[10px] text-muted-foreground", children: [
         /* @__PURE__ */ jsx("span", { children: "Less" }),
         toneSteps.map((cls, i) => /* @__PURE__ */ jsx(
           "span",
@@ -2525,19 +2615,25 @@ function castValue(raw, type) {
   return raw;
 }
 var DataGrid = forwardRef(
-  function DataGrid2({ columns, rows, rowKey, onRowChange, dense, className, ...rest }, ref) {
+  function DataGrid2({ columns, rows, rowKey, onRowChange, isDense, className, ...rest }, ref) {
     const [active, setActive] = useState({ row: 0, col: 0 });
     const [editing, setEditing] = useState(false);
     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;
@@ -2545,20 +2641,20 @@ var DataGrid = forwardRef(
       const col = columns[active.col];
       const row = rows[active.row];
       if (!col || row === void 0) return;
-      if (col.editable === false) return;
+      if (col.isEditable === false) return;
       const raw = col.accessor(row);
       setDraft(raw == null ? "" : String(raw));
       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) }));
@@ -2615,7 +2711,7 @@ var DataGrid = forwardRef(
           break;
       }
     };
-    const cellPad = dense ? "px-2 py-1" : "px-3 py-2";
+    const cellPad = isDense ? "px-2 py-1" : "px-3 py-2";
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -2628,6 +2724,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",
@@ -2653,11 +2750,12 @@ var DataGrid = forwardRef(
           /* @__PURE__ */ jsx("tbody", { role: "rowgroup", children: rows.map((row, ri) => /* @__PURE__ */ jsx("tr", { role: "row", "aria-rowindex": ri + 2, className: "border-b border-border last:border-b-0", children: columns.map((col, ci) => {
             const isActive = active.row === ri && active.col === ci;
             const value = col.accessor(row);
-            const isEditable = col.editable !== false;
+            const isEditable = col.isEditable !== false;
             const isEditing = editing && isActive;
             return /* @__PURE__ */ jsx(
               "td",
               {
+                id: cellId(ri, ci),
                 role: "gridcell",
                 "aria-colindex": ci + 1,
                 "aria-readonly": !isEditable || void 0,
@@ -2715,7 +2813,7 @@ var CellEditor = forwardRef(
           value,
           onChange: (e) => {
             onChange(e.target.value);
-            onCommit("down");
+            onCommit("down", e.target.value);
           },
           onBlur: () => onCommit(),
           onKeyDown: (e) => {
@@ -2737,7 +2835,7 @@ var CellEditor = forwardRef(
           value,
           onChange: (e) => {
             onChange(e.target.value);
-            onCommit("down");
+            onCommit("down", e.target.value);
           },
           onBlur: () => onCommit(),
           onKeyDown: (e) => {
@@ -2822,11 +2920,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;
@@ -2839,9 +2938,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 = {
@@ -2889,7 +2989,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
@@ -3019,7 +3118,7 @@ var AudioWaveform = forwardRef(
     gap = 1,
     tone = "brand",
     onSeek,
-    interactive,
+    isInteractive,
     className,
     ...rest
   }, ref) {
@@ -3027,7 +3126,7 @@ var AudioWaveform = forwardRef(
     const barCount = Math.max(1, Math.floor(width / stepX));
     const sampled = useMemo(() => sampleTo(peaks, barCount), [peaks, barCount]);
     const playedBars = Math.round(progress * barCount);
-    const isInteractive = interactive ?? onSeek != null;
+    const resolvedInteractive = isInteractive ?? onSeek != null;
     const seekFromX = (clientX, rect) => {
       const x = Math.max(0, Math.min(rect.width, clientX - rect.left));
       onSeek?.(x / rect.width);
@@ -3057,24 +3156,24 @@ var AudioWaveform = forwardRef(
           if (typeof ref === "function") ref(el);
           else if (ref) ref.current = el;
         },
-        role: isInteractive ? "slider" : "img",
+        role: resolvedInteractive ? "slider" : "img",
         "aria-label": "Audio waveform",
         "aria-valuenow": Math.round(progress * 100),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
-        tabIndex: isInteractive ? 0 : -1,
+        tabIndex: resolvedInteractive ? 0 : -1,
         width,
         height,
         viewBox: `0 0 ${width} ${height}`,
         preserveAspectRatio: "none",
-        onClick: isInteractive ? (e) => {
+        onClick: resolvedInteractive ? (e) => {
           const rect = svgRef.current?.getBoundingClientRect();
           if (rect) seekFromX(e.clientX, rect);
         } : void 0,
         onKeyDown: handleKey,
         className: cn(
           "inline-block",
-          isInteractive && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+          resolvedInteractive && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
           TONE_CLASS2[tone],
           className
         ),
@@ -3136,7 +3235,7 @@ var AudioPlayer = forwardRef(
     loop,
     defaultVolume = 1,
     defaultPlaybackRate = 1,
-    compact,
+    isCompact,
     onPlay,
     onPause,
     onTimeUpdate,
@@ -3181,6 +3280,7 @@ var AudioPlayer = forwardRef(
       [duration, seekTo]
     );
     const handleKey = (e) => {
+      if (e.target !== e.currentTarget) return;
       switch (e.key) {
         case " ":
         case "Spacebar":
@@ -3221,7 +3321,7 @@ var AudioPlayer = forwardRef(
         "data-playing": playing || void 0,
         className: cn(
           "flex items-center gap-3 rounded-md border border-border bg-card p-2 text-card-foreground shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          compact && "gap-2 p-1.5",
+          isCompact && "gap-2 p-1.5",
           className
         ),
         children: [
@@ -3265,9 +3365,9 @@ var AudioPlayer = forwardRef(
               onClick: togglePlay,
               className: cn(
                 "inline-flex shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                compact ? "h-7 w-7" : "h-9 w-9"
+                isCompact ? "h-7 w-7" : "h-9 w-9"
               ),
-              children: /* @__PURE__ */ jsx(Icon, { icon: playing ? Pause : Play, size: compact ? 12 : 14 })
+              children: /* @__PURE__ */ jsx(Icon, { icon: playing ? Pause : Play, size: isCompact ? 12 : 14 })
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", style: { minWidth: "3.5rem" }, children: formatTime(currentTime) }),
@@ -3277,8 +3377,8 @@ var AudioPlayer = forwardRef(
               peaks,
               progress,
               onSeek: seekProgress,
-              width: compact ? 200 : 320,
-              height: compact ? 32 : 40
+              width: isCompact ? 200 : 320,
+              height: isCompact ? 32 : 40
             }
           ) : /* @__PURE__ */ jsx(
             "input",
@@ -3345,6 +3445,11 @@ var VideoPlayer = forwardRef(
     muted: mutedProp,
     defaultVolume = 1,
     defaultPlaybackRate = 1,
+    onPlay,
+    onPause,
+    onTimeUpdate,
+    onLoadedMetadata,
+    onClick,
     className,
     ...rest
   }, forwardedRef) {
@@ -3428,6 +3533,7 @@ var VideoPlayer = forwardRef(
       };
     }, [playing, bumpControls]);
     const handleKey = (e) => {
+      if (e.target !== e.currentTarget) return;
       switch (e.key) {
         case " ":
         case "Spacebar":
@@ -3494,20 +3600,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",
                 {
@@ -3642,7 +3748,7 @@ var PDFViewer = forwardRef(function PDFViewer2({
   onZoomChange,
   pageCount,
   title = "PDF document",
-  download = true,
+  canDownload = true,
   height = "70vh",
   className,
   ...rest
@@ -3737,7 +3843,7 @@ var PDFViewer = forwardRef(function PDFViewer2({
               children: /* @__PURE__ */ jsx(Icon, { icon: ZoomIn, size: 14 })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: download && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: canDownload && /* @__PURE__ */ jsx(
             "a",
             {
               href: src,
@@ -3920,7 +4026,7 @@ var Gantt = forwardRef(function Gantt2({
   cellWidth = 40,
   rowHeight = 36,
   labelWidth = 200,
-  showWeekends = true,
+  hasWeekends = true,
   onTaskClick,
   className,
   ...rest
@@ -3975,7 +4081,7 @@ var Gantt = forwardRef(function Gantt2({
                 {
                   className: cn(
                     "border-r border-border text-[10px] tabular-nums",
-                    isWeekend && showWeekends && "bg-muted/40",
+                    isWeekend && hasWeekends && "bg-muted/40",
                     isFirstOfMonth && "border-l-2 border-l-border-strong"
                   ),
                   style: { width: cellWidth },
@@ -4007,7 +4113,7 @@ var Gantt = forwardRef(function Gantt2({
                           style: { width: cellWidth },
                           className: cn(
                             "border-r border-border/60",
-                            isWeekend && showWeekends && "bg-muted/30"
+                            isWeekend && hasWeekends && "bg-muted/30"
                           )
                         },
                         i
@@ -4298,12 +4404,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(
@@ -4356,7 +4465,7 @@ function MonthView({ date, events, weekStart, onEventClick, onSlotClick }) {
                   ),
                   "aria-label": `${typeof e.title === "string" ? e.title : e.id} at ${e.start.toLocaleTimeString()}`,
                   children: [
-                    e.allDay ? "\u2022 " : "",
+                    e.isAllDay ? "\u2022 " : "",
                     e.title ?? "(no title)"
                   ]
                 },
@@ -4380,8 +4489,8 @@ function TimeGridView({ events, days, firstDay, hourRange, onEventClick, onSlotC
   const visibleHours = endHour - startHour;
   const HOUR_PX = 48;
   const dayDates = Array.from({ length: days }, (_, i) => addDays(firstDay, i));
-  const eventsForDay = (d) => events.filter((e) => !e.allDay && isSameDay(d, e.start));
-  const allDayForDay = (d) => events.filter((e) => e.allDay && isInRange(d, e.start, e.end));
+  const eventsForDay = (d) => events.filter((e) => !e.isAllDay && isSameDay(d, e.start));
+  const allDayForDay = (d) => events.filter((e) => e.isAllDay && isInRange(d, e.start, e.end));
   return /* @__PURE__ */ jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ jsxs("div", { className: "w-14 shrink-0 border-r border-border", children: [
       /* @__PURE__ */ jsx("div", { className: "h-6 border-b border-border bg-muted/40" }),
@@ -4562,7 +4671,7 @@ function AgendaView({ date, events, onEventClick }) {
             ),
             /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
               /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: e.title ?? "(no title)" }),
-              /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground tabular-nums", children: e.allDay ? "All day" : `${e.start.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} \u2013 ${e.end.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}` })
+              /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground tabular-nums", children: e.isAllDay ? "All day" : `${e.start.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} \u2013 ${e.end.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}` })
             ] })
           ]
         }
@@ -4586,7 +4695,7 @@ var GradientText = forwardRef(
     via,
     to = "var(--color-accent, var(--color-primary))",
     direction = "r",
-    animated,
+    isAnimated,
     as = "span",
     className,
     style,
@@ -4601,12 +4710,12 @@ var GradientText = forwardRef(
         ref,
         className: cn(
           "inline-block bg-clip-text text-transparent",
-          animated && "motion-safe:animate-[gradient-shift_4s_ease-in-out_infinite]",
+          isAnimated && "motion-safe:animate-[gradient-shift_4s_ease-in-out_infinite]",
           className
         ),
         style: {
           backgroundImage: `linear-gradient(${DIR_TO_DEG[direction]}deg, ${stops})`,
-          backgroundSize: animated ? "200% 100%" : void 0,
+          backgroundSize: isAnimated ? "200% 100%" : void 0,
           ...style
         },
         ...rest,
@@ -4627,12 +4736,12 @@ var CountUp = forwardRef(function CountUp2({
   duration = 1500,
   easing = easeOutCubic,
   format = defaultFormat,
-  triggerOnView = false,
+  canTriggerOnView = false,
   as = "span",
   className,
   ...rest
 }, ref) {
-  const [value, setValue] = useState(triggerOnView ? from : to);
+  const [value, setValue] = useState(canTriggerOnView ? from : to);
   const elRef = useRef(null);
   const startedRef = useRef(false);
   useEffect(() => {
@@ -4640,22 +4749,26 @@ var CountUp = forwardRef(function CountUp2({
       setValue(to);
       return;
     }
-    if (triggerOnView && typeof IntersectionObserver !== "undefined" && elRef.current) {
+    if (canTriggerOnView && 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;
@@ -4668,7 +4781,7 @@ var CountUp = forwardRef(function CountUp2({
       raf = requestAnimationFrame(tick);
       return () => cancelAnimationFrame(raf);
     }
-  }, [to, from, duration, easing, triggerOnView]);
+  }, [to, from, duration, easing, canTriggerOnView]);
   const Tag = as;
   return /* @__PURE__ */ jsx(
     Tag,
@@ -4716,10 +4829,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);
@@ -4750,7 +4863,7 @@ var ScrollReveal = forwardRef(
     duration = 600,
     delay = 0,
     threshold = 0.1,
-    once = true,
+    isOnce = true,
     as = "div",
     className,
     style,
@@ -4775,8 +4888,8 @@ var ScrollReveal = forwardRef(
           for (const entry of entries) {
             if (entry.isIntersecting) {
               setRevealed(true);
-              if (once) obs.disconnect();
-            } else if (!once) {
+              if (isOnce) obs.disconnect();
+            } else if (!isOnce) {
               setRevealed(false);
             }
           }
@@ -4785,7 +4898,7 @@ var ScrollReveal = forwardRef(
       );
       obs.observe(el);
       return () => obs.disconnect();
-    }, [reduced, threshold, once]);
+    }, [reduced, threshold, isOnce]);
     const Tag = as;
     return /* @__PURE__ */ jsx(
       Tag,
@@ -4812,7 +4925,7 @@ var ScrollReveal = forwardRef(
 var Tilt = forwardRef(function Tilt2({
   maxAngle = 12,
   perspective = 800,
-  glare,
+  hasGlare,
   scale = 1,
   as = "div",
   className,
@@ -4869,7 +4982,7 @@ var Tilt = forwardRef(function Tilt2({
       ...rest,
       children: [
         children,
-        glare && !reduced && tilt.active && /* @__PURE__ */ jsx(
+        hasGlare && !reduced && tilt.active && /* @__PURE__ */ jsx(
           "span",
           {
             "aria-hidden": "true",
@@ -4883,10 +4996,11 @@ var Tilt = forwardRef(function Tilt2({
     }
   );
 });
-var Marquee = forwardRef(function Marquee2({ direction = "left", speed = 30, pauseOnHover = true, gap = 48, className, children, ...rest }, ref) {
+var Marquee = forwardRef(function Marquee2({ direction = "left", speed = 30, canPauseOnHover = true, gap = 48, className, children, ...rest }, ref) {
   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",
     {
@@ -4900,25 +5014,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",
-            pauseOnHover && "group-hover/marquee:[animation-play-state:paused]"
+            "flex shrink-0",
+            horizontal ? "items-center" : "flex-col items-center",
+            canPauseOnHover && "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
+          ))
+        }
+      )
     }
   );
 });
@@ -4927,15 +5052,15 @@ var Typewriter = forwardRef(function Typewriter2({
   typeSpeed = 60,
   deleteSpeed = 40,
   pauseBetween = 1500,
-  loop,
-  cursor = true,
+  canLoop,
+  hasCursor = true,
   cursorChar = "\u2502",
   as = "span",
   className,
   ...rest
 }, ref) {
   const phrases = useMemo(() => Array.isArray(text) ? text : [text], [text]);
-  const shouldLoop = loop ?? phrases.length > 1;
+  const shouldLoop = canLoop ?? phrases.length > 1;
   const reduced = typeof window !== "undefined" && (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false);
   const [phraseIndex, setPhraseIndex] = useState(0);
   const [charIndex, setCharIndex] = useState(0);
@@ -4967,7 +5092,7 @@ var Typewriter = forwardRef(function Typewriter2({
   const Tag = as;
   return /* @__PURE__ */ jsxs(Tag, { ref, className: cn("inline-block", className), ...rest, children: [
     fullText,
-    cursor && !reduced && /* @__PURE__ */ jsx(
+    hasCursor && !reduced && /* @__PURE__ */ jsx(
       "span",
       {
         "aria-hidden": "true",
@@ -4987,7 +5112,7 @@ var Confetti = forwardRef(function Confetti2({
   velocity = 500,
   lifetime = 3e3,
   origin,
-  autoFire
+  canAutoFire
 }, forwardedRef) {
   const [particles, setParticles] = useState([]);
   const rafRef = useRef(null);
@@ -5030,8 +5155,8 @@ var Confetti = forwardRef(function Confetti2({
   );
   useImperativeHandle(forwardedRef, () => ({ fire: spawn }), [spawn]);
   useEffect(() => {
-    if (autoFire) spawn();
-  }, [autoFire, spawn]);
+    if (canAutoFire) spawn();
+  }, [canAutoFire, spawn]);
   useEffect(() => {
     if (particles.length === 0) return;
     const tick = (now) => {
@@ -5095,8 +5220,8 @@ var TONE_PIN = {
   resolved: "bg-muted-foreground text-background"
 };
 var AnnotationMarker = forwardRef(
-  ({ children, index, tone = "comment", pinOnly, resolved, active, className, ...props }, ref) => {
-    const effectiveTone = resolved ? "resolved" : tone;
+  ({ children, index, tone = "comment", isPinOnly, isResolved, isActive, className, ...props }, ref) => {
+    const effectiveTone = isResolved ? "resolved" : tone;
     const pin = /* @__PURE__ */ jsx(
       "span",
       {
@@ -5108,17 +5233,17 @@ var AnnotationMarker = forwardRef(
         children: index ?? ""
       }
     );
-    if (pinOnly || children == null) {
+    if (isPinOnly || children == null) {
       return /* @__PURE__ */ jsx(
         "button",
         {
           ref,
           type: "button",
           "data-tone": effectiveTone,
-          "data-active": active ? "" : void 0,
+          "data-active": isActive ? "" : void 0,
           className: cn(
             "inline-flex items-center gap-1 align-middle rounded-full ring-1 ring-transparent transition-shadow",
-            active && "ring-ring",
+            isActive && "ring-ring",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             className
           ),
@@ -5133,14 +5258,14 @@ var AnnotationMarker = forwardRef(
         ref,
         type: "button",
         "data-tone": effectiveTone,
-        "data-active": active ? "" : void 0,
+        "data-active": isActive ? "" : void 0,
         className: cn(
           "group inline-flex items-baseline gap-1 align-baseline rounded-sm px-0.5 transition-colors",
           "underline decoration-2 underline-offset-4",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           TONE_HIGHLIGHT[effectiveTone],
-          resolved && "line-through opacity-70",
-          active && "ring-1 ring-ring",
+          isResolved && "line-through opacity-70",
+          isActive && "ring-1 ring-ring",
           className
         ),
         ...props,
@@ -5153,16 +5278,16 @@ var AnnotationMarker = forwardRef(
   }
 );
 AnnotationMarker.displayName = "AnnotationMarker";
-function ReactionChip({ reactedByMe, className, ...rest }) {
+function ReactionChip({ isReactedByMe, className, ...rest }) {
   return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
-      "data-active": reactedByMe ? "" : void 0,
+      "data-active": isReactedByMe ? "" : void 0,
       className: cn(
         "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs leading-none transition-colors",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        reactedByMe ? "border-primary bg-primary-soft text-primary-soft-foreground" : "border-border bg-background hover:bg-muted",
+        isReactedByMe ? "border-primary bg-primary-soft text-primary-soft-foreground" : "border-border bg-background hover:bg-muted",
         className
       ),
       ...rest
@@ -5174,13 +5299,13 @@ var ReactionBar = forwardRef(
     reactions,
     onReact,
     onAdd,
-    hideAddButton,
-    compact,
-    hideEmpty = true,
+    hasAddButton = true,
+    isCompact,
+    hasEmpty = false,
     className,
     ...props
   }, ref) => {
-    const visible = hideEmpty ? reactions.filter((r) => r.count > 0) : reactions;
+    const visible = hasEmpty ? reactions : reactions.filter((r) => r.count > 0);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -5193,17 +5318,17 @@ var ReactionBar = forwardRef(
           visible.map((r) => /* @__PURE__ */ jsxs(
             ReactionChip,
             {
-              reactedByMe: r.reactedByMe,
+              isReactedByMe: r.isReactedByMe,
               title: r.users?.length ? r.users.join(", ") : void 0,
               onClick: () => onReact?.(r.key),
               children: [
                 /* @__PURE__ */ jsx("span", { className: "text-sm leading-none", children: r.emoji }),
-                !compact && /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: r.count })
+                !isCompact && /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: r.count })
               ]
             },
             r.key
           )),
-          !hideAddButton && onAdd && /* @__PURE__ */ jsx(
+          hasAddButton && onAdd && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -5244,8 +5369,8 @@ var ChatBubble = forwardRef(
     author,
     timestamp,
     status,
-    showStatusOnStart,
-    tailless,
+    canShowStatusOnStart,
+    isTailless,
     footer,
     children,
     className,
@@ -5254,7 +5379,7 @@ var ChatBubble = forwardRef(
     const isEnd = side === "end";
     const effectiveTone = tone ?? (isEnd ? "primary" : "default");
     const isSystem = effectiveTone === "system";
-    const showStatus = !!status && (isEnd || showStatusOnStart);
+    const showStatus = !!status && (isEnd || canShowStatusOnStart);
     if (isSystem) {
       return /* @__PURE__ */ jsx(
         "div",
@@ -5295,7 +5420,7 @@ var ChatBubble = forwardRef(
                     className: cn(
                       "relative inline-block px-3 py-2 text-sm break-words",
                       TONE_BASE[effectiveTone],
-                      tailless ? "rounded-2xl" : isEnd ? "rounded-2xl rounded-br-sm" : "rounded-2xl rounded-bl-sm"
+                      isTailless ? "rounded-2xl" : isEnd ? "rounded-2xl rounded-br-sm" : "rounded-2xl rounded-bl-sm"
                     ),
                     children
                   }
@@ -5344,15 +5469,16 @@ var MessageListInner = forwardRef(
   ({
     header,
     footer,
-    stickToBottom = true,
+    isSticky = true,
     bottomThreshold = 32,
-    showJumpToBottom = true,
-    reverse: _reverse,
+    hasJumpToBottom = true,
+    isReversed: _isReversed,
     children,
     className,
     ...props
   }, ref) => {
     const scrollerRef = useRef(null);
+    const nearBottomRef = useRef(true);
     const [atBottom, setAtBottom] = useState(true);
     const isNearBottom = useCallback(() => {
       const el = scrollerRef.current;
@@ -5370,12 +5496,15 @@ var MessageListInner = forwardRef(
       [scrollToBottom, isNearBottom]
     );
     useLayoutEffect(() => {
-      if (stickToBottom && isNearBottom()) scrollToBottom("auto");
-    }, [children, stickToBottom, isNearBottom, scrollToBottom]);
+      if (isSticky && nearBottomRef.current) scrollToBottom("auto");
+    }, [children, isSticky, 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);
@@ -5394,7 +5523,7 @@ var MessageListInner = forwardRef(
         }
       ),
       footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border px-3 py-2", children: footer }),
-      showJumpToBottom && !atBottom && /* @__PURE__ */ jsx(
+      hasJumpToBottom && !atBottom && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -5423,7 +5552,7 @@ var ThreadView = forwardRef(
     children,
     composer,
     onClose,
-    hideCloseButton,
+    hasCloseButton = true,
     className,
     ...props
   }, ref) => {
@@ -5446,7 +5575,7 @@ var ThreadView = forwardRef(
               /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: title }),
               subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: subtitle })
             ] }),
-            !hideCloseButton && onClose && /* @__PURE__ */ jsx(
+            hasCloseButton && onClose && /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -5496,7 +5625,7 @@ var Comment = forwardRef(
     actions,
     replies,
     defaultCollapsed = false,
-    highlighted,
+    isHighlighted,
     className,
     ...props
   }, ref) => {
@@ -5509,10 +5638,10 @@ var Comment = forwardRef(
         ref,
         role: "treeitem",
         "aria-expanded": hasReplies ? !collapsed : void 0,
-        "data-highlighted": highlighted ? "" : void 0,
+        "data-highlighted": isHighlighted ? "" : void 0,
         className: cn(
           "flex gap-2 rounded-md",
-          highlighted && "bg-primary-soft/30 ring-1 ring-primary/20 p-2",
+          isHighlighted && "bg-primary-soft/30 ring-1 ring-primary/20 p-2",
           className
         ),
         ...props,
@@ -5594,12 +5723,12 @@ Comment.displayName = "CommentThread.Comment";
 var CommentThread = CommentThreadInner;
 CommentThread.Comment = Comment;
 var ActivityFeedInner = forwardRef(
-  ({ dense, children, className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ isDense, children, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "ol",
     {
       ref,
-      className: cn("flex list-none flex-col", dense ? "gap-3" : "gap-5", className),
-      "data-dense": dense ? "" : void 0,
+      className: cn("flex list-none flex-col", isDense ? "gap-3" : "gap-5", className),
+      "data-dense": isDense ? "" : void 0,
       ...props,
       children
     }
@@ -5607,17 +5736,17 @@ var ActivityFeedInner = forwardRef(
 );
 ActivityFeedInner.displayName = "ActivityFeed";
 var ActivityItem = forwardRef(
-  ({ avatar, children, timestamp, preview, actions, last, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ({ avatar, children, timestamp, preview, actions, isLast, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "li",
     {
       ref,
       className: cn("relative flex gap-3", className),
-      "data-last": last ? "" : void 0,
+      "data-last": isLast ? "" : void 0,
       ...props,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
           /* @__PURE__ */ jsx("div", { className: "z-raised shrink-0", children: avatar }),
-          !last && /* @__PURE__ */ jsx(
+          !isLast && /* @__PURE__ */ jsx(
             "span",
             {
               "aria-hidden": "true",
@@ -5641,6 +5770,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, 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-PGU27Z2H.js.map
-//# sourceMappingURL=chunk-PGU27Z2H.js.map
+export { Accordion2 as 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-Y5GS4CLT.js.map
+//# sourceMappingURL=chunk-Y5GS4CLT.js.map