@mastra/playground-ui 51.1.0 → 51.2.0-alpha.1

package/dist/{data-list-top-cell-DyBSefIr.cjs → data-list-top-cell-BOXO5s7I.cjs}

@@ -10,18 +10,18 @@ const scrollArea = require('./scroll-area-Dv6QagXt.cjs');
 const tooltip = require('./tooltip-DMOZ2oaq.cjs');
 
 const dataListRowOuterStyles = [
-  "data-list-row col-span-full relative mt-[3px] mb-1",
-  'after:absolute after:inset-x-[-0.25rem] after:bottom-[-0.25rem] after:h-px after:bg-border1 after:content-[""] after:pointer-events-none',
-  "[&:has(+.data-list-subheader)]:after:hidden [&:not(:has(~.data-list-row))]:after:hidden",
+  "group/data-list-row data-list-row col-span-full relative min-h-9",
   "transition-colors duration-200 rounded-lg"
 ];
 const dataListRowInteractiveStyles = [
   "grid grid-cols-subgrid gap-8 px-5 outline-none cursor-pointer",
-  "hover:bg-surface4 focus-visible:bg-surface4 focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1",
+  "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1",
   "transition-colors duration-200 rounded-lg"
 ];
-const dataListRowStyles = ["mx-1", ...dataListRowInteractiveStyles, ...dataListRowOuterStyles];
-const dataListRowStaticStyles = ["mx-1 grid grid-cols-subgrid gap-8 px-5", ...dataListRowOuterStyles];
+const dataListRowStyles = [...dataListRowInteractiveStyles, ...dataListRowOuterStyles];
+const dataListRowStaticStyles = ["grid grid-cols-subgrid gap-8 px-5", ...dataListRowOuterStyles];
+const dataListRowRevealStyles = "opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100";
+const dataListTopRevealStyles = "opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-top:opacity-100 group-hover/data-list-top:opacity-100";
 const dataListStickyStartStyles = [
   "data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible",
   'after:absolute after:-right-4 after:top-1/2 after:-translate-y-1/2 after:h-4 after:w-px after:bg-border2 after:content-[""] after:pointer-events-none'
@@ -38,14 +38,13 @@ const dataListRowVariants = index.cva("", {
   }
 });
 
-function DataListCell({ children, className, height = "default", as, sticky, ...rest }) {
+function DataListCell({ children, className, as, sticky, ...rest }) {
   const Component = as || "span";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
       className: utils_cn.cn(
         'relative grid max-w-full min-w-0 items-center overflow-hidden text-ui-md whitespace-nowrap text-neutral3 empty:before:text-neutral2 empty:before:content-["—"]',
-        height === "compact" ? "py-1.5" : "py-2.5",
         sticky === "start" && dataListStickyStartStyles,
         className
       ),
@@ -54,6 +53,18 @@ function DataListCell({ children, className, height = "default", as, sticky, ...
     }
   );
 }
+function DataListActionsCell({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils_cn.cn(
+        "flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200",
+        dataListRowRevealStyles
+      ),
+      children
+    }
+  ) });
+}
 const dataListTruncateContentStyles = 'block min-w-0 max-w-full truncate empty:before:content-["—"] empty:before:text-neutral2 [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';
 const dataListInlineTextTruncateStyles = "min-w-0 flex-1 truncate";
 function DataListInlineText({ children }) {
@@ -78,11 +89,11 @@ function DataListTruncatedCellContent({ children }) {
     });
   });
 }
