@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.4

package/dist/components/Table.es.js

@@ -1,48 +1,288 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useRef, useEffect, useState, useCallback } from 'react';
-import { focusRingInset } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-coERSHz5.js';
+import { use, createContext, forwardRef, useRef, useImperativeHandle, useEffect, useState, useCallback } from 'react';
 import { Icon } from '../icons/Icon.es.js';
 import { T as Txt } from '../Txt-BuzYj7Vy.js';
+import { c as cn } from '../cn-coERSHz5.js';
 import { formatDate } from '../utils/date-format.es.js';
+import { P as Pagination, a as PaginationContent, c as PaginationItem, f as PaginationPrevious, g as getPaginationRange, b as PaginationEllipsis, d as PaginationLink, e as PaginationNext } from '../pagination-range-BlUsZjqD.js';
+import { useRender } from '@base-ui/react/use-render';
+import { ArrowUpDown, ArrowDown, ArrowUp } from 'lucide-react';
+import { focusRingOffset, controlStateColorTransition, focusRingInset } from '../primitives/transitions.es.js';
+import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
 
-const rowSize = {
-  default: "[&>tbody>tr]:h-table-row",
-  small: "[&>tbody>tr]:h-table-row-small"
+const tableAlignClasses = {
+  start: "text-left",
+  center: "text-center",
+  end: "text-right"
 };
-const Table = ({ className, children, size = "default", style }) => {
-  return /* @__PURE__ */ jsx("table", { className: cn("w-full", rowSize[size], className), style, children });
+function resolveTableAlign(align) {
+  if (align === "center") return "center";
+  if (align === "end" || align === "right") return "end";
+  return "start";
+}
+function toNativeAlign(align) {
+  if (align === "start") return "left";
+  if (align === "end") return "right";
+  return align;
+}
+
+const TableVariantContext = createContext("default");
+function useTableVariant() {
+  return use(TableVariantContext);
+}
+function insetSlot(variant, slot) {
+  if (variant === "inset") return slot;
+  return void 0;
+}
+
+const tableCellToneClasses = {
+  ink: "text-foreground",
+  muted: "text-muted-foreground"
 };
-const Thead = ({ className, children }) => {
-  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: cn("h-table-header border-b border-border bg-card", className), children }) });
+const insetCellClass = cn(
+  "h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3",
+  "group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3"
+);
+const Cell = ({ className, children, tone = "ink", align, ...props }) => {
+  const variant = useTableVariant();
+  if (variant === "inset") {
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        "data-slot": "table-cell",
+        className: cn(
+          insetCellClass,
+          tableAlignClasses[resolveTableAlign(align)],
+          tableCellToneClasses[tone],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: cn(tableCellToneClasses[tone], "first:pl-3 last:pr-3", className),
+      ...props,
+      align: toNativeAlign(align),
+      children: /* @__PURE__ */ jsx("div", { className: cn("flex size-full shrink-0 items-center"), children })
+    }
+  );
+};
+const TxtCell = ({ className, children }) => {
+  return /* @__PURE__ */ jsx(Cell, { className, children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body-sm", className: "w-full truncate", children }) });
 };
-const Th = ({ className, children, ...props }) => {
+const DateTimeCell = ({ dateTime, ...props }) => {
+  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", className: "shrink-0", children: formatDate(dateTime, "date-time-seconds") }) });
+};
+const EntryCell = ({ name, description, icon, meta, ...props }) => {
+  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3.5", children: [
+    icon && /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-foreground", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
+      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", tone: "ink", children: name }),
+      description && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "w-full max-w-75 truncate pt-1", children: description })
+    ] }),
+    meta
+  ] }) });
+};
+
+function TablePagination({ page, pageCount, onPageChange, ...props }) {
+  return /* @__PURE__ */ jsx(Pagination, { ...props, children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: page <= 0, onClick: () => onPageChange(page - 1) }) }),
+    getPaginationRange(page, pageCount).map((item) => {
+      if (item.kind === "ellipsis") {
+        return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, item.key);
+      }
+      return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          "aria-label": `Page ${item.page + 1}`,
+          isActive: item.page === page,
+          onClick: () => onPageChange(item.page),
+          children: item.page + 1
+        }
+      ) }, item.page);
+    }),
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { disabled: page >= pageCount - 1, onClick: () => onPageChange(page + 1) }) })
+  ] }) });
+}
+
+const stretchedTargetStyles = [
+  "outline-none after:absolute after:inset-0 after:content-['']",
+  "focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid"
+];
+function tableRowTargetStyles(variant) {
+  if (variant === "inset") return stretchedTargetStyles;
+  return [];
+}
+
+function TableRowButton({ className, ...props }) {
+  const variant = useTableVariant();
   return /* @__PURE__ */ jsx(
-    "th",
+    "button",
+    {
+      type: "button",
+      "data-slot": "table-row-button",
+      "data-row-target": "",
+      className: cn("cursor-pointer text-left", ...tableRowTargetStyles(variant), className),
+      ...props
+    }
+  );
+}
+
+function TableRowLink({ render, className, ...props }) {
+  const variant = useTableVariant();
+  return useRender({
+    defaultTagName: "a",
+    render,
+    props: {
+      ...props,
+      "data-slot": "table-row-link",
+      "data-row-target": "",
+      className: cn(...tableRowTargetStyles(variant), className)
+    }
+  });
+}
+
+const sortIcons = {
+  ascending: ArrowUp,
+  descending: ArrowDown,
+  none: ArrowUpDown
+};
+function TableSortButton({ direction = "none", className, children, ...props }) {
+  const SortIcon = sortIcons[direction];
+  const sorted = direction !== "none";
+  return /* @__PURE__ */ jsxs(
+    "button",
     {
+      type: "button",
+      "data-slot": "table-sort-button",
+      "data-sorted": sorted || void 0,
       className: cn(
-        "h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3",
+        "group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle",
+        "group-data-[align=end]/head:flex-row-reverse",
+        "hover:text-foreground data-sorted:text-foreground",
+        controlStateColorTransition,
+        focusRingOffset,
         className
       ),
       ...props,
-      children
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "sm",
+            "aria-hidden": true,
+            className: cn(
+              !sorted && "opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100"
+            ),
+            children: /* @__PURE__ */ jsx(SortIcon, {})
+          }
+        )
+      ]
     }
   );
