@wow-two-beta/ui 0.0.57 → 0.0.58

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

@@ -1,9 +1,9 @@
-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 { 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-XDP6GEBA.js';
-import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-UI4RT5JF.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';
@@ -89,10 +89,10 @@ var textVariants = tv({
       right: "text-right",
       justify: "text-justify"
     },
-    truncate: {
+    isTruncated: {
       true: "truncate"
     },
-    tabular: {
+    isTabular: {
       true: "tabular-nums"
     }
   },
@@ -103,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
     }
   )
@@ -266,7 +266,7 @@ var Avatar = forwardRef(
     name = "",
     fallback,
     alt,
-    autoColor,
+    canAutoColor,
     tone,
     bgStyle,
     ring,
@@ -286,7 +286,7 @@ var Avatar = forwardRef(
       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",
@@ -345,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",
@@ -468,7 +468,7 @@ function Tooltip({
   open: openProp,
   defaultOpen = false,
   onOpenChange,
-  disabled
+  isDisabled
 }) {
   const [open, setOpen] = useControlled({
     controlled: openProp,
@@ -504,7 +504,7 @@ function Tooltip({
     clear();
     setOpen(false);
   }, open);
-  const visible = !disabled && open && !!content;
+  const visible = !isDisabled && open && !!content;
   if (!isValidElement(children)) return children;
   const trigger = children;
   const cloned = cloneElement(trigger, {
@@ -676,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,
@@ -686,7 +686,7 @@ var NotificationDot = forwardRef(
         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]}`,
+        hasPulse && `relative after:absolute after:inset-0 after:animate-ping after:rounded-full after:opacity-75 after:content-[""] ${PULSE_TONE[tone]}`,
         position && POS[position],
         className
       ),
@@ -696,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,
@@ -726,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",
@@ -737,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(
@@ -893,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,
@@ -925,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) => {
@@ -949,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,
@@ -958,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
@@ -1000,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",
       {
@@ -1036,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
@@ -1065,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
@@ -1090,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]
@@ -1181,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);
@@ -1231,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,
@@ -1245,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 selected = ctx.value === value;
-  const roving = useRovingFocusItem({ active: selected });
+  const roving = useRovingFocusItem({ isActive: selected });
   const tabId = `${ctx.baseId}-tab-${value}`;
   const panelId = `${ctx.baseId}-panel-${value}`;
   return /* @__PURE__ */ jsx(
@@ -1265,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);
         }
       },
@@ -1344,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,
     {
@@ -1356,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 })
@@ -1502,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,
@@ -1570,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);
@@ -1590,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
           }
@@ -1600,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;
@@ -1610,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
     }
@@ -1619,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",
     {
@@ -1639,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
       }
     );
@@ -1661,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
@@ -1752,10 +1787,10 @@ function DataTable({
   sortBy,
   defaultSortBy,
   onSortChange,
-  striped,
-  hoverable = !!onRowClick,
+  isStriped,
+  isHoverable = !!onRowClick,
   density,
-  bare,
+  isBare,
   emptyContent = "No results.",
   className,
   "aria-label": ariaLabel
@@ -1789,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",
@@ -1849,7 +1884,7 @@ var Carousel = forwardRef(function Carousel2({
   index: indexProp,
   defaultIndex = 0,
   onIndexChange,
-  loop = false,
+  canLoop = false,
   autoPlay,
   slidesCount,
   className,
@@ -1873,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",
@@ -2084,7 +2119,7 @@ var SwipeActions = forwardRef(
     right,
     threshold = 60,
     actionWidth = 72,
-    disabled,
+    isDisabled,
     className,
     children,
     ...rest
@@ -2099,14 +2134,14 @@ 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;
       }
@@ -2195,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;
@@ -2216,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 ",
@@ -2358,7 +2393,7 @@ var Sparkline = forwardRef(function Sparkline2({
   tone = "brand",
   min: minProp,
   max: maxProp,
-  showLast,
+  hasLast,
   ariaLabel = "Trend",
   className,
   ...rest
@@ -2416,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" })
       ]
     }
   );
@@ -2448,7 +2483,7 @@ var HeatmapCalendar = forwardRef(
     onCellClick,
     monthLabels = DEFAULT_MONTHS,
     weekdayLabels = DEFAULT_WEEKDAYS,
-    showLegend = true,
+    hasLegend = true,
     className,
     ...rest
   }, ref) {
@@ -2555,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",
@@ -2580,7 +2615,7 @@ 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("");
@@ -2606,7 +2641,7 @@ 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);
@@ -2676,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",
       {
@@ -2715,7 +2750,7 @@ 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",
@@ -3083,7 +3118,7 @@ var AudioWaveform = forwardRef(
     gap = 1,
     tone = "brand",
     onSeek,
-    interactive,
+    isInteractive,
     className,
     ...rest
   }, ref) {
@@ -3091,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);
@@ -3121,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
         ),
@@ -3200,7 +3235,7 @@ var AudioPlayer = forwardRef(
     loop,
     defaultVolume = 1,
     defaultPlaybackRate = 1,
-    compact,
+    isCompact,
     onPlay,
     onPause,
     onTimeUpdate,
@@ -3286,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: [
@@ -3330,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) }),
@@ -3342,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",
@@ -3713,7 +3748,7 @@ var PDFViewer = forwardRef(function PDFViewer2({
   onZoomChange,
   pageCount,
   title = "PDF document",
-  download = true,
+  canDownload = true,
   height = "70vh",
   className,
   ...rest
@@ -3808,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,
@@ -3991,7 +4026,7 @@ var Gantt = forwardRef(function Gantt2({
   cellWidth = 40,
   rowHeight = 36,
   labelWidth = 200,
-  showWeekends = true,
+  hasWeekends = true,
   onTaskClick,
   className,
   ...rest
@@ -4046,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 },
@@ -4078,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
@@ -4430,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)"
                   ]
                 },
@@ -4454,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" }),
@@ -4636,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" })}` })
             ] })
           ]
         }