-function DataListTextCell({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
+function DataListTextCell({ children, className, font = "sans", ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils_cn.cn(font === "mono" && "font-mono text-ui-smd", className), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
 }
 function DataListNameCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils_cn.cn("text-left text-neutral4", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils_cn.cn("text-left font-medium text-neutral4", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
 }
 function DataListDescriptionCell({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: utils_cn.cn("text-neutral2", className), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) }) });
@@ -93,7 +104,7 @@ function DataListRowHeaderCell({ children, className, ...rest }) {
     {
       sticky: "start",
       className: utils_cn.cn(
-        "data-list-row-header -mr-4 -ml-5 w-auto max-w-none rounded-l-md pr-4 pl-5 text-left text-ui-sm font-semibold tracking-tight text-neutral2",
+        "data-list-row-header -mr-4 -ml-5 w-auto max-w-none rounded-l-lg pr-4 pl-5 text-left text-ui-sm font-medium text-neutral2",
         className
       ),
       ...rest,
@@ -101,17 +112,10 @@ function DataListRowHeaderCell({ children, className, ...rest }) {
     }
   );
 }
-function DataListNumberCell({
-  children,
-  className,
-  highlight,
-  height = "compact",
-  ...rest
-}) {
+function DataListNumberCell({ children, className, highlight, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataListCell,
     {
-      height,
       className: utils_cn.cn(
         "justify-items-end text-right text-ui-sm tabular-nums",
         highlight ? "font-semibold text-neutral4" : "text-neutral3",
@@ -126,16 +130,16 @@ function getShortId(id) {
   return id?.slice(0, 8) ?? "";
 }
 function DataListIdCell({ id }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral3 font-mono", children: getShortId(id) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: "text-ui-smd text-neutral3 tracking-wide", children: getShortId(id) });
 }
 function DataListSelectCell({ checked, onToggle, disabled, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataListCell,
     {
       as: "label",
-      height: "compact",
       className: utils_cn.cn(
-        "size-8 justify-items-center self-center overflow-visible px-0 py-0!",
+        "size-8 justify-items-center self-center overflow-visible px-0",
+        !checked && dataListRowRevealStyles,
         disabled ? "cursor-not-allowed" : "cursor-pointer"
       ),
       onClick: (e) => e.stopPropagation(),
@@ -153,29 +157,17 @@ function DataListSelectCell({ checked, onToggle, disabled, ...rest }) {
     }
   );
 }
-function DataListMonoCell({ children, className, height = "compact" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: utils_cn.cn(
-        'block max-w-full min-w-0 truncate font-mono text-ui-smd text-neutral3 empty:before:content-["—"]',
-        className
-      ),
-      children
-    }
-  ) });
-}
 function toDate(value) {
   const date = value instanceof Date ? value : new Date(value);
   return isNaN(date.getTime()) ? null : date;
 }
 function DataListDateCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : null });
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : null });
 }
 function DataListTimeCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral3 flex font-mono", children: date ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { className: "text-ui-smd text-neutral3 flex tabular-nums", children: date ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     dateFns.format(date, "h:mm:ss"),
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral2", children: [
       ".",
