@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.4

package/dist/data-list-top-cell-GbxlrnjB.cjs

@@ -0,0 +1,540 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const dateFns = require('date-fns');
+const React = require('react');
+const checkbox = require('./checkbox-D1vhO7CT.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const index = require('./index-C-Lt4Bx_.cjs');
+const scrollArea = require('./scroll-area-0KvrrVBh.cjs');
+const tooltip = require('./tooltip-fTKN3FCp.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",
+  "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",
+  "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 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'
+];
+const dataListRowVariants = index.cva("", {
+  variants: {
+    variant: {
+      default: "",
+      error: "bg-notice-destructive/10! hover:bg-notice-destructive/15!"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+
+function DataListCell({ children, className, height = "default", as, sticky, ...rest }) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      className: utils_cn.cn(
+        'relative grid min-w-0 max-w-full items-center overflow-hidden text-ui-md whitespace-nowrap text-neutral3 empty:before:content-["—"] empty:before:text-neutral2',
+        height === "compact" ? "py-1.5" : "py-2.5",
+        sticky === "start" && dataListStickyStartStyles,
+        className
+      ),
+      ...rest,
+      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 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: dataListInlineTextTruncateStyles, children });
+}
+function DataListTruncatedTextNodes({ children }) {
+  return React.Children.map(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      return /* @__PURE__ */ jsxRuntime.jsx(DataListInlineText, { children: child });
+    }
+    return child;
+  });
+}
+function DataListTruncatedCellContent({ children }) {
+  return React.Children.map(children, (child) => {
+    if (!React.isValidElement(child) || typeof child.type !== "string") {
+      return child;
+    }
+    return React.cloneElement(child, {
+      className: utils_cn.cn("min-w-0 max-w-full overflow-hidden", child.props.className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedTextNodes, { children: child.props.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 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 }) }) });
+}
+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 }) }) });
+}
+function DataListRowHeaderCell({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListCell,
+    {
+      sticky: "start",
+      className: utils_cn.cn(
+        "data-list-row-header -ml-5 -mr-4 w-auto max-w-none rounded-l-md pl-5 pr-4 text-left text-ui-sm font-semibold tracking-tight text-neutral2",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(dataListTruncateContentStyles, "relative z-10 w-full"), children: /* @__PURE__ */ jsxRuntime.jsx(DataListTruncatedCellContent, { children }) })
+    }
+  );
+}
+function DataListNumberCell({
+  children,
+  className,
+  highlight,
+  height = "compact",
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListCell,
+    {
+      height,
+      className: utils_cn.cn(
+        "justify-items-end text-right text-ui-sm tabular-nums",
+        highlight ? "text-neutral4 font-semibold" : "text-neutral3",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+function getShortId(id) {
+  if (!id) return "";
+  return id.length > 8 ? id.slice(0, 8) : id;
+}
+function DataListIdCell({ id }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd font-mono text-neutral3", children: getShortId(id) });
+}
+function DataListSelectCell({ checked, onToggle, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListCell,
+    {
+      as: "label",
+      height: "compact",
+      className: "h-8 w-8 self-center cursor-pointer justify-items-center overflow-visible px-0 py-0!",
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox,
+        {
+          checked,
+          onCheckedChange: () => {
+          },
+          onClick: (e) => {
+            e.stopPropagation();
+            onToggle(e.shiftKey);
+          },
+          "aria-label": rest["aria-label"]
+        }
+      )
+    }
+  );
+}
+function DataListMonoCell({ children, className, height = "compact" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils_cn.cn(
+        'block min-w-0 max-w-full text-ui-smd font-mono text-neutral3 truncate 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 });
+}
+function DataListTimeCell({ timestamp }) {
+  const date = toDate(timestamp);
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListCell, { height: "compact", className: "text-ui-smd font-mono text-neutral3 flex", children: date ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    dateFns.format(date, "HH:mm:ss"),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral2", children: [
+      ".",
+      String(date.getMilliseconds()).padStart(3, "0")
+    ] })
+  ] }) : null });
+}
+
+function DataListNextPageLoading({
+  isLoading,
+  setEndOfListElement,
+  hasMore,
+  loadingText = "Loading more data..."
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: setEndOfListElement,
+      className: utils_cn.cn("col-span-full text-ui-md text-neutral3 opacity-50 flex justify-center min-h-1", {
+        "py-4": isLoading,
+        "py-0": !hasMore
+      }),
+      children: isLoading && loadingText
+    }
+  );
+}
+
+function DataListNoMatch({
+  message = "Nothing matches your search",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn("col-span-full flex flex-col items-center justify-center gap-2 py-12 text-neutral3", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md", children: message })
+    }
+  );
+}
+
+const stickyHeaderBackgroundValues = {
+  tinted: {
+    background: "color-mix(in oklch, var(--surface1), var(--neutral6) 10%)",
+    hoverBackground: "color-mix(in oklch, var(--surface1), var(--neutral6) 14%)"
+  },
+  surface: {
+    background: "var(--surface2)",
+    hoverBackground: "color-mix(in oklch, var(--surface2), var(--neutral6) 10%)"
+  },
+  transparent: {
+    background: "transparent",
+    hoverBackground: "transparent"
+  }
+};
+function getDataListMask(mask) {
+  if (mask === void 0) return { top: false };
+  if (typeof mask === "object") return { top: false, ...mask };
+  return mask;
+}
+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-row]:hover:bg-surface-overlay-strong!",
+  "[&_.data-list-row]:focus-visible: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"
+];
+const dataListRootVariants = index.cva(utils_cn.cn("grid w-max min-w-full max-w-none content-start"), {
+  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:absolute [&_.data-list-row]:after:h-px [&_.data-list-row]:after:content-[""] [&_.data-list-row]:after:pointer-events-none',
+        "[&_.data-list-row]:after:inset-x-2 [&_.data-list-row]:after:-bottom-px [&_.data-list-row]:after:bg-neutral6/10"
+      )
+    }
+  },
+  defaultVariants: {
+    variant: "lined"
+  }
+});
+function DataListRoot({
+  children,
+  columns,
+  className,
+  variant = "lined",
+  stickyHeaderBackground = "tinted",
+  mask,
+  scrollRef,
+  ...props
+}) {
+  const stickyHeaderColors = stickyHeaderBackgroundValues[stickyHeaderBackground];
+  const gridStyle = {
+    "--data-list-sticky-header-background": stickyHeaderColors.background,
+    "--data-list-sticky-header-hover-background": stickyHeaderColors.hoverBackground,
+    gridTemplateColumns: columns
+  };
+  const grid = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: dataListRootVariants({ variant }),
+      style: gridStyle,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    scrollArea.ScrollArea,
+    {
+      ...props,
+      orientation: "both",
+      mask: getDataListMask(mask),
+      viewportRef: scrollRef,
+      viewPortClassName: "max-h-[inherit]",
+      className: utils_cn.cn("h-full w-full rounded-t-xl", className),
+      children: grid
+    }
+  );
+}
+
+const DataListRowWrapperContext = React.createContext(false);
+function useDataListRowWrapperContext() {
+  return React.useContext(DataListRowWrapperContext);
+}
+
+const DataListRowButton = React.forwardRef(
+  ({
+    children,
+    className,
+    type = "button",
+    flushLeft,
+    flushRight,
+    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;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        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!",
+          dataListRowVariants({ variant }),
+          className
+        ),
+        style: resolvedStyle,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowButton.displayName = "DataListRowButton";
+
+function DataListRowLink({
+  children,
+  to,
+  className,
+  style,
+  LinkComponent: Link = "a",
+  flushLeft,
+  flushRight,
+  colStart,
+  colEnd,
+  featured,
+  variant
+}) {
+  const isWrapped = useDataListRowWrapperContext();
+  const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+  const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link,
+    {
+      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!",
+        dataListRowVariants({ variant }),
+        className
+      ),
+      style: resolvedStyle,
+      children
+    }
+  );
+}
+
+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("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className),
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
+function DataListSpacer({ height }) {
+  if (height <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", style: { height } });
+}
+
+function DataListTop({ children, className, hasLeadingCell, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        'data-list-top mx-1 grid grid-cols-subgrid gap-8 col-span-full relative px-5 bg-surface2 sticky top-0 z-20 after:absolute after:inset-x-[-0.25rem] after:bottom-0 after:h-px after:bg-border1 after:content-[""] after:pointer-events-none',
+        hasLeadingCell && "gap-0 pl-0!",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+const DataListTopCell = React.forwardRef(
+  ({ children, className, as, sticky, ...rest }, ref) => {
+    const Component = as || "span";
+    const isText = typeof children === "string" || typeof children === "number";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: utils_cn.cn(
+          "h-8 min-w-0 max-w-full overflow-hidden py-1 flex items-center whitespace-nowrap text-neutral2 font-semibold tracking-tight text-ui-sm",
+          sticky === "start" && dataListStickyStartStyles,
+          sticky === "start" && "-ml-5 -mr-4 w-auto max-w-none rounded-tl-xl rounded-bl-md pl-5 pr-4",
+          sticky === "start" && "z-20 bg-[var(--data-list-sticky-header-background)]",
+          className
+        ),
+        ...rest,
+        children: isText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }) : children
+      }
+    );
+  }
+);
+function DataListTopCellWithTooltip({ children, tooltip: tooltip$1, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(DataListTopCell, { className, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: tooltip$1 })
+  ] });
+}
+const breakpointClasses = {
+  sm: { show: "hidden sm:inline-flex", hide: "inline-flex sm:hidden" },
+  md: { show: "hidden md:inline-flex", hide: "inline-flex md:hidden" },
+  lg: { show: "hidden lg:inline-flex", hide: "inline-flex lg:hidden" },
+  xl: { show: "hidden xl:inline-flex", hide: "inline-flex xl:hidden" },
+  "2xl": { show: "hidden 2xl:inline-flex", hide: "inline-flex 2xl:hidden" }
+};
+function DataListTopCellSmart({
+  long,
+  short,
+  tooltip,
+  breakpoint = "2xl",
+  className
+}) {
+  const tooltipText = tooltip ?? (typeof long === "string" ? long : void 0);
+  const bp = breakpointClasses[breakpoint];
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("items-center gap-1", bp.show), children: long }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("items-center gap-1", bp.hide), children: short })
+  ] });
+  if (tooltipText) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DataListTopCellWithTooltip,
+      {
+        tooltip: tooltipText,
+        className: utils_cn.cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(DataListTopCell, { className: utils_cn.cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className), children: content });
+}
+function DataListTopSelectCell({ checked, onToggle, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataListTopCell,
+    {
+      as: "label",
+      className: "w-8 cursor-pointer justify-center overflow-visible px-0 py-0!",
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { checked, onCheckedChange: () => onToggle(), "aria-label": rest["aria-label"] })
+    }
+  );
+}
+
+exports.DataListCell = DataListCell;
+exports.DataListDateCell = DataListDateCell;
+exports.DataListDescriptionCell = DataListDescriptionCell;
+exports.DataListIdCell = DataListIdCell;
+exports.DataListMonoCell = DataListMonoCell;
+exports.DataListNameCell = DataListNameCell;
+exports.DataListNextPageLoading = DataListNextPageLoading;
+exports.DataListNoMatch = DataListNoMatch;
+exports.DataListNumberCell = DataListNumberCell;
+exports.DataListRoot = DataListRoot;
+exports.DataListRowButton = DataListRowButton;
+exports.DataListRowHeaderCell = DataListRowHeaderCell;
+exports.DataListRowLink = DataListRowLink;
+exports.DataListRowWrapper = DataListRowWrapper;
+exports.DataListSelectCell = DataListSelectCell;
+exports.DataListSpacer = DataListSpacer;
+exports.DataListTextCell = DataListTextCell;
+exports.DataListTimeCell = DataListTimeCell;
+exports.DataListTop = DataListTop;
+exports.DataListTopCell = DataListTopCell;
+exports.DataListTopCellSmart = DataListTopCellSmart;
+exports.DataListTopCellWithTooltip = DataListTopCellWithTooltip;
+exports.DataListTopSelectCell = DataListTopSelectCell;
+exports.dataListRowStaticStyles = dataListRowStaticStyles;
+exports.dataListRowVariants = dataListRowVariants;
+exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
+//# sourceMappingURL=data-list-top-cell-GbxlrnjB.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-top-cell-GbxlrnjB.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 * Contains the `.data-list-row` marker class (used by the sibling-aware\n * separator rules), the full-width separator treatment, and rounded corners.\n */\nexport const dataListRowOuterStyles = [\n  'data-list-row col-span-full relative mt-[3px] mb-1',\n  'after:absolute after:inset-x-[-0.25rem] after:bottom-[-0.25rem] after:h-px after:bg-border1 after:content-[\"\"] after:pointer-events-none',\n  '[&:has(+.data-list-subheader)]:after:hidden [&:not(:has(~.data-list-row))]:after:hidden',\n  'transition-colors duration-200 rounded-lg',\n] as const;\n\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-8 px-5 outline-none cursor-pointer',\n  'hover:bg-surface4 focus-visible:bg-surface4 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 = ['mx-1', ...dataListRowInteractiveStyles, ...dataListRowOuterStyles] as const;\n\nexport const dataListRowStaticStyles = ['mx-1 grid grid-cols-subgrid gap-8 px-5', ...dataListRowOuterStyles] as const;\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   * Drop the row's default left margin. Use when the row is wrapped in a\n   * `DataList.RowWrapper` that owns the leading inset (e.g. for selection rows where\n   * the checkbox cell sits on the left).\n   */\n  flushLeft?: boolean;\n  /**\n   * Drop the row's default right margin. Use when the row is wrapped in a\n   * `DataList.RowWrapper` that owns the trailing inset (e.g. for rows with a\n   * trailing actions cell on the right).\n   */\n  flushRight?: boolean;\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 { 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  height?: 'default' | 'compact';\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, height = 'default', as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid min-w-0 max-w-full items-center overflow-hidden text-ui-md whitespace-nowrap text-neutral3 empty:before:content-[\"—\"] empty:before:text-neutral2',\n        height === 'compact' ? 'py-1.5' : 'py-2.5',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\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('min-w-0 max-w-full overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport function DataListTextCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={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 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 -ml-5 -mr-4 w-auto max-w-none rounded-l-md pl-5 pr-4 text-left text-ui-sm font-semibold tracking-tight 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. Defaults to `compact` height to match those layouts; pass `highlight`\n * for the emphasized column.\n */\nexport function DataListNumberCell({\n  children,\n  className,\n  highlight,\n  height = 'compact',\n  ...rest\n}: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      height={height}\n      className={cn(\n        'justify-items-end text-right text-ui-sm tabular-nums',\n        highlight ? 'text-neutral4 font-semibold' : 'text-neutral3',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nfunction getShortId(id: string | undefined): string {\n  if (!id) return '';\n  return id.length > 8 ? id.slice(0, 8) : id;\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd font-mono text-neutral3\">\n      {getShortId(id)}\n    </DataListCell>\n  );\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 event's propagation is stopped\n   * before `onToggle` runs, so the host row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      height=\"compact\"\n      className=\"h-8 w-8 self-center cursor-pointer justify-items-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox\n        checked={checked}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        onClick={e => {\n          e.stopPropagation();\n          onToggle(e.shiftKey);\n        }}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nexport interface DataListMonoCellProps {\n  children: ReactNode;\n  /** Override classes on the inner span (e.g. swap the default `text-neutral3` tone). */\n  className?: string;\n  /** Cell vertical padding. Defaults to `compact` to match other identifier cells. */\n  height?: 'default' | 'compact';\n}\n\n/**\n * Mono-typography cell with truncation. Shared by any column that\n * shows code-like text (input previews, JSON summaries, identifiers, etc.).\n */\nexport function DataListMonoCell({ children, className, height = 'compact' }: DataListMonoCellProps) {\n  return (\n    <DataListCell height={height}>\n      <span\n        className={cn(\n          'block min-w-0 max-w-full text-ui-smd font-mono text-neutral3 truncate empty:before:content-[\"—\"]',\n          className,\n        )}\n      >\n        {children}\n      </span>\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 height=\"compact\" 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\n/** Compact monospace time cell — `HH:mm:ss.SSS` with the millisecond portion tinted. */\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd font-mono text-neutral3 flex\">\n      {date ? (\n        <>\n          {format(date, 'HH:mm:ss')}\n          <span className=\"text-neutral2\">.{String(date.getMilliseconds()).padStart(3, '0')}</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 text-ui-md text-neutral3 opacity-50 flex justify-center min-h-1', {\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 * - `striped`: borderless and full-bleed, zebra-striped rows (every other row\n *   tinted), contrasting sticky header band, no row separators.\n * - `lined`: borderless and full-bleed like `striped`, but rows stay transparent\n *   and use subtle separators instead of zebra tints.\n */\nexport type DataListVariant = 'striped' | 'lined';\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  /**\n   * Shared fill for the sticky top header and sticky row-header column.\n   * `tinted` is an opaque equivalent of the former `neutral6/10` tint, so sticky\n   * headers do not 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: 'color-mix(in oklch, var(--surface1), var(--neutral6) 10%)',\n    hoverBackground: 'color-mix(in oklch, var(--surface1), var(--neutral6) 14%)',\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 the radius (the container no longer\n *   rounds/clips) — `rounded-t-xl` top, `rounded-b-md` bottom to match the rows\n *   sitting below the 1px gap, no hairline.\n * - rows: full-bleed, `rounded-md` (last row included); rows zero\n *   their own margins so the grid gap is the only spacing.\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]:mx-0 [&_.data-list-top]:bg-[var(--data-list-sticky-header-background)] [&_.data-list-top]:after:hidden',\n  '[&_.data-list-top]:rounded-t-xl [&_.data-list-top]:rounded-b-md',\n  // header column separators: a short, faint vertical line centered in the gap\n  // to the left of every header cell but the first. A `before` pseudo (not a\n  // `border-l` + padding) keeps header text aligned with the row cells below.\n  // The cell's default `overflow-hidden` would clip a gap-positioned pseudo, so\n  // these cells switch to `overflow-visible`; the title text still truncates via\n  // its inner `truncate` span, so nothing else spills.\n  '[&_.data-list-top>*:not(:first-child)]:relative [&_.data-list-top>*:not(:first-child)]:overflow-visible',\n  '[&_.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-[\"\"]',\n  '[&_.data-list-row]:mx-0 [&_.data-list-row]:my-0 [&_.data-list-row]:rounded-md',\n  '[&_.data-list-row]:hover:bg-surface-overlay-strong!',\n  '[&_.data-list-row]:focus-visible: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-visible>.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  '[&_.data-list-top>.data-list-sticky-start+*]:before:hidden',\n] as const;\n\nconst dataListRootVariants = cva(cn('grid w-max min-w-full max-w-none content-start'), {\n  variants: {\n    variant: {\n      striped: cn(\n        ...borderlessTableStyles,\n        '[&_.data-list-row]:after:hidden',\n        '[&_.data-list-row]:even:bg-surface-overlay-soft',\n      ),\n      lined: cn(\n        ...borderlessTableStyles,\n        '[&_.data-list-row]:after:absolute [&_.data-list-row]:after:h-px [&_.data-list-row]:after:content-[\"\"] [&_.data-list-row]:after:pointer-events-none',\n        '[&_.data-list-row]:after:inset-x-2 [&_.data-list-row]:after:-bottom-px [&_.data-list-row]:after:bg-neutral6/10',\n      ),\n    },\n  },\n  defaultVariants: {\n    variant: 'lined',\n  },\n});\n\nexport function DataListRoot({\n  children,\n  columns,\n  className,\n  variant = 'lined',\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={dataListRootVariants({ variant })}\n      style={gridStyle}\n    >\n      {children}\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar (no reserved gutter,\n  // so the sticky header spans the full width and both top corners clip cleanly)\n  // plus the default edge fades. When the list virtualizes it passes a\n  // `scrollRef`; forwarding it as `viewportRef` makes the virtualizer scroll\n  // this viewport.\n  //\n  // `rounded-t-xl` clips the viewport top. Masks default to every overflowing\n  // edge except the top — a top fade would fade the opaque sticky header.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      viewportRef={scrollRef}\n      viewPortClassName=\"max-h-[inherit]\"\n      className={cn('h-full w-full rounded-t-xl', 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  (\n    {\n      children,\n      className,\n      type = 'button',\n      flushLeft,\n      flushRight,\n      colStart,\n      colEnd,\n      featured,\n      variant,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\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          !isWrapped && flushLeft && 'ml-0!',\n          !isWrapped && flushRight && 'mr-0!',\n          // `!` so the selection fill wins over borderless table root styling\n          // (higher-specificity descendant rules); same color in `default`.\n          featured && 'bg-surface4!',\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, 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};\n\nexport function DataListRowLink({\n  children,\n  to,\n  className,\n  style,\n  LinkComponent: Link = 'a',\n  flushLeft,\n  flushRight,\n  colStart,\n  colEnd,\n  featured,\n  variant,\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        !isWrapped && flushLeft && 'ml-0!',\n        !isWrapped && flushRight && 'mr-0!',\n        // `!` so the selection fill wins over borderless table root styling\n        // (higher-specificity descendant rules); same color in `default`.\n        featured && 'bg-surface4!',\n        dataListRowVariants({ variant }),\n        className,\n      )}\n      style={resolvedStyle}\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 row-level border + `.data-list-row` marker so separators and\n * sibling-aware rules behave the 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\n          ref={ref}\n          className={cn('grid grid-cols-subgrid gap-0 mx-1', ...dataListRowOuterStyles, className)}\n          {...rest}\n        >\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        'data-list-top mx-1 grid grid-cols-subgrid gap-8 col-span-full relative px-5 bg-surface2 sticky top-0 z-20 after:absolute after:inset-x-[-0.25rem] after:bottom-0 after:h-px after:bg-border1 after:content-[\"\"] after:pointer-events-none',\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 } 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          'h-8 min-w-0 max-w-full overflow-hidden py-1 flex items-center whitespace-nowrap text-neutral2 font-semibold tracking-tight text-ui-sm',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-ml-5 -mr-4 w-auto max-w-none rounded-tl-xl rounded-bl-md pl-5 pr-4',\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<string, { 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\n        tooltip={tooltipText}\n        className={cn('flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]', className)}\n      >\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return (\n    <DataListTopCell className={cn('flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]', className)}>{content}</DataListTopCell>\n  );\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=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\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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"}