@@ -4660,7 +4695,7 @@ var GradientText = forwardRef(
     via,
     to = "var(--color-accent, var(--color-primary))",
     direction = "r",
-    animated,
+    isAnimated,
     as = "span",
     className,
     style,
@@ -4675,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,
@@ -4701,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(() => {
@@ -4714,7 +4749,7 @@ 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) => {
@@ -4746,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,
@@ -4828,7 +4863,7 @@ var ScrollReveal = forwardRef(
     duration = 600,
     delay = 0,
     threshold = 0.1,
-    once = true,
+    isOnce = true,
     as = "div",
     className,
     style,
@@ -4853,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);
             }
           }
@@ -4863,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,
@@ -4890,7 +4925,7 @@ var ScrollReveal = forwardRef(
 var Tilt = forwardRef(function Tilt2({
   maxAngle = 12,
   perspective = 800,
-  glare,
+  hasGlare,
   scale = 1,
   as = "div",
   className,
@@ -4947,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",
@@ -4961,7 +4996,7 @@ 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";
@@ -4985,7 +5020,7 @@ var Marquee = forwardRef(function Marquee2({ direction = "left", speed = 30, pau
           className: cn(
             "flex shrink-0",
             horizontal ? "items-center" : "flex-col items-center",
-            pauseOnHover && "group-hover/marquee:[animation-play-state:paused]"
+            canPauseOnHover && "group-hover/marquee:[animation-play-state:paused]"
           ),
           style: {
             animation: reducedMotion ? void 0 : `${animationName} ${speed}s linear infinite ${reverse ? "reverse" : "normal"}`
@@ -5017,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);
@@ -5057,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",
@@ -5077,7 +5112,7 @@ var Confetti = forwardRef(function Confetti2({
   velocity = 500,
   lifetime = 3e3,
   origin,
-  autoFire
+  canAutoFire
 }, forwardedRef) {
   const [particles, setParticles] = useState([]);
   const rafRef = useRef(null);
@@ -5120,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) => {
@@ -5185,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",
       {
@@ -5198,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
           ),
@@ -5223,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,
@@ -5243,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
@@ -5264,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",
       {
@@ -5283,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",
@@ -5334,8 +5369,8 @@ var ChatBubble = forwardRef(
     author,
     timestamp,
     status,
-    showStatusOnStart,
-    tailless,
+    canShowStatusOnStart,
+    isTailless,
     footer,
     children,
     className,
@@ -5344,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",
@@ -5385,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
                   }
@@ -5434,10 +5469,10 @@ var MessageListInner = forwardRef(
   ({
     header,
     footer,
-    stickToBottom = true,
+    isSticky = true,
     bottomThreshold = 32,
-    showJumpToBottom = true,
-    reverse: _reverse,
+    hasJumpToBottom = true,
+    isReversed: _isReversed,
     children,
     className,
     ...props
@@ -5461,8 +5496,8 @@ var MessageListInner = forwardRef(
       [scrollToBottom, isNearBottom]
     );
     useLayoutEffect(() => {
-      if (stickToBottom && nearBottomRef.current) scrollToBottom("auto");
-    }, [children, stickToBottom, scrollToBottom]);
+      if (isSticky && nearBottomRef.current) scrollToBottom("auto");
+    }, [children, isSticky, scrollToBottom]);
     useEffect(() => {
       const el = scrollerRef.current;
       if (!el) return;
@@ -5488,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",
@@ -5517,7 +5552,7 @@ var ThreadView = forwardRef(
     children,
     composer,
     onClose,
-    hideCloseButton,
+    hasCloseButton = true,
     className,
     ...props
   }, ref) => {
@@ -5540,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",
@@ -5590,7 +5625,7 @@ var Comment = forwardRef(
     actions,
     replies,
     defaultCollapsed = false,
-    highlighted,
+    isHighlighted,
     className,
     ...props
   }, ref) => {
@@ -5603,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,
@@ -5688,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
     }
@@ -5701,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",
@@ -5735,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-4OKJVYBV.js.map
-//# sourceMappingURL=chunk-4OKJVYBV.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