@@ -225,8 +217,8 @@ function DataListNoMatch({
 
 const stickyHeaderBackgroundValues = {
   tinted: {
-    background: "color-mix(in oklch, var(--surface1), var(--neutral6) 10%)",
-    hoverBackground: "color-mix(in oklch, var(--surface1), var(--neutral6) 14%)"
+    background: "var(--surface-header)",
+    hoverBackground: "var(--surface-header-hover)"
   },
   surface: {
     background: "var(--surface2)",
@@ -246,55 +238,36 @@ const borderlessTableStyles = [
   "gap-y-px",
   // A shared opaque tint gives both column headers and sticky row headers the
   // same treatment without revealing scrolled content beneath sticky surfaces.
-  "[&_.data-list-top]:mx-0 [&_.data-list-top]:bg-[var(--data-list-sticky-header-background)] [&_.data-list-top]:after:hidden",
-  "[&_.data-list-top]:rounded-t-xl [&_.data-list-top]:rounded-b-md",
-  // header column separators: a short, faint vertical line centered in the gap
-  // to the left of every header cell but the first. A `before` pseudo (not a
-  // `border-l` + padding) keeps header text aligned with the row cells below.
-  // The cell's default `overflow-hidden` would clip a gap-positioned pseudo, so
-  // these cells switch to `overflow-visible`; the title text still truncates via
-  // its inner `truncate` span, so nothing else spills.
-  "[&_.data-list-top>*:not(:first-child)]:relative [&_.data-list-top>*:not(:first-child)]:overflow-visible",
-  '[&_.data-list-top>*:not(:first-child)]:before:absolute [&_.data-list-top>*:not(:first-child)]:before:-left-4 [&_.data-list-top>*:not(:first-child)]:before:top-1/2 [&_.data-list-top>*:not(:first-child)]:before:-translate-y-1/2 [&_.data-list-top>*:not(:first-child)]:before:h-4 [&_.data-list-top>*:not(:first-child)]:before:w-px [&_.data-list-top>*:not(:first-child)]:before:bg-border2 [&_.data-list-top>*:not(:first-child)]:before:content-[""]',
-  "[&_.data-list-row]:mx-0 [&_.data-list-row]:my-0 [&_.data-list-row]:rounded-md",
+  "[&_.data-list-top]:bg-[var(--data-list-sticky-header-background)] [&_.data-list-top]:rounded-lg",
+  "[&_.data-list-row]:rounded-lg",
   "[&_.data-list-row]:hover:bg-surface-overlay-strong!",
-  "[&_.data-list-row]:focus-visible:bg-surface-overlay-strong!",
+  "[&_.data-list-row:focus-within]:bg-surface-overlay-strong!",
   "[&_.data-list-row>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-background)]",
   "[&_.data-list-row>.data-list-sticky-start]:after:right-0",
   "[&_.data-list-row:hover>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-hover-background)]",
-  "[&_.data-list-row:focus-visible>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-hover-background)]",
   "[&_.data-list-row:focus-within>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-hover-background)]",
-  "[&_.data-list-top>.data-list-sticky-start]:after:right-0",
-  "[&_.data-list-top>.data-list-sticky-start+*]:before:hidden"
+  "[&_.data-list-top>.data-list-sticky-start]:after:right-0"
 ];
 const dataListFitClasses = {
   content: "w-max max-w-none min-w-full",
   container: "w-full max-w-full"
 };
-const dataListRootVariants = index.cva(utils_cn.cn("grid content-start"), {
+const dataListRootVariants = index.cva(utils_cn.cn("grid content-start", ...borderlessTableStyles), {
   variants: {
     variant: {
-      striped: utils_cn.cn(
-        ...borderlessTableStyles,
-        "[&_.data-list-row]:after:hidden",
-        "[&_.data-list-row]:even:bg-surface-overlay-soft"
-      ),
-      lined: utils_cn.cn(
-        ...borderlessTableStyles,
-        '[&_.data-list-row]:after:pointer-events-none [&_.data-list-row]:after:absolute [&_.data-list-row]:after:h-px [&_.data-list-row]:after:content-[""]',
-        "[&_.data-list-row]:after:inset-x-2 [&_.data-list-row]:after:-bottom-px [&_.data-list-row]:after:bg-neutral6/10"
-      )
+      striped: "[&_.data-list-row]:even:bg-surface-overlay-soft",
+      plain: ""
     }
   },
   defaultVariants: {
-    variant: "lined"
+    variant: "plain"
   }
 });
 function DataListRoot({
   children,
   columns,
   className,
-  variant = "lined",
+  variant = "plain",
   fit = "content",
   stickyHeaderBackground = "tinted",
   mask,
@@ -323,7 +296,7 @@ function DataListRoot({
       mask: getDataListMask(mask),
       viewportRef: scrollRef,
       viewPortClassName: "max-h-[inherit]",
-      className: utils_cn.cn("size-full rounded-t-xl", className),
+      className: utils_cn.cn("size-full", className),
       children: grid
     }
   );
@@ -335,19 +308,7 @@ function useDataListRowWrapperContext() {
 }
 
 const DataListRowButton = React.forwardRef(
-  ({
-    children,
-    className,
-    type = "button",
-    flushLeft,
-    flushRight,
-    colStart,
-    colEnd,
-    featured,
-    variant,
-    style,
-    ...rest
-  }, ref) => {
+  ({ children, className, type = "button", colStart, colEnd, featured, variant, style, ...rest }, ref) => {
     const isWrapped = useDataListRowWrapperContext();
     const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
     const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
@@ -359,11 +320,9 @@ const DataListRowButton = React.forwardRef(
         className: utils_cn.cn(
           ...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles,
           "text-left",
-          !isWrapped && flushLeft && "ml-0!",
-          !isWrapped && flushRight && "mr-0!",
           // `!` so the selection fill wins over borderless table root styling
           // (higher-specificity descendant rules); same color in `default`.
-          featured && "bg-surface4!",
+          featured && "bg-surface-row-featured!",
           dataListRowVariants({ variant }),
           className
         ),
@@ -382,8 +341,6 @@ function DataListRowLink({
   className,
   style,
   LinkComponent: Link = "a",
-  flushLeft,
-  flushRight,
   colStart,
   colEnd,
   featured,
@@ -399,11 +356,9 @@ function DataListRowLink({
       href: to,
       className: utils_cn.cn(
         ...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles,
-        !isWrapped && flushLeft && "ml-0!",
-        !isWrapped && flushRight && "mr-0!",
         // `!` so the selection fill wins over borderless table root styling
         // (higher-specificity descendant rules); same color in `default`.
-        featured && "bg-surface4!",
+        featured && "bg-surface-row-featured!",
         dataListRowVariants({ variant }),
         className
       ),
@@ -416,15 +371,7 @@ function DataListRowLink({
 
 const DataListRowWrapper = React.forwardRef(
   ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_cn.cn("mx-1 grid grid-cols-subgrid gap-0", ...dataListRowOuterStyles, className),
-        ...rest,
-        children
-      }
-    ) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("grid grid-cols-subgrid gap-0", ...dataListRowOuterStyles, className), ...rest, children }) });
   }
 );
 DataListRowWrapper.displayName = "DataListRowWrapper";
@@ -439,7 +386,7 @@ function DataListTop({ children, className, hasLeadingCell, ...props }) {
     "div",
     {
       className: utils_cn.cn(
-        'data-list-top sticky top-0 z-20 col-span-full mx-1 grid grid-cols-subgrid gap-8 bg-surface2 px-5 after:pointer-events-none after:absolute after:-inset-x-1 after:bottom-0 after:h-px after:bg-border1 after:content-[""]',
+        "group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-8 px-5",
         hasLeadingCell && "gap-0 pl-0!",
         className
       ),
@@ -458,9 +405,9 @@ const DataListTopCell = React.forwardRef(
       {
         ref,
         className: utils_cn.cn(
-          "flex h-8 max-w-full min-w-0 items-center overflow-hidden py-1 text-ui-sm font-semibold tracking-tight whitespace-nowrap text-neutral2",
+          "flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-ui-sm font-medium whitespace-nowrap text-neutral2",
           sticky === "start" && dataListStickyStartStyles,
-          sticky === "start" && "-mr-4 -ml-5 w-auto max-w-none rounded-tl-xl rounded-bl-md pr-4 pl-5",
+          sticky === "start" && "-mr-4 -ml-5 w-auto max-w-none rounded-l-lg pr-4 pl-5",
           sticky === "start" && "z-20 bg-[var(--data-list-sticky-header-background)]",
           className
         ),
@@ -506,18 +453,21 @@ function DataListTopSelectCell({ checked, onToggle, ...rest }) {
     DataListTopCell,
     {
       as: "label",
-      className: "w-8 cursor-pointer justify-center overflow-visible px-0 py-0!",
+      className: utils_cn.cn(
+        "w-8 cursor-pointer justify-center overflow-visible px-0 py-0!",
+        checked === false && dataListTopRevealStyles
+      ),
       onClick: (e) => e.stopPropagation(),
       children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { checked, onCheckedChange: () => onToggle(), "aria-label": rest["aria-label"] })
     }
   );
 }
 
+exports.DataListActionsCell = DataListActionsCell;
 exports.DataListCell = DataListCell;
 exports.DataListDateCell = DataListDateCell;
 exports.DataListDescriptionCell = DataListDescriptionCell;
 exports.DataListIdCell = DataListIdCell;
-exports.DataListMonoCell = DataListMonoCell;
 exports.DataListNameCell = DataListNameCell;
 exports.DataListNextPageLoading = DataListNextPageLoading;
 exports.DataListNoMatch = DataListNoMatch;
@@ -536,7 +486,8 @@ exports.DataListTopCell = DataListTopCell;
 exports.DataListTopCellSmart = DataListTopCellSmart;
 exports.DataListTopCellWithTooltip = DataListTopCellWithTooltip;
 exports.DataListTopSelectCell = DataListTopSelectCell;
+exports.dataListRowOuterStyles = dataListRowOuterStyles;
 exports.dataListRowStaticStyles = dataListRowStaticStyles;
 exports.dataListRowVariants = dataListRowVariants;
 exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
-//# sourceMappingURL=data-list-top-cell-DyBSefIr.cjs.map
+//# sourceMappingURL=data-list-top-cell-BOXO5s7I.cjs.map

package/dist/data-list-top-cell-BOXO5s7I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-top-cell-BOXO5s7I.cjs","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-next-page-loading.tsx","../src/ds/components/DataList/data-list-no-match.tsx","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-row-wrapper-context.ts","../src/ds/components/DataList/data-list-row-button.tsx","../src/ds/components/DataList/data-list-row-link.tsx","../src/ds/components/DataList/data-list-row-wrapper.tsx","../src/ds/components/DataList/data-list-spacer.tsx","../src/ds/components/DataList/data-list-top.tsx","../src/ds/components/DataList/data-list-top-cell.tsx"],"sourcesContent":["/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  'transition-colors duration-200 rounded-lg',\n] as const;\n\n/**\n * Layout + focus ring only. The root paints the hover/focus fill on\n * `.data-list-row`, so a wrapped row and its button never show two tints.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-8 px-5 outline-none cursor-pointer',\n  'focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1',\n  'transition-colors duration-200 rounded-lg',\n] as const;\n\nexport const dataListRowStyles = [...dataListRowInteractiveStyles, ...dataListRowOuterStyles] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-8 px-5', ...dataListRowOuterStyles] as const;\n\n/**\n * Row controls that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\n/** Header counterpart of {@link dataListRowRevealStyles}. */\nexport const dataListTopRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-top:opacity-100 group-hover/data-list-top:opacity-100';\n\nimport { cva } from 'class-variance-authority';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n  'after:absolute after:-right-4 after:top-1/2 after:-translate-y-1/2 after:h-4 after:w-px after:bg-border2 after:content-[\"\"] after:pointer-events-none',\n] as const;\n\n/** Tone for a single row. `error` lays a subtle, theme-aware destructive tint\n *  over whatever background the row already has. */\nexport type DataListRowVariant = 'default' | 'error';\n\n/**\n * Per-row tone. Kept as a `.ts` cva (safe to export — no react-refresh concern).\n * The error tint uses `!` so it wins over borderless table root-level styling\n * (higher-specificity descendant rules) and over the base row hover.\n */\nexport const dataListRowVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      error: 'bg-notice-destructive/10! hover:bg-notice-destructive/15!',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — `error` applies a subtle destructive background tint. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Apply the highlighted background. Use to mark the row that is currently\n   * featured (e.g. the row whose detail is open in a side panel).\n   */\n  featured?: boolean;\n};\n","import { format, isToday } from 'date-fns';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-ui-md whitespace-nowrap text-neutral3 empty:before:text-neutral2 empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-neutral2 [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-ui-smd', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left font-medium text-neutral4', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-neutral2', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mr-4 -ml-5 w-auto max-w-none rounded-l-lg pr-4 pl-5 text-left text-ui-sm font-medium text-neutral2',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with a brighter tone and semibold weight — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({ children, className, highlight, ...rest }: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-ui-sm tabular-nums',\n        highlight ? 'font-semibold text-neutral4' : 'text-neutral3',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nfunction getShortId(id: string | undefined): string {\n  return id?.slice(0, 8) ?? '';\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"text-ui-smd text-neutral3 tracking-wide\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        !checked && dataListRowRevealStyles,\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral3 flex tabular-nums\">\n      {date ? (\n        <>\n          {format(date, 'h:mm:ss')}\n          <span className=\"text-neutral2\">\n            .{String(date.getMilliseconds()).padStart(3, '0')} {format(date, 'aaa')}\n          </span>\n        </>\n      ) : null}\n    </DataListCell>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type DataListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n};\n\nexport function DataListNextPageLoading({\n  isLoading,\n  setEndOfListElement,\n  hasMore,\n  loadingText = 'Loading more data...',\n}: DataListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={setEndOfListElement}\n      className={cn('col-span-full flex min-h-1 justify-center text-ui-md text-neutral3 opacity-50', {\n        'py-4': isLoading,\n        'py-0': !hasMore,\n      })}\n    >\n      {isLoading && loadingText}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListNoMatchProps = ComponentPropsWithoutRef<'div'> & {\n  message?: string;\n};\n\nexport function DataListNoMatch({\n  message = 'Nothing matches your search',\n  className,\n  ...props\n}: DataListNoMatchProps) {\n  return (\n    <div\n      className={cn('col-span-full flex flex-col items-center justify-center gap-2 py-12 text-neutral3', className)}\n      {...props}\n    >\n      <p className=\"text-ui-md\">{message}</p>\n    </div>\n  );\n}\n","import { cva } from 'class-variance-authority';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { cn } from '@/lib/utils';\n\n/**\n * Visual treatment for the whole list.\n *\n * Both are borderless and full-bleed, with a contrasting sticky header band and\n * no row separators. `striped` adds a zebra tint to every other row; `plain`\n * leaves rows transparent so only hover and selection tint them.\n */\nexport type DataListVariant = 'striped' | 'plain';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\nexport type DataListStickyHeaderBackground = 'tinted' | 'surface' | 'transparent';\ntype DataListStickyHeaderBackgroundValue = { background: string; hoverBackground: string };\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask' | 'viewportRef'> & {\n  children: ReactNode;\n  columns: string;\n  variant?: DataListVariant;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /**\n   * Shared fill for the sticky top header and sticky row-header column.\n   * `tinted` is the opaque `--surface-header` band, so sticky headers do not\n   * reveal scrolled content beneath them.\n   */\n  stickyHeaderBackground?: DataListStickyHeaderBackground;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n};\n\nconst stickyHeaderBackgroundValues = {\n  tinted: {\n    background: 'var(--surface-header)',\n    hoverBackground: 'var(--surface-header-hover)',\n  },\n  surface: {\n    background: 'var(--surface2)',\n    hoverBackground: 'color-mix(in oklch, var(--surface2), var(--neutral6) 10%)',\n  },\n  transparent: {\n    background: 'transparent',\n    hoverBackground: 'transparent',\n  },\n} satisfies Record<DataListStickyHeaderBackground, DataListStickyHeaderBackgroundValue>;\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-sticky-header-background'?: string;\n  '--data-list-sticky-header-hover-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (typeof mask === 'object') return { top: false, ...mask };\n\n  return mask;\n}\n\n/**\n * Root grid styling per `variant`. Kept module-private (an exported cva in a\n * `.tsx` trips react-refresh). The borderless table treatments are driven\n * entirely from the root with CSS descendant selectors on the `.data-list-top` /\n * `.data-list-row` markers - the header and row primitives stay untouched, no JS\n * per-row index:\n * - no container fill or border: rows composite over any view.\n * - `gap-y-px`: a uniform 1px gap between every grid track (header and rows).\n * - header: a contrasting band that owns its own radius, no hairline.\n * - rows: full-bleed, so the grid gap is the only spacing. Header, rows and\n *   subheader all share `rounded-lg`.\n * - striped adds translucent zebra tints with `:even`; hover & focus use `!` so\n *   they still win over root-level row styling.\n */\nconst borderlessTableStyles = [\n  'gap-y-px',\n  // A shared opaque tint gives both column headers and sticky row headers the\n  // same treatment without revealing scrolled content beneath sticky surfaces.\n  '[&_.data-list-top]:bg-[var(--data-list-sticky-header-background)] [&_.data-list-top]:rounded-lg',\n  '[&_.data-list-row]:rounded-lg',\n  '[&_.data-list-row]:hover:bg-surface-overlay-strong!',\n  '[&_.data-list-row:focus-within]:bg-surface-overlay-strong!',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-background)]',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-row:hover>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-hover-background)]',\n  '[&_.data-list-row:focus-within>.data-list-sticky-start]:bg-[var(--data-list-sticky-header-hover-background)]',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nconst dataListRootVariants = cva(cn('grid content-start', ...borderlessTableStyles), {\n  variants: {\n    variant: {\n      striped: '[&_.data-list-row]:even:bg-surface-overlay-soft',\n      plain: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'plain',\n  },\n});\n\nexport function DataListRoot({\n  children,\n  columns,\n  className,\n  variant = 'plain',\n  fit = 'content',\n  stickyHeaderBackground = 'tinted',\n  mask,\n  scrollRef,\n  ...props\n}: DataListRootProps) {\n  const stickyHeaderColors = stickyHeaderBackgroundValues[stickyHeaderBackground];\n  const gridStyle: DataListRootStyle = {\n    '--data-list-sticky-header-background': stickyHeaderColors.background,\n    '--data-list-sticky-header-hover-background': stickyHeaderColors.hoverBackground,\n    gridTemplateColumns: columns,\n  };\n\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      className={cn(dataListRootVariants({ variant }), dataListFitClasses[fit])}\n      style={gridStyle}\n    >\n      {children}\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header. A virtualizing list\n  // passes `scrollRef`, forwarded as `viewportRef` so it scrolls this viewport.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      viewportRef={scrollRef}\n      viewPortClassName=\"max-h-[inherit]\"\n      className={cn('size-full', className)}\n    >\n      {grid}\n    </ScrollArea>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport const DataListRowWrapperContext = createContext(false);\n\nexport function useDataListRowWrapperContext() {\n  return useContext(DataListRowWrapperContext);\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles, dataListRowVariants } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowButtonProps = ComponentPropsWithoutRef<'button'> & DataListRowSharedProps;\n\n/**\n * Forwarded ref + spread props so virtualizers (`useVirtualizer.measureElement`)\n * can attach a ref and `data-index` to each rendered row.\n */\nexport const DataListRowButton = forwardRef<HTMLButtonElement, DataListRowButtonProps>(\n  ({ children, className, type = 'button', colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(\n          ...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles),\n          'text-left',\n          // `!` so the selection fill wins over borderless table root styling\n          // (higher-specificity descendant rules); same color in `default`.\n          featured && 'bg-surface-row-featured!',\n          dataListRowVariants({ variant }),\n          className,\n        )}\n        style={resolvedStyle}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nDataListRowButton.displayName = 'DataListRowButton';\n","import type { CSSProperties, ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles, dataListRowVariants } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowLinkProps = DataListRowSharedProps & {\n  children: ReactNode;\n  to: string;\n  className?: string;\n  style?: CSSProperties;\n  LinkComponent?: LinkComponent;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'children' | 'className' | 'style'>;\n\nexport function DataListRowLink({\n  children,\n  to,\n  className,\n  style,\n  LinkComponent: Link = 'a',\n  colStart,\n  colEnd,\n  featured,\n  variant,\n  ...rest\n}: DataListRowLinkProps) {\n  const isWrapped = useDataListRowWrapperContext();\n  const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n  const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n  return (\n    <Link\n      href={to}\n      className={cn(\n        ...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles),\n        // `!` so the selection fill wins over borderless table root styling\n        // (higher-specificity descendant rules); same color in `default`.\n        featured && 'bg-surface-row-featured!',\n        dataListRowVariants({ variant }),\n        className,\n      )}\n      style={resolvedStyle}\n      {...rest}\n    >\n      {children}\n    </Link>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { DataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowOuterStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'>;\n\n/**\n * Non-interactive grid wrapper. Used to host a leading or trailing cell (e.g. a\n * selection checkbox or row actions) alongside a `DataList.RowButton` so\n * hover/focus/click only apply to the button portion. For standalone\n * interactive rows, use `DataList.RowButton` directly without this wrapper.\n *\n * Carries the `.data-list-row` marker so root-level row styling behaves the\n * same in wrapped and standalone rows.\n */\nexport const DataListRowWrapper = forwardRef<HTMLDivElement, DataListRowWrapperProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <DataListRowWrapperContext.Provider value>\n        <div ref={ref} className={cn('grid grid-cols-subgrid gap-0', ...dataListRowOuterStyles, className)} {...rest}>\n          {children}\n        </div>\n      </DataListRowWrapperContext.Provider>\n    );\n  },\n);\n\nDataListRowWrapper.displayName = 'DataListRowWrapper';\n","export type DataListSpacerProps = {\n  /** Pixel height of the spacer. Pass 0 to render nothing. */\n  height: number;\n};\n\n/**\n * Pads top/bottom of the visible window when virtualizing — preserves the\n * grid's total scroll height for the rows that aren't currently rendered.\n * Spans the full grid width so it doesn't disturb column layout.\n */\nexport function DataListSpacer({ height }: DataListSpacerProps) {\n  if (height <= 0) return null;\n  return <div className=\"col-span-full\" style={{ height }} />;\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-8 px-5',\n        hasLeadingCell && 'gap-0 pl-0!',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { dataListStickyStartStyles, dataListTopRevealStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-ui-sm font-medium whitespace-nowrap text-neutral2',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mr-4 -ml-5 w-auto max-w-none rounded-l-lg pr-4 pl-5',\n          sticky === 'start' && 'z-20 bg-[var(--data-list-sticky-header-background)]',\n          className,\n        )}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className={cn(\n        'w-8 cursor-pointer justify-center overflow-visible px-0 py-0!',\n        checked === false && dataListTopRevealStyles,\n      )}\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n"],"names":["cva","jsx","cn","Children","isValidElement","cloneElement","Checkbox","isToday","format","jsxs","Fragment","ScrollArea","createContext","useContext","forwardRef","tooltip","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}