@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/data-list-spacer-Duvki6d9.cjs

@@ -1,209 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-const React = require('react');
-const dataListTop = require('./data-list-top-CbWpkCBc.cjs');
-const primitives_fluidMenu = require('./primitives/fluid-menu.cjs.js');
-const lucideReact = require('lucide-react');
-const Button = require('./Button-CIwF6NHM.cjs');
-
-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 -mt-px flex justify-center text-body text-muted-foreground opacity-50", {
-        "py-4": isLoading
-      }),
-      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 rounded-lg bg-background py-8 text-muted-foreground",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body", children: message })
-    }
-  );
-}
-
-const DataListRowWrapperContext = React.createContext(false);
-function useDataListRowWrapperContext() {
-  return React.useContext(DataListRowWrapperContext);
-}
-
-const DataListRowButton = React.forwardRef(
-  ({ children, className, type = "button", colStart, colEnd, featured, variant, style, ...rest }, ref) => {
-    const isWrapped = useDataListRowWrapperContext();
-    const fluidRef = primitives_fluidMenu.useFluidMenuItemRef(ref);
-    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
-    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        ref: isWrapped ? ref : fluidRef,
-        type,
-        className: utils_cn.cn(...isWrapped ? dataListTop.dataListRowInteractiveStyles : dataListTop.dataListRowStyles, "text-left", className),
-        style: resolvedStyle,
-        "data-featured": featured || void 0,
-        "data-variant": variant ?? "default",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListRowButton.displayName = "DataListRowButton";
-
-const DataListRowLink = React.forwardRef(
-  ({ children, to, className, style, LinkComponent: Link = "a", colStart, colEnd, featured, variant, ...rest }, ref) => {
-    const isWrapped = useDataListRowWrapperContext();
-    const fluidRef = primitives_fluidMenu.useFluidMenuItemRef(ref);
-    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
-    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Link,
-      {
-        ref: isWrapped ? ref : fluidRef,
-        href: to,
-        className: utils_cn.cn(...isWrapped ? dataListTop.dataListRowInteractiveStyles : dataListTop.dataListRowStyles, className),
-        style: resolvedStyle,
-        "data-featured": featured || void 0,
-        "data-variant": variant ?? "default",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListRowLink.displayName = "DataListRowLink";
-
-const DataListRowWrapper = React.forwardRef(
-  ({ children, className, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {
-    const isSelectable = onSelectRow !== void 0;
-    const rowRef = primitives_fluidMenu.useFluidMenuItemRef(ref);
-    const handleClick = (event) => {
-      onClick?.(event);
-      if (!isSelectable || event.defaultPrevented) return;
-      onSelectRow();
-    };
-    const handleKeyDown = (event) => {
-      onKeyDown?.(event);
-      if (!isSelectable || event.defaultPrevented) return;
-      if (event.key === "Enter" && event.target === event.currentTarget) {
-        event.preventDefault();
-        onSelectRow();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: rowRef,
-        tabIndex: tabIndex ?? (isSelectable ? 0 : void 0),
-        className: utils_cn.cn(
-          "grid grid-cols-subgrid gap-0",
-          ...dataListTop.dataListRowOuterStyles,
-          ...dataListTop.dataListRowStateStyles,
-          isSelectable && "cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset",
-          className
-        ),
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        ...rest,
-        children
-      }
-    ) });
-  }
-);
-DataListRowWrapper.displayName = "DataListRowWrapper";
-
-const sortIcons = {
-  asc: lucideReact.ArrowUp,
-  desc: lucideReact.ArrowDown,
-  none: lucideReact.ArrowUpDown
-};
-const sortLabels = {
-  asc: "ascending",
-  desc: "descending"
-};
-const sortAnimations = {
-  asc: "animate-sort-arrow-up",
-  desc: "animate-sort-arrow-down"
-};
-const sortTooltips = {
-  asc: "Asc",
-  desc: "Desc",
-  none: "Sort"
-};
-function DataListSortableTopCell({
-  children,
-  sortKey,
-  sort,
-  onSortChange,
-  align = "start",
-  className,
-  ...props
-}) {
-  const next = sort === "asc" ? "desc" : "asc";
-  const SortIcon = sortIcons[sort ?? "none"];
-  const label = typeof children === "string" ? children : sortKey;
-  const current = sort ? `sorted ${sortLabels[sort]}` : "not sorted";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    dataListTop.DataListTopCell,
-    {
-      "data-sort": sort ?? "none",
-      className: utils_cn.cn("gap-1 overflow-visible", align === "end" && "flex-row-reverse", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button.Button,
-          {
-            variant: "ghost",
-            size: "icon-sm",
-            "aria-label": `${label}, ${current}, sort ${sortLabels[next]}`,
-            tooltip: sortTooltips[sort ?? "none"],
-            onClick: () => onSortChange(next, sortKey),
-            className: utils_cn.cn("shrink-0", sort ? "text-foreground" : "text-muted-foreground"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { className: sort && sortAnimations[sort] }, sort ?? "none")
-          }
-        )
-      ]
-    }
-  );
-}
-
-function DataListSpacer({ height }) {
-  if (height <= 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", style: { height } });
-}
-
-exports.DataListNextPageLoading = DataListNextPageLoading;
-exports.DataListNoMatch = DataListNoMatch;
-exports.DataListRowButton = DataListRowButton;
-exports.DataListRowLink = DataListRowLink;
-exports.DataListRowWrapper = DataListRowWrapper;
-exports.DataListSortableTopCell = DataListSortableTopCell;
-exports.DataListSpacer = DataListSpacer;
-exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
-//# sourceMappingURL=data-list-spacer-Duvki6d9.cjs.map

package/dist/data-list-spacer-Duvki6d9.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-list-spacer-Duvki6d9.cjs","sources":["../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-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-sortable-top-cell.tsx","../src/ds/components/DataList/data-list-spacer.tsx"],"sourcesContent":["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      // Zero-height when idle so it adds no trailing space below the last row;\n      // IntersectionObserver still fires for a zero-area target at the viewport edge.\n      className={cn('col-span-full -mt-px flex justify-center text-body text-muted-foreground opacity-50', {\n        'py-4': isLoading,\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(\n        'col-span-full flex flex-col items-center justify-center gap-2 rounded-lg bg-background py-8 text-muted-foreground',\n        className,\n      )}\n      {...props}\n    >\n      <p className=\"text-body\">{message}</p>\n    </div>\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 } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\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    // Standalone rows register with the root's fluid hover; wrapped ones let the wrapper do it.\n    const fluidRef = useFluidMenuItemRef(ref);\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <button\n        ref={isWrapped ? ref : fluidRef}\n        type={type}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), 'text-left', className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nDataListRowButton.displayName = 'DataListRowButton';\n","import { forwardRef } from 'react';\nimport type { CSSProperties, ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\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 const DataListRowLink = forwardRef<HTMLAnchorElement, DataListRowLinkProps>(\n  (\n    { children, to, className, style, LinkComponent: Link = 'a', colStart, colEnd, featured, variant, ...rest },\n    ref,\n  ) => {\n    const isWrapped = useDataListRowWrapperContext();\n    // Standalone rows register with the root's fluid hover; wrapped ones let the wrapper do it.\n    const fluidRef = useFluidMenuItemRef(ref);\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <Link\n        ref={isWrapped ? ref : fluidRef}\n        href={to}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </Link>\n    );\n  },\n);\n\nDataListRowLink.displayName = 'DataListRowLink';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent } from 'react';\nimport { DataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowOuterStyles, dataListRowStateStyles } from './shared';\nimport { useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Makes the whole wrapper the row's activation target: it becomes focusable\n   * (`tabIndex=0` unless overridden, e.g. by `getRowProps`), and a click or\n   * Enter on the wrapper itself calls this. Descendants that must not activate\n   * the row (the inner link, popover triggers, action buttons) should call\n   * `event.stopPropagation()` on their click.\n   */\n  onSelectRow?: () => void;\n};\n\n/**\n * Grid wrapper used to host a leading or trailing cell (e.g. a selection\n * checkbox or row actions) alongside a `DataList.RowButton` / `RowLink`.\n *\n * Without `onSelectRow` it is non-interactive: hover/focus/click only apply to\n * the nested row primitive. With `onSelectRow` the wrapper itself becomes the\n * click / Enter target so the entire row (including trailing cells) activates.\n * For standalone interactive rows, use `DataList.RowButton` directly.\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, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {\n    const isSelectable = onSelectRow !== undefined;\n    // The wrapper is the `.data-list-row` element, so it (not the nested\n    // RowButton/RowLink) registers with the root's fluid hover.\n    const rowRef = useFluidMenuItemRef(ref);\n\n    const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n      onClick?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      onSelectRow();\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      // Only when the wrapper itself is focused. A focused descendant (the\n      // link) receiving Enter fires its own native click; handling it here too\n      // would activate the row twice.\n      if (event.key === 'Enter' && event.target === event.currentTarget) {\n        event.preventDefault();\n        onSelectRow();\n      }\n    };\n\n    return (\n      <DataListRowWrapperContext.Provider value>\n        <div\n          ref={rowRef}\n          tabIndex={tabIndex ?? (isSelectable ? 0 : undefined)}\n          className={cn(\n            'grid grid-cols-subgrid gap-0',\n            ...dataListRowOuterStyles,\n            ...dataListRowStateStyles,\n            isSelectable &&\n              'cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset',\n            className,\n          )}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DataListRowWrapperContext.Provider>\n    );\n  },\n);\n\nDataListRowWrapper.displayName = 'DataListRowWrapper';\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { DataListTopCell } from './data-list-top-cell';\nimport type { DataListTopCellProps } from './data-list-top-cell';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSort = 'asc' | 'desc';\n\nconst sortIcons = {\n  asc: ArrowUp,\n  desc: ArrowDown,\n  none: ArrowUpDown,\n};\n\nconst sortLabels = {\n  asc: 'ascending',\n  desc: 'descending',\n};\n\nconst sortAnimations = {\n  asc: 'animate-sort-arrow-up',\n  desc: 'animate-sort-arrow-down',\n};\n\nconst sortTooltips = {\n  asc: 'Asc',\n  desc: 'Desc',\n  none: 'Sort',\n};\n\nexport type DataListSortableTopCellProps<K extends string = string> = Omit<\n  DataListTopCellProps,\n  'aria-sort' | 'as' | 'children' | 'onClick'\n> & {\n  children: ReactNode;\n  sortKey: K;\n  sort?: DataListSort;\n  onSortChange: (sort: DataListSort, key: K) => void;\n  align?: 'start' | 'end';\n};\n\nexport function DataListSortableTopCell<K extends string = string>({\n  children,\n  sortKey,\n  sort,\n  onSortChange,\n  align = 'start',\n  className,\n  ...props\n}: DataListSortableTopCellProps<K>) {\n  const next: DataListSort = sort === 'asc' ? 'desc' : 'asc';\n  const SortIcon = sortIcons[sort ?? 'none'];\n  const label = typeof children === 'string' ? children : sortKey;\n  const current = sort ? `sorted ${sortLabels[sort]}` : 'not sorted';\n\n  return (\n    <DataListTopCell\n      data-sort={sort ?? 'none'}\n      className={cn('gap-1 overflow-visible', align === 'end' && 'flex-row-reverse', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 truncate\">{children}</span>\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        aria-label={`${label}, ${current}, sort ${sortLabels[next]}`}\n        tooltip={sortTooltips[sort ?? 'none']}\n        onClick={() => onSortChange(next, sortKey)}\n        className={cn('shrink-0', sort ? 'text-foreground' : 'text-muted-foreground')}\n      >\n        <SortIcon key={sort ?? 'none'} className={sort && sortAnimations[sort]} />\n      </Button>\n    </DataListTopCell>\n  );\n}\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"],"names":["jsx","cn","createContext","useContext","forwardRef","useFluidMenuItemRef","dataListRowInteractiveStyles","dataListRowStyles","dataListRowOuterStyles","dataListRowStateStyles","ArrowUp","ArrowDown","ArrowUpDown","jsxs","DataListTopCell","Button"],"mappings":"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"}

package/dist/data-list-top-C3SvVMNH.js

@@ -1,357 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Children, isValidElement, cloneElement, forwardRef } from 'react';
-import { C as Checkbox } from './checkbox-CQedzgsi.js';
-import { c as cn } from './cn-65Adrsfj.js';
-import { formatTimestampPrecise, formatDate } from './utils/date-format.es.js';
-import { getShortId } from './utils/id.es.js';
-import { S as ScrollArea } from './scroll-area-DyTZoISq.js';
-import { useFluidMenu, FluidMenuItems } from './primitives/fluid-menu.es.js';
-import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
-
-const dataListRowOuterStyles = [
-  "group/data-list-row data-list-row col-span-full relative min-h-9",
-  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover
-  // highlight (`-z-1`) can glide *between* the surface and the row content,
-  // exactly like menu items. The row element itself stays transparent.
-  "before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']"
-];
-const dataListRowStateStyles = [
-  "active:bg-fill",
-  "focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel",
-  "data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel",
-  "data-[variant=error]:bg-notice-destructive/10 has-data-[variant=error]:bg-notice-destructive/10 data-[variant=error]:active:bg-notice-destructive/20 has-data-[variant=error]:active:bg-notice-destructive/20"
-];
-const dataListRowInteractiveStyles = [
-  "grid grid-cols-subgrid gap-4 px-3 cursor-pointer",
-  "outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1"
-];
-const dataListRowStyles = [
-  ...dataListRowInteractiveStyles,
-  ...dataListRowOuterStyles,
-  ...dataListRowStateStyles
-];
-const dataListRowStaticStyles = ["grid grid-cols-subgrid gap-4 px-3", ...dataListRowOuterStyles];
-const dataListRowActionRevealStyles = "opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100";
-const dataListStickyStartStyles = [
-  "data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible"
-];
-function splitColumns(columns) {
-  const parts = [];
-  let depth = 0;
-  let current = "";
-  for (const char of columns) {
-    if (char === "(") depth++;
-    if (char === ")") depth--;
-    if (/\s/.test(char) && depth === 0) {
-      if (current) parts.push(current);
-      current = "";
-    } else {
-      current += char;
-    }
-  }
-  if (current) parts.push(current);
-  return parts;
-}
-
-function DataListCell({ children, className, as, sticky, ...rest }) {
-  const Component = as || "span";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: cn(
-        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-["—"]',
-        sticky === "start" && dataListStickyStartStyles,
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-function DataListActionsCell({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className, ...rest, children: /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200",
-        dataListRowActionRevealStyles
-      ),
-      children
-    }
-  ) });
-}
-const dataListTruncateContentStyles = 'block min-w-0 max-w-full truncate empty:before:content-["—"] empty:before:text-placeholder [&>*]: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__ */ jsx("span", { className: dataListInlineTextTruncateStyles, children });
-}
-function DataListTruncatedTextNodes({ children }) {
-  return Children.map(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") {
-      return /* @__PURE__ */ jsx(DataListInlineText, { children: child });
-    }
-    return child;
-  });
-}
-function DataListTruncatedCellContent({ children }) {
-  return Children.map(children, (child) => {
-    if (!isValidElement(child) || typeof child.type !== "string") {
-      return child;
-    }
-    return cloneElement(child, {
-      className: cn("max-w-full min-w-0 overflow-hidden", child.props.className),
-      children: /* @__PURE__ */ jsx(DataListTruncatedTextNodes, { children: child.props.children })
-    });
-  });
-}
-function DataListTextCell({ children, className, font = "sans", ...rest }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: cn(font === "mono" && "font-mono text-body-sm", className), ...rest, children: /* @__PURE__ */ jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsx(DataListTruncatedCellContent, { children }) }) });
-}
-function DataListNameCell({ children, className }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: cn("text-left text-label text-foreground", className), children: /* @__PURE__ */ jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsx(DataListTruncatedCellContent, { children }) }) });
-}
-function DataListDescriptionCell({ children, className }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: cn("text-muted-foreground", className), children: /* @__PURE__ */ jsx("span", { className: dataListTruncateContentStyles, children: /* @__PURE__ */ jsx(DataListTruncatedCellContent, { children }) }) });
-}
-function DataListRowHeaderCell({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx(
-    DataListCell,
-    {
-      sticky: "start",
-      className: cn(
-        "data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground",
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsx("span", { className: cn(dataListTruncateContentStyles, "relative z-10 w-full"), children: /* @__PURE__ */ jsx(DataListTruncatedCellContent, { children }) })
-    }
-  );
-}
-function DataListNumberCell({
-  children,
-  className,
-  highlight,
-  font = "sans",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    DataListCell,
-    {
-      className: cn(
-        "justify-items-end text-right text-muted-foreground tabular-nums",
-        highlight && "text-label text-foreground",
-        font === "mono" && "font-mono",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-function DataListIdCell({ id }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: "tracking-wide text-muted-foreground", children: getShortId(id) });
-}
-function DataListSelectCell({ checked, onToggle, disabled, ...rest }) {
-  return /* @__PURE__ */ jsx(
-    DataListCell,
-    {
-      as: "label",
-      className: cn(
-        "size-8 justify-items-center self-center overflow-visible px-0",
-        disabled ? "cursor-not-allowed" : "cursor-pointer"
-      ),
-      onClick: (e) => e.stopPropagation(),
-      "data-selected": checked || void 0,
-      children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked,
-          disabled,
-          onCheckedChange: () => {
-          },
-          onClick: (e) => onToggle(e.shiftKey),
-          "aria-label": rest["aria-label"]
-        }
-      )
-    }
-  );
-}
-function DataListDateCell({ timestamp }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: "text-muted-foreground", children: formatDate(timestamp, "date") });
-}
-function DataListCreatedCell({ timestamp, preset = "date-time-seconds" }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: "text-muted-foreground tabular-nums", title: formatDate(timestamp, "date-time-seconds"), children: formatDate(timestamp, preset) });
-}
-function DataListTimeCell({ timestamp }) {
-  return /* @__PURE__ */ jsx(DataListCell, { className: "flex text-muted-foreground tabular-nums", children: formatTimestampPrecise(timestamp, { withDate: false }) });
-}
-
-function getDataListMask(mask) {
-  if (mask === void 0) return { top: false };
-  if (mask === true || mask === false) return mask;
-  return { top: false, ...mask };
-}
-const dataListGridStyles = [
-  "gap-y-px",
-  // Rows are siblings of the header, so first/last are found via sibling combinators.
-  "[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg",
-  "[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg",
-  "[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg",
-  "[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg",
-  // Subheaders split the rows into sections; each section gets its own rounded ends.
-  "[&_.data-list-subheader+.data-list-row]:rounded-t-lg",
-  "[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg",
-  "[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg",
-  "[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg",
-  // The fluid highlight follows the same ends: rounded only when the active
-  // row is the first/last of its section, square everywhere else. `:has()`
-  // cannot nest, so "last" is written as "no row follows the active one".
-  "[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg",
-  "[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg",
-  "[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg",
-  "[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg",
-  "[&_.data-list-top]:bg-(--data-list-background)",
-  "[&_.data-list-row>.data-list-sticky-start]:bg-background",
-  // A sticky cell must stay opaque over horizontally scrolled cells, so it
-  // cannot show the fluid highlight through; it takes the opaque twin of a fill
-  // rung over the row well instead, the same level a selected row rests on.
-  "[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel",
-  "[&_.data-list-row>.data-list-sticky-start]:after:right-0",
-  "[&_.data-list-top>.data-list-sticky-start]:after:right-0"
-];
-const dataListVariantClasses = {
-  default: raisedSurfaceStyle,
-  light: ""
-};
-const dataListVariantBackground = {
-  default: "var(--card)",
-  light: "var(--background)"
-};
-const dataListFitClasses = {
-  content: "w-max max-w-none min-w-full",
-  container: "w-full max-w-full"
-};
-function DataListRoot({
-  children,
-  columns,
-  className,
-  fit = "content",
-  variant = "default",
-  mask,
-  scrollRef,
-  ...props
-}) {
-  const gridStyle = {
-    "--data-list-background": dataListVariantBackground[variant],
-    gridTemplateColumns: columns
-  };
-  const menu = useFluidMenu({ gapClick: false });
-  const grid = /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("grid content-start", ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName),
-      style: gridStyle,
-      ...menu.getContainerProps({}),
-      children: /* @__PURE__ */ jsx(FluidMenuItems, { menu, className: "rounded-none bg-fill-subtle", children })
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    ScrollArea,
-    {
-      ...props,
-      orientation: "both",
-      mask: getDataListMask(mask),
-      viewportRef: scrollRef,
-      viewPortClassName: "min-h-0 flex-1 basis-auto",
-      className: cn(
-        "flex max-h-full w-full flex-col self-start rounded-xl p-1",
-        dataListVariantClasses[variant],
-        className
-      ),
-      children: grid
-    }
-  );
-}
-
-const DataListTopCell = forwardRef(
-  ({ children, className, as, sticky, ...rest }, ref) => {
-    const Component = as || "span";
-    const isText = typeof children === "string" || typeof children === "number";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: cn(
-          "flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground",
-          sticky === "start" && dataListStickyStartStyles,
-          sticky === "start" && "-mx-3 w-auto max-w-none px-3",
-          sticky === "start" && "z-20",
-          className
-        ),
-        ...rest,
-        children: isText ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children }) : children
-      }
-    );
-  }
-);
-function DataListTopCellWithTooltip({ children, tooltip, className }) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(DataListTopCell, { className, children }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
-  ] });
-}
-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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.show), children: long }),
-    /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.hide), children: short })
-  ] });
-  if (tooltipText) {
-    return /* @__PURE__ */ jsx(DataListTopCellWithTooltip, { tooltip: tooltipText, className: cn("flex [&_svg]:size-[1.3em]", className), children: content });
-  }
-  return /* @__PURE__ */ jsx(DataListTopCell, { className: cn("flex [&_svg]:size-[1.3em]", className), children: content });
-}
-function DataListTopSelectCell({ checked, onToggle, ...rest }) {
-  return /* @__PURE__ */ jsx(
-    DataListTopCell,
-    {
-      as: "label",
-      className: "w-8 cursor-pointer justify-center overflow-visible px-0 py-0!",
-      onClick: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsx(Checkbox, { checked, onCheckedChange: () => onToggle(), "aria-label": rest["aria-label"] })
-    }
-  );
-}
-
-function DataListTop({ children, className, hasLeadingCell, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3",
-        hasLeadingCell && "gap-0 pl-0!",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-
-export { DataListRoot as D, DataListTop as a, DataListTopCell as b, DataListCell as c, dataListRowOuterStyles as d, DataListTextCell as e, DataListTimeCell as f, DataListDateCell as g, DataListTopCellSmart as h, DataListTopCellWithTooltip as i, DataListCreatedCell as j, DataListIdCell as k, dataListRowStaticStyles as l, DataListTopSelectCell as m, DataListSelectCell as n, DataListNumberCell as o, DataListRowHeaderCell as p, DataListDescriptionCell as q, DataListNameCell as r, splitColumns as s, DataListActionsCell as t, dataListRowInteractiveStyles as u, dataListRowStyles as v, dataListRowStateStyles as w };
-//# sourceMappingURL=data-list-top-C3SvVMNH.js.map