+}
+
+const rowSize = {
+  default: "[&>tbody>tr]:h-table-row",
+  small: "[&>tbody>tr]:h-table-row-small"
 };
+function InsetTable({ className, columnDividers, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      "data-column-dividers": columnDividers || void 0,
+      className: cn("group/table w-full rounded-xl p-1", raisedSurfaceStyle, className),
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "table-scroll", className: "overflow-x-auto rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "group-data-column-dividers/table:-ml-px", children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: "w-full border-separate border-spacing-0 text-body-sm tabular-nums",
+          tabIndex: 0,
+          ...props
+        }
+      ) }) })
+    }
+  );
+}
+function TableFrame({ variant, size = "default", className, columnDividers, ...props }) {
+  if (variant === "inset") return /* @__PURE__ */ jsx(InsetTable, { className, columnDividers, ...props });
+  return /* @__PURE__ */ jsx("table", { className: cn("w-full", rowSize[size], className), ...props });
+}
+function Table({ variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(TableVariantContext, { value: variant, children: /* @__PURE__ */ jsx(TableFrame, { variant, ...props }) });
+}
+function TableHeader({ className, ...props }) {
+  const variant = useTableVariant();
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn(
+        variant === "default" && "[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const Thead = ({ className, children }) => {
+  const variant = useTableVariant();
+  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: cn(variant === "default" && "h-table-header border-b border-border bg-card", className), children }) });
+};
+const insetHeadClass = cn(
+  "group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3",
+  "border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3"
+);
+const legacyHeadClass = "h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3";
+const Th = ({ className, children, align, ...props }) => {
+  const variant = useTableVariant();
+  if (variant === "inset") {
+    const insetAlign = resolveTableAlign(align);
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: cn(insetHeadClass, tableAlignClasses[insetAlign], className),
+        "data-slot": "table-head",
+        "data-align": insetAlign,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("th", { className: cn(legacyHeadClass, className), ...props, align: toNativeAlign(align), children });
+};
+const tableBodyStyles = [
+  "[&>tr+tr>td]:border-t",
+  "[&>tr:first-child>td:first-child]:rounded-tl-lg",
+  "[&>tr:first-child>td:last-child]:rounded-tr-lg",
+  "[&>tr:first-child_[data-row-target]]:after:rounded-t-lg",
+  "[&>tr:last-child_[data-row-target]]:after:rounded-b-lg",
+  "[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative",
+  "[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1"
+];
 const Tbody = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsx("tbody", { className: cn("", className), ...props, children });
+  const variant = useTableVariant();
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": insetSlot(variant, "table-body"),
+      className: cn(variant === "inset" && tableBodyStyles, className),
+      ...props,
+      children
+    }
+  );
 };
 const Row = forwardRef(
   ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {
+    const variant = useTableVariant();
     const internalRef = useRef(null);
-    useEffect(() => {
-      if (!ref) return;
-      if (typeof ref === "function") {
-        ref(internalRef.current);
-      } else {
-        ref.current = internalRef.current;
-      }
-    }, [ref]);
+    useImperativeHandle(ref, () => internalRef.current, []);
     useEffect(() => {
       if (isActive && internalRef.current) {
         internalRef.current.focus();
@@ -58,16 +298,22 @@ const Row = forwardRef(
       "tr",
       {
         className: cn(
-          "border-b border-border",
+          variant === "default" && "border-b border-border",
           // Smooth hover transition
-          "transition-colors duration-normal ease-out-custom",
-          "hover:bg-fill-subtle",
-          "focus:bg-fill-subtle",
-          focusRingInset,
+          variant === "default" && "transition-colors duration-normal ease-out-custom",
+          variant === "default" && "hover:bg-fill-subtle",
+          variant === "default" && "focus:bg-fill-subtle",
+          variant === "default" && focusRingInset,
+          variant === "inset" && [
+            "has-[[data-row-target]]:relative",
+            "has-[[data-row-target]]:hover:*:bg-surface-panel",
+            "has-[[data-row-target]:focus-visible]:*:bg-surface-panel"
+          ],
           selected && "bg-fill-hover",
           onClick && "cursor-pointer",
           className
         ),
+        "data-slot": insetSlot(variant, "table-row"),
         style,
         onClick,
         ref: internalRef,
@@ -80,26 +326,15 @@ const Row = forwardRef(
     );
   }
 );
-
-const Cell = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsx("td", { className: cn("text-foreground first:pl-3 last:pr-3", className), ...props, children: /* @__PURE__ */ jsx("div", { className: cn("flex size-full shrink-0 items-center"), children }) });
-};
-const TxtCell = ({ className, children }) => {
-  return /* @__PURE__ */ jsx(Cell, { className, children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body-sm", className: "w-full truncate", children }) });
-};
-const DateTimeCell = ({ dateTime, ...props }) => {
-  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", className: "shrink-0", children: formatDate(dateTime, "date-time-seconds") }) });
-};
-const EntryCell = ({ name, description, icon, meta, ...props }) => {
-  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3.5", children: [
-    icon && /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-foreground", children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
-      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", tone: "ink", children: name }),
-      description && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "w-full max-w-75 truncate pt-1", children: description })
-    ] }),
-    meta
-  ] }) });
-};
+Table.Header = TableHeader;
+Table.Body = Tbody;
+Table.Row = Row;
+Table.Head = Th;
+Table.Cell = Cell;
+Table.RowLink = TableRowLink;
+Table.RowButton = TableRowButton;
+Table.SortButton = TableSortButton;
+Table.Pagination = TablePagination;
 
 function useTableKeyboardNavigation({
   itemCount,
@@ -174,5 +409,5 @@ function useTableKeyboardNavigation({
   };
 }
 
-export { Cell, DateTimeCell, EntryCell, Row, Table, Tbody, Th, Thead, TxtCell, useTableKeyboardNavigation };
+export { Cell, DateTimeCell, EntryCell, Row, Table, TablePagination, TableRowButton, TableRowLink, TableSortButton, Tbody, Th, Thead, TxtCell, useTableKeyboardNavigation };
 //# sourceMappingURL=Table.es.js.map

package/dist/components/Table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.es.js","sources":["../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode, ThHTMLAttributes } from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps {\n  className?: string;\n  children: ReactNode;\n  size?: 'default' | 'small';\n  style?: CSSProperties;\n}\n\nconst rowSize = {\n  default: '[&>tbody>tr]:h-table-row',\n  small: '[&>tbody>tr]:h-table-row-small',\n};\n\nexport const Table = ({ className, children, size = 'default', style }: TableProps) => {\n  return (\n    <table className={cn('w-full', rowSize[size], className)} style={style}>\n      {children}\n    </table>\n  );\n};\n\nexport interface TheadProps {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n  return (\n    <thead>\n      <tr className={cn('h-table-header border-b border-border bg-card', className)}>{children}</tr>\n    </thead>\n  );\n};\n\nexport interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport const Th = ({ className, children, ...props }: ThProps) => {\n  return (\n    <th\n      className={cn(\n        'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </th>\n  );\n};\n\nexport interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n  return (\n    <tbody className={cn('', className)} {...props}>\n      {children}\n    </tbody>\n  );\n};\n\nexport interface RowProps {\n  className?: string;\n  children: ReactNode;\n  selected?: boolean;\n  style?: CSSProperties;\n  onClick?: () => void;\n  tabIndex?: number;\n  /** When true, row receives focus and scrolls into view */\n  isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n  ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n    const internalRef = useRef<HTMLTableRowElement>(null);\n\n    // Merge forwarded ref with internal ref\n    useEffect(() => {\n      if (!ref) return;\n      if (typeof ref === 'function') {\n        ref(internalRef.current);\n      } else {\n        ref.current = internalRef.current;\n      }\n    }, [ref]);\n\n    // Focus and scroll into view when active\n    useEffect(() => {\n      if (isActive && internalRef.current) {\n        internalRef.current.focus();\n        internalRef.current.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isActive]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n      if (event.key === 'Enter' && onClick) {\n        onClick();\n      }\n    };\n\n    return (\n      <tr\n        className={cn(\n          'border-b border-border',\n          // Smooth hover transition\n          'transition-colors duration-normal ease-out-custom',\n          'hover:bg-fill-subtle',\n          'focus:bg-fill-subtle',\n          focusRingInset,\n          selected && 'bg-fill-hover',\n          onClick && 'cursor-pointer',\n          className,\n        )}\n        style={style}\n        onClick={onClick}\n        ref={internalRef}\n        tabIndex={onClick ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n        data-active={isActive || undefined}\n        {...props}\n      >\n        {children}\n      </tr>\n    );\n  },\n);\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const Cell = ({ className, children, ...props }: CellProps) => {\n  return (\n    <td className={cn('text-foreground first:pl-3 last:pr-3', className)} {...props}>\n      <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n    </td>\n  );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n  return (\n    <Cell className={className}>\n      <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n        {children}\n      </Txt>\n    </Cell>\n  );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n  dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n  return (\n    <Cell {...props}>\n      <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n        {formatDate(dateTime, 'date-time-seconds')}\n      </Txt>\n    </Cell>\n  );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n  name: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n  return (\n    <Cell {...props}>\n      <div className=\"flex items-center gap-3.5\">\n        {icon && (\n          <Icon size=\"lg\" className=\"text-foreground\">\n            {icon}\n          </Icon>\n        )}\n\n        <div className=\"flex flex-col gap-0\">\n          <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n            {name}\n          </Txt>\n          {description && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n              {description}\n            </Txt>\n          )}\n        </div>\n        {meta}\n      </div>\n    </Cell>\n  );\n};\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n  /** Number of items in the list */\n  itemCount: number;\n  /** Initial active index (-1 = none) */\n  initialIndex?: number;\n  /** Wrap around at boundaries */\n  wrap?: boolean;\n  /** Callback when Enter pressed on active row */\n  onSelect?: (index: number) => void;\n  /** When true, registers keyboard handlers globally on the document */\n  global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n  /** Currently active index (-1 if none) */\n  activeIndex: number;\n  /** Set active index programmatically */\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n  /** Returns props to spread on the Tbody element. Returns null when global is true. */\n  getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } | null;\n}\n\nexport function useTableKeyboardNavigation({\n  itemCount,\n  initialIndex = -1,\n  wrap = false,\n  onSelect,\n  global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n  const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent | React.KeyboardEvent) => {\n      // No-op for empty list\n      if (itemCount === 0) return;\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return 0;\n            if (prev >= itemCount - 1) {\n              return wrap ? 0 : itemCount - 1;\n            }\n            return prev + 1;\n          });\n          break;\n        }\n        case 'ArrowUp': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return itemCount - 1;\n            if (prev <= 0) {\n              return wrap ? itemCount - 1 : 0;\n            }\n            return prev - 1;\n          });\n          break;\n        }\n        case 'Home': {\n          e.preventDefault();\n          setActiveIndex(0);\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          setActiveIndex(itemCount - 1);\n          break;\n        }\n        case 'Enter': {\n          if (activeIndex >= 0 && onSelect) {\n            e.preventDefault();\n            onSelect(activeIndex);\n          }\n          break;\n        }\n      }\n    },\n    [itemCount, wrap, activeIndex, onSelect],\n  );\n\n  // Register global keyboard handlers when global option is enabled\n  useEffect(() => {\n    if (!global) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [global, handleKeyDown]);\n\n  const getKeyboardProps = useCallback(() => {\n    if (global) return null;\n    return { onKeyDown: handleKeyDown as (e: React.KeyboardEvent) => void, tabIndex: 0 };\n  }, [global, handleKeyDown]);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    getKeyboardProps,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.es.js","sources":["../../src/ds/components/Table/table-align.ts","../../src/ds/components/Table/table-context.ts","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/table-pagination.tsx","../../src/ds/components/Table/table-row-target.ts","../../src/ds/components/Table/table-row-button.tsx","../../src/ds/components/Table/table-row-link.tsx","../../src/ds/components/Table/table-sort-button.tsx","../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type TableAlign = 'start' | 'center' | 'end';\n\ntype NativeCellAlign = ComponentProps<'td'>['align'];\n\nexport const tableAlignClasses: Record<TableAlign, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n};\n\nexport function resolveTableAlign(align: string | undefined): TableAlign {\n  if (align === 'center') return 'center';\n  if (align === 'end' || align === 'right') return 'end';\n  return 'start';\n}\n\nexport function toNativeAlign(align: TableAlign | NativeCellAlign): NativeCellAlign {\n  if (align === 'start') return 'left';\n  if (align === 'end') return 'right';\n  return align;\n}\n","import { createContext, use } from 'react';\n\nexport type TableVariant = 'default' | 'inset';\n\nexport const TableVariantContext = createContext<TableVariant>('default');\n\nexport function useTableVariant() {\n  return use(TableVariantContext);\n}\n\nexport function insetSlot(variant: TableVariant, slot: string) {\n  if (variant === 'inset') return slot;\n  return undefined;\n}\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { useTableVariant } from './table-context';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TableCellTone = 'ink' | 'muted';\n\nconst tableCellToneClasses: Record<TableCellTone, string> = {\n  ink: 'text-foreground',\n  muted: 'text-muted-foreground',\n};\n\nexport interface CellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: TableAlign | React.TdHTMLAttributes<HTMLTableCellElement>['align'];\n  tone?: TableCellTone;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst insetCellClass = cn(\n  'h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3',\n  'group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nexport const Cell = ({ className, children, tone = 'ink', align, ...props }: CellProps) => {\n  const variant = useTableVariant();\n  if (variant === 'inset') {\n    return (\n      <td\n        data-slot=\"table-cell\"\n        className={cn(\n          insetCellClass,\n          tableAlignClasses[resolveTableAlign(align)],\n          tableCellToneClasses[tone],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  }\n  return (\n    <td\n      className={cn(tableCellToneClasses[tone], 'first:pl-3 last:pr-3', className)}\n      {...props}\n      align={toNativeAlign(align)}\n    >\n      <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n    </td>\n  );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n  return (\n    <Cell className={className}>\n      <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n        {children}\n      </Txt>\n    </Cell>\n  );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n  dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n  return (\n    <Cell {...props}>\n      <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n        {formatDate(dateTime, 'date-time-seconds')}\n      </Txt>\n    </Cell>\n  );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n  name: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n  return (\n    <Cell {...props}>\n      <div className=\"flex items-center gap-3.5\">\n        {icon && (\n          <Icon size=\"lg\" className=\"text-foreground\">\n            {icon}\n          </Icon>\n        )}\n\n        <div className=\"flex flex-col gap-0\">\n          <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n            {name}\n          </Txt>\n          {description && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n              {description}\n            </Txt>\n          )}\n        </div>\n        {meta}\n      </div>\n    </Cell>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from '../Pagination/pagination';\nimport { getPaginationRange } from '../Pagination/pagination-range';\n\nexport type TablePaginationProps = Omit<ComponentProps<'nav'>, 'children'> & {\n  page: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n};\n\nexport function TablePagination({ page, pageCount, onPageChange, ...props }: TablePaginationProps) {\n  return (\n    <Pagination {...props}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious disabled={page <= 0} onClick={() => onPageChange(page - 1)} />\n        </PaginationItem>\n        {getPaginationRange(page, pageCount).map(item => {\n          if (item.kind === 'ellipsis') {\n            return (\n              <PaginationItem key={item.key}>\n                <PaginationEllipsis />\n              </PaginationItem>\n            );\n          }\n          return (\n            <PaginationItem key={item.page}>\n              <PaginationLink\n                aria-label={`Page ${item.page + 1}`}\n                isActive={item.page === page}\n                onClick={() => onPageChange(item.page)}\n              >\n                {item.page + 1}\n              </PaginationLink>\n            </PaginationItem>\n          );\n        })}\n        <PaginationItem>\n          <PaginationNext disabled={page >= pageCount - 1} onClick={() => onPageChange(page + 1)} />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n}\n","import type { TableVariant } from './table-context';\n\nconst stretchedTargetStyles = [\n  \"outline-none after:absolute after:inset-0 after:content-['']\",\n  'focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid',\n];\n\nexport function tableRowTargetStyles(variant: TableVariant) {\n  if (variant === 'inset') return stretchedTargetStyles;\n  return [];\n}\n","import type { ComponentProps } from 'react';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowButtonProps = Omit<ComponentProps<'button'>, 'type'>;\n\nexport function TableRowButton({ className, ...props }: TableRowButtonProps) {\n  const variant = useTableVariant();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"table-row-button\"\n      data-row-target=\"\"\n      className={cn('cursor-pointer text-left', ...tableRowTargetStyles(variant), className)}\n      {...props}\n    />\n  );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowLinkProps = useRender.ComponentProps<'a'>;\n\nexport function TableRowLink({ render, className, ...props }: TableRowLinkProps) {\n  const variant = useTableVariant();\n  return useRender({\n    defaultTagName: 'a',\n    render,\n    props: {\n      ...props,\n      'data-slot': 'table-row-link',\n      'data-row-target': '',\n      className: cn(...tableRowTargetStyles(variant), className),\n    },\n  });\n}\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TableSortDirection = 'ascending' | 'descending' | 'none';\n\nexport type TableSortButtonProps = Omit<ComponentProps<'button'>, 'type'> & {\n  direction?: TableSortDirection;\n};\n\nconst sortIcons = {\n  ascending: ArrowUp,\n  descending: ArrowDown,\n  none: ArrowUpDown,\n} satisfies Record<TableSortDirection, LucideIcon>;\n\nexport function TableSortButton({ direction = 'none', className, children, ...props }: TableSortButtonProps) {\n  const SortIcon = sortIcons[direction];\n  const sorted = direction !== 'none';\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"table-sort-button\"\n      data-sorted={sorted || undefined}\n      className={cn(\n        'group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle',\n        'group-data-[align=end]/head:flex-row-reverse',\n        'hover:text-foreground data-sorted:text-foreground',\n        controlStateColorTransition,\n        focusRingOffset,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <Icon\n        size=\"sm\"\n        aria-hidden\n        className={cn(\n          !sorted &&\n            'opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100',\n        )}\n      >\n        <SortIcon />\n      </Icon>\n    </button>\n  );\n}\n","import type { ComponentProps, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Cell } from './Cells';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { insetSlot, TableVariantContext, useTableVariant } from './table-context';\nimport type { TableVariant } from './table-context';\nimport { TablePagination } from './table-pagination';\nimport { TableRowButton } from './table-row-button';\nimport { TableRowLink } from './table-row-link';\nimport { TableSortButton } from './table-sort-button';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps extends ComponentProps<'table'> {\n  className?: string;\n  children: ReactNode;\n  size?: 'default' | 'small';\n  variant?: TableVariant;\n  columnDividers?: boolean;\n  style?: CSSProperties;\n}\n\nconst rowSize = {\n  default: '[&>tbody>tr]:h-table-row',\n  small: '[&>tbody>tr]:h-table-row-small',\n};\n\ntype TableFrameProps = Omit<TableProps, 'variant'> & { variant: TableVariant };\n\nfunction InsetTable({ className, columnDividers, ...props }: Omit<TableProps, 'variant' | 'size'>) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      data-column-dividers={columnDividers || undefined}\n      className={cn('group/table w-full rounded-xl p-1', raisedSurfaceStyle, className)}\n    >\n      <div data-slot=\"table-scroll\" className=\"overflow-x-auto rounded-lg\">\n        <div className=\"group-data-column-dividers/table:-ml-px\">\n          <table\n            data-slot=\"table\"\n            className=\"w-full border-separate border-spacing-0 text-body-sm tabular-nums\"\n            tabIndex={0}\n            {...props}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction TableFrame({ variant, size = 'default', className, columnDividers, ...props }: TableFrameProps) {\n  if (variant === 'inset') return <InsetTable className={className} columnDividers={columnDividers} {...props} />;\n  return <table className={cn('w-full', rowSize[size], className)} {...props} />;\n}\n\nexport function Table({ variant = 'default', ...props }: TableProps) {\n  return (\n    <TableVariantContext value={variant}>\n      <TableFrame variant={variant} {...props} />\n    </TableVariantContext>\n  );\n}\n\nexport type TableHeaderProps = ComponentProps<'thead'>;\n\nfunction TableHeader({ className, ...props }: TableHeaderProps) {\n  const variant = useTableVariant();\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        variant === 'default' && '[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface TheadProps {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n  const variant = useTableVariant();\n  return (\n    <thead>\n      <tr className={cn(variant === 'default' && 'h-table-header border-b border-border bg-card', className)}>\n        {children}\n      </tr>\n    </thead>\n  );\n};\n\nexport interface ThProps extends Omit<ComponentProps<'th'>, 'align'> {\n  align?: TableAlign | ComponentProps<'th'>['align'];\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nconst insetHeadClass = cn(\n  'group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3',\n  'border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nconst legacyHeadClass =\n  'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3';\n\nexport const Th = ({ className, children, align, ...props }: ThProps) => {\n  const variant = useTableVariant();\n  if (variant === 'inset') {\n    const insetAlign = resolveTableAlign(align);\n    return (\n      <th\n        className={cn(insetHeadClass, tableAlignClasses[insetAlign], className)}\n        data-slot=\"table-head\"\n        data-align={insetAlign}\n        {...props}\n      >\n        {children}\n      </th>\n    );\n  }\n  return (\n    <th className={cn(legacyHeadClass, className)} {...props} align={toNativeAlign(align)}>\n      {children}\n    </th>\n  );\n};\n\nconst tableBodyStyles = [\n  '[&>tr+tr>td]:border-t',\n  '[&>tr:first-child>td:first-child]:rounded-tl-lg',\n  '[&>tr:first-child>td:last-child]:rounded-tr-lg',\n  '[&>tr:first-child_[data-row-target]]:after:rounded-t-lg',\n  '[&>tr:last-child_[data-row-target]]:after:rounded-b-lg',\n  '[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative',\n  '[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1',\n];\n\nexport interface TbodyProps extends ComponentProps<'tbody'> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n  const variant = useTableVariant();\n  return (\n    <tbody\n      data-slot={insetSlot(variant, 'table-body')}\n      className={cn(variant === 'inset' && tableBodyStyles, className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  );\n};\n\nexport interface RowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'onClick'> {\n  className?: string;\n  children: ReactNode;\n  selected?: boolean;\n  style?: CSSProperties;\n  onClick?: () => void;\n  tabIndex?: number;\n  /** When true, row receives focus and scrolls into view */\n  isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n  ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n    const variant = useTableVariant();\n    const internalRef = useRef<HTMLTableRowElement>(null);\n\n    // Merge forwarded ref with internal ref\n    useImperativeHandle<HTMLTableRowElement | null, HTMLTableRowElement | null>(ref, () => internalRef.current, []);\n\n    // Focus and scroll into view when active\n    useEffect(() => {\n      if (isActive && internalRef.current) {\n        internalRef.current.focus();\n        internalRef.current.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isActive]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n      if (event.key === 'Enter' && onClick) {\n        onClick();\n      }\n    };\n\n    return (\n      <tr\n        className={cn(\n          variant === 'default' && 'border-b border-border',\n          // Smooth hover transition\n          variant === 'default' && 'transition-colors duration-normal ease-out-custom',\n          variant === 'default' && 'hover:bg-fill-subtle',\n          variant === 'default' && 'focus:bg-fill-subtle',\n          variant === 'default' && focusRingInset,\n          variant === 'inset' && [\n            'has-[[data-row-target]]:relative',\n            'has-[[data-row-target]]:hover:*:bg-surface-panel',\n            'has-[[data-row-target]:focus-visible]:*:bg-surface-panel',\n          ],\n          selected && 'bg-fill-hover',\n          onClick && 'cursor-pointer',\n          className,\n        )}\n        data-slot={insetSlot(variant, 'table-row')}\n        style={style}\n        onClick={onClick}\n        ref={internalRef}\n        tabIndex={onClick ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n        data-active={isActive || undefined}\n        {...props}\n      >\n        {children}\n      </tr>\n    );\n  },\n);\n\nTable.Header = TableHeader;\nTable.Body = Tbody;\nTable.Row = Row;\nTable.Head = Th;\nTable.Cell = Cell;\nTable.RowLink = TableRowLink;\nTable.RowButton = TableRowButton;\nTable.SortButton = TableSortButton;\nTable.Pagination = TablePagination;\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n  /** Number of items in the list */\n  itemCount: number;\n  /** Initial active index (-1 = none) */\n  initialIndex?: number;\n  /** Wrap around at boundaries */\n  wrap?: boolean;\n  /** Callback when Enter pressed on active row */\n  onSelect?: (index: number) => void;\n  /** When true, registers keyboard handlers globally on the document */\n  global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n  /** Currently active index (-1 if none) */\n  activeIndex: number;\n  /** Set active index programmatically */\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n  /** Returns props to spread on the Tbody element. Returns null when global is true. */\n  getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } | null;\n}\n\nexport function useTableKeyboardNavigation({\n  itemCount,\n  initialIndex = -1,\n  wrap = false,\n  onSelect,\n  global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n  const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent | React.KeyboardEvent) => {\n      // No-op for empty list\n      if (itemCount === 0) return;\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return 0;\n            if (prev >= itemCount - 1) {\n              return wrap ? 0 : itemCount - 1;\n            }\n            return prev + 1;\n          });\n          break;\n        }\n        case 'ArrowUp': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return itemCount - 1;\n            if (prev <= 0) {\n              return wrap ? itemCount - 1 : 0;\n            }\n            return prev - 1;\n          });\n          break;\n        }\n        case 'Home': {\n          e.preventDefault();\n          setActiveIndex(0);\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          setActiveIndex(itemCount - 1);\n          break;\n        }\n        case 'Enter': {\n          if (activeIndex >= 0 && onSelect) {\n            e.preventDefault();\n            onSelect(activeIndex);\n          }\n          break;\n        }\n      }\n    },\n    [itemCount, wrap, activeIndex, onSelect],\n  );\n\n  // Register global keyboard handlers when global option is enabled\n  useEffect(() => {\n    if (!global) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [global, handleKeyDown]);\n\n  const getKeyboardProps = useCallback(() => {\n    if (global) return null;\n    return { onKeyDown: handleKeyDown as (e: React.KeyboardEvent) => void, tabIndex: 0 };\n  }, [global, handleKeyDown]);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    getKeyboardProps,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Tabs.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const tabsRoot = require('../tabs-root-Phsi-P1b.cjs');
 const tabsList = require('../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../tabs-tab-D9ndsGQu.cjs');
+const tabsTab = require('../tabs-tab-CqcY4tHE.cjs');
 const tabsContent = require('../tabs-content-C3VQRDXH.cjs');
 
 

package/dist/components/Tabs.es.js

@@ -1,5 +1,5 @@
 export { T as Tabs } from '../tabs-root-CvGhdNKc.js';
 export { T as TabList } from '../tabs-list-DY_hziv7.js';
-export { T as Tab } from '../tabs-tab-BchiQf0E.js';
+export { T as Tab } from '../tabs-tab-CzpXzpf-.js';
 export { T as TabContent } from '../tabs-content-6EaLEj8a.js';
 //# sourceMappingURL=Tabs.es.js.map

package/dist/components/ThreadList.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const threadList = require('../thread-list-D6tyuO1M.cjs');
+const threadList = require('../thread-list-D-VuTZnC.cjs');
 
 
 

package/dist/components/ThreadList.es.js

@@ -1,2 +1,2 @@
-export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-2YHnS82L.js';
+export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-Duf5N74Z.js';
 //# sourceMappingURL=ThreadList.es.js.map

package/dist/components/Truncate.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-CUVxXN4H.cjs');
+const copyButton = require('../copy-button-5tVWqoTk.cjs');
 const tooltip = require('../tooltip-C4txPRSa.cjs');
 const Txt = require('../Txt-DXjXpX9r.cjs');
 const utils_cn = require('../cn-TqD01zH-.cjs');

package/dist/components/Truncate.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-CDyuUYUr.js';
+import { C as CopyButton } from '../copy-button-Af_Qt7G1.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-CCZcMbgy.js';
 import { T as Txt } from '../Txt-BuzYj7Vy.js';
 import { c as cn } from '../cn-coERSHz5.js';

package/dist/components/Workflow.cjs.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const workflowCanvasInset = require('../workflow-canvas-inset-CMasaX9u.cjs');
-const workflowConditionCard = require('../workflow-condition-card-CbaDpVa_.cjs');
-const workflowCodeDialogContent = require('../workflow-code-dialog-content-B7YU2kfe.cjs');
-const workflowEdgeDataButton = require('../workflow-edge-data-button-Cz2rcoDr.cjs');
+const workflowConditionCard = require('../workflow-condition-card-bn5mrwKe.cjs');
+const workflowCodeDialogContent = require('../workflow-code-dialog-content-vC_ddCYp.cjs');
+const workflowEdgeDataButton = require('../workflow-edge-data-button-av1zCMfP.cjs');
 const types = require('../types-1cBe2TOn.cjs');
-const workflowDataEdgeView = require('../workflow-data-edge-view-BHvpuvmp.cjs');
-const workflowDebugControls = require('../workflow-debug-controls-D9rmMeH-.cjs');
+const workflowDataEdgeView = require('../workflow-data-edge-view-kmB6j-ui.cjs');
+const workflowDebugControls = require('../workflow-debug-controls-CqaM7s-K.cjs');
 const workflowGraphPlaceholder = require('../workflow-graph-placeholder-Dy6rewSw.cjs');
-const workflowStepAction = require('../workflow-step-action-Ssz6Z2t5.cjs');
+const workflowStepAction = require('../workflow-step-action-BsBZk7j6.cjs');
 
 
 

package/dist/components/Workflow.es.js

@@ -1,10 +1,10 @@
 export { W as WorkflowCanvasInsetContext, w as workflowFitOptions } from '../workflow-canvas-inset-23mBz2N6.js';
-export { B as BADGE_COLORS, a as BADGE_ICONS, W as WorkflowBoundaryNode, b as WorkflowClock, c as WorkflowConditionCard, d as WorkflowConditionCardView, e as WorkflowGraphCanvas, f as WorkflowNodeFrame, g as WorkflowStepCardView, h as WorkflowTypeBadge, i as getConditionIconAndColor, j as getConditionIndicator, k as getNodeBadgeInfo, l as getNodeIndicators } from '../workflow-condition-card-DnSlcZ2s.js';
-export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-CNDoMFAV.js';
-export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-6EDXzRxr.js';
+export { B as BADGE_COLORS, a as BADGE_ICONS, W as WorkflowBoundaryNode, b as WorkflowClock, c as WorkflowConditionCard, d as WorkflowConditionCardView, e as WorkflowGraphCanvas, f as WorkflowNodeFrame, g as WorkflowStepCardView, h as WorkflowTypeBadge, i as getConditionIconAndColor, j as getConditionIndicator, k as getNodeBadgeInfo, l as getNodeIndicators } from '../workflow-condition-card-DMkPh5TM.js';
+export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-DG-Lmvgu.js';
+export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-CXbj67U9.js';
 export { W as WORKFLOW_BOUNDARY_NODE_TYPE, a as WORKFLOW_DATA_EDGE_TYPE } from '../types-CvneO3z0.js';
-export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-BaA6YJye.js';
-export { W as WorkflowDebugControls } from '../workflow-debug-controls-h7Q-RlJ2.js';
+export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-De0xCrVu.js';
+export { W as WorkflowDebugControls } from '../workflow-debug-controls-CJTqoarc.js';
 export { W as WorkflowGraphPlaceholder } from '../workflow-graph-placeholder-CEmqBy8j.js';
-export { W as WorkflowStepAction, a as WorkflowStepActions } from '../workflow-step-action-DmUW2AMM.js';
+export { W as WorkflowStepAction, a as WorkflowStepActions } from '../workflow-step-action-AG05Ly8P.js';
 //# sourceMappingURL=Workflow.es.js.map

package/dist/components/ai/activity.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const activity = require('../../activity-CaFdLiPz.cjs');
 const notificationActivity = require('../../notification-activity-C2AcNOyq.cjs');
-const reasoningActivity = require('../../reasoning-activity-DehWtcyc.cjs');
+const reasoningActivity = require('../../reasoning-activity-CFEaSv4J.cjs');
 const reasoningVisibility = require('../../reasoning-visibility-DXho4jGC.cjs');
 const signalActivity = require('../../signal-activity-aXcUgxDg.cjs');
 

package/dist/components/ai/activity.es.js

@@ -1,6 +1,6 @@
 export { A as Activity, a as ActivityContent, b as ActivityDetail, c as ActivityDisclosure, d as ActivityHeader, e as ActivityHeadline, f as ActivityIcon, g as ActivityItem, h as ActivityLabel, i as ActivityLeading, j as ActivitySpacer, k as ActivitySummary, l as ActivityTrailing, m as ActivityTrigger } from '../../activity-BsrB5ADa.js';
 export { N as NotificationActivity } from '../../notification-activity-DquzIOZw.js';
-export { R as ReasoningActivity } from '../../reasoning-activity-CIuVSAGA.js';
+export { R as ReasoningActivity } from '../../reasoning-activity-CHlEe011.js';
 export { h as hasVisibleReasoning } from '../../reasoning-visibility-B9rA0AIj.js';
 export { S as SignalActivity } from '../../signal-activity-BiWlOFhu.js';
 //# sourceMappingURL=activity.es.js.map

package/dist/components/ai/ask-user.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const askUserCard = require('../../ask-user-card-40a18Qea.cjs');
+const askUserCard = require('../../ask-user-card-BMiCYmFY.cjs');
 
 
 

package/dist/components/ai/ask-user.es.js

@@ -1,2 +1,2 @@
-export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserCustomAnswer, d as AskUserLabel, e as AskUserOptionItem, f as AskUserOptionRow, g as AskUserOptions, h as AskUserOutput, i as AskUserPending, j as AskUserQuestion, k as AskUserRoot, l as AskUserSubmit, m as AskUserTextAnswer, a as Body, c as CustomAnswer, e as Option, g as Options, h as Output, i as Pending, j as Question, k as Root, l as Submit, m as TextAnswer } from '../../ask-user-card-xR8YiiQa.js';
+export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserCustomAnswer, d as AskUserLabel, e as AskUserOptionItem, f as AskUserOptionRow, g as AskUserOptions, h as AskUserOutput, i as AskUserPending, j as AskUserQuestion, k as AskUserRoot, l as AskUserSubmit, m as AskUserTextAnswer, a as Body, c as CustomAnswer, e as Option, g as Options, h as Output, i as Pending, j as Question, k as Root, l as Submit, m as TextAnswer } from '../../ask-user-card-CmfZg1wt.js';
 //# sourceMappingURL=ask-user.es.js.map