@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

package/dist/{data-keys-and-values-BduKvvC5.cjs → data-keys-and-values-CMJ9zHKm.cjs}

@@ -15,29 +15,12 @@ function DataKeysAndValuesKey({ className, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils_cn.cn("shrink-0 py-0.5 text-body-sm text-placeholder", className), children });
 }
 
-const GRID_TEMPLATES = {
-  1: "auto 1fr",
-  2: "auto auto auto 1fr",
-  3: "auto auto auto auto auto 1fr"
-};
 const DENSITY_GAP_Y = {
   default: "gap-y-1.5",
   dense: "gap-y-0"
 };
-function DataKeysAndValuesRoot({
-  className,
-  children,
-  numOfCol = 1,
-  density = "default"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "dl",
-    {
-      className: utils_cn.cn("grid gap-x-4", DENSITY_GAP_Y[density], className),
-      style: { gridTemplateColumns: GRID_TEMPLATES[numOfCol] },
-      children
-    }
-  );
+function DataKeysAndValuesRoot({ className, children, density = "default" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: utils_cn.cn("grid grid-cols-[auto_1fr] gap-x-4", DENSITY_GAP_Y[density], className), children });
 }
 
 const dataKeysAndValuesValueStyles = "text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6";
@@ -123,4 +106,4 @@ const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {
 });
 
 exports.DataKeysAndValues = DataKeysAndValues;
-//# sourceMappingURL=data-keys-and-values-BduKvvC5.cjs.map
+//# sourceMappingURL=data-keys-and-values-CMJ9zHKm.cjs.map

package/dist/data-keys-and-values-CMJ9zHKm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-keys-and-values-CMJ9zHKm.cjs","sources":["../src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx","../src/ds/components/DataKeysAndValues/shared.ts","../src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps) {\n  return (\n    <dt className={cn('col-span-full py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesProps {\n  className?: string;\n  children: React.ReactNode;\n  density?: 'default' | 'dense';\n}\n\nconst DENSITY_GAP_Y: Record<NonNullable<DataKeysAndValuesProps['density']>, string> = {\n  default: 'gap-y-1.5',\n  dense: 'gap-y-0',\n};\n\nexport function DataKeysAndValuesRoot({ className, children, density = 'default' }: DataKeysAndValuesProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4', DENSITY_GAP_Y[density], className)}>{children}</dl>;\n}\n","export const dataKeysAndValuesValueStyles = 'text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6';\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps) {\n  return <dd className={cn(dataKeysAndValuesValueStyles, 'truncate', className)}>{children}</dd>;\n}\n","import { ExternalLinkIcon, Link2Icon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueLinkProps {\n  className?: string;\n  children: React.ReactNode;\n  href: string;\n  as?: React.ElementType;\n}\n\nfunction isExternalUrl(href: string) {\n  return /^https?:\\/\\//.test(href);\n}\n\nexport function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps) {\n  const isExternal = isExternalUrl(href);\n  const Component = as || 'a';\n  // Pass `to` only for custom components so React-Router's `Link` (which reads `to`) works\n  // while native anchors don't get an unknown `to` attribute warning.\n  const navigationProps = as ? { href, to: href } : { href };\n\n  const linkClassName = cn(\n    'flex items-center gap-2 truncate hover:text-foreground',\n    controlStateColorTransition,\n    '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70',\n  );\n\n  if (isExternal) {\n    return (\n      <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className={linkClassName}>\n          <span>{children}</span>\n          <ExternalLinkIcon />\n        </a>\n      </dd>\n    );\n  }\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Component {...navigationProps} className={linkClassName}>\n        <span>{children}</span>\n        <Link2Icon />\n      </Component>\n    </dd>\n  );\n}\n","import { CheckIcon, CopyIcon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithCopyBtnProps {\n  className?: string;\n  children: React.ReactNode;\n  copyValue: string;\n  copyTooltip?: string;\n}\n\nexport function DataKeysAndValuesValueWithCopyBtn({\n  className,\n  children,\n  copyValue,\n  copyTooltip = 'Copy to clipboard',\n}: DataKeysAndValuesValueWithCopyBtnProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: copyValue,\n    copyMessage: 'Copied!',\n  });\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip open={isCopied || undefined}>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            type=\"button\"\n            className={cn(\n              'flex items-center gap-2 text-left whitespace-nowrap',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70',\n              { '[&>svg]:h-4 [&>svg]:w-4 [&>svg]:text-accent1': isCopied },\n            )}\n            aria-label={isCopied ? 'Copied!' : copyTooltip}\n          >\n            <span>{children}</span>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{isCopied ? 'Copied!' : copyTooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithTooltipProps {\n  className?: string;\n  children: React.ReactNode;\n  tooltip: string;\n}\n\nexport function DataKeysAndValuesValueWithTooltip({\n  className,\n  children,\n  tooltip,\n}: DataKeysAndValuesValueWithTooltipProps) {\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div tabIndex={0} className=\"inline cursor-help truncate\">\n            {children}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { DataKeysAndValuesHeader } from './data-keys-and-values-header';\nimport { DataKeysAndValuesKey } from './data-keys-and-values-key';\nimport { DataKeysAndValuesRoot } from './data-keys-and-values-root';\nimport { DataKeysAndValuesValue } from './data-keys-and-values-value';\nimport { DataKeysAndValuesValueLink } from './data-keys-and-values-value-link';\nimport { DataKeysAndValuesValueWithCopyBtn } from './data-keys-and-values-value-with-copy-btn';\nimport { DataKeysAndValuesValueWithTooltip } from './data-keys-and-values-value-with-tooltip';\n\nexport const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {\n  Key: DataKeysAndValuesKey,\n  Value: DataKeysAndValuesValue,\n  ValueLink: DataKeysAndValuesValueLink,\n  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,\n  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,\n  Header: DataKeysAndValuesHeader,\n});\n"],"names":["cn","jsx","controlStateColorTransition","jsxs","ExternalLinkIcon","Link2Icon","useCopyToClipboard","Tooltip","TooltipTrigger","CheckIcon","CopyIcon","TooltipContent","tooltip"],"mappings":"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"}

package/dist/{data-list-DSbuTWLI.cjs → data-list-CH3HAhK5.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 const dataListTop = require('./data-list-top-B-gb-FY6.cjs');
-const dataListSpacer = require('./data-list-spacer-DUBpzv_H.cjs');
+const dataListSpacer = require('./data-list-spacer-GIVW2hB1.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-MMZPEb_q.cjs');
+const Button = require('./Button-BAMnPqos.cjs');
 const React = require('react');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
@@ -16,8 +16,8 @@ function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
       /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
     ] }),
     showNavigation && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
-      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", variant: "outline", size: "sm", onClick: onPrevPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}), children: "Previous" }),
-      hasMore && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", variant: "outline", size: "sm", onClick: onNextPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}), children: "Next" })
+      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", size: "sm", onClick: onPrevPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}), children: "Previous" }),
+      hasMore && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", size: "sm", onClick: onNextPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}), children: "Next" })
     ] })
   ] });
 }
@@ -122,4 +122,4 @@ const DataList = Object.assign(dataListTop.DataListRoot, {
 exports.DataList = DataList;
 exports.DataListSubHeading = DataListSubHeading;
 exports.DataListSubheader = DataListSubheader;
-//# sourceMappingURL=data-list-DSbuTWLI.cjs.map
+//# sourceMappingURL=data-list-CH3HAhK5.cjs.map

package/dist/data-list-CH3HAhK5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-CH3HAhK5.cjs","sources":["../src/ds/components/DataList/data-list-pagination.tsx","../src/ds/components/DataList/data-list-row-static.tsx","../src/ds/components/DataList/data-list-subheader.tsx","../src/ds/components/DataList/data-list-subheading.tsx","../src/ds/components/DataList/data-list-top-cells.tsx","../src/ds/components/DataList/data-list.tsx"],"sourcesContent":["import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport type DataListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: DataListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className=\"col-span-full flex items-center justify-center gap-4 py-3 text-body text-muted-foreground\">\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div className=\"flex gap-4\">\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <Button type=\"button\" size=\"sm\" onClick={onPrevPage} icon={<ArrowLeftIcon />}>\n              Previous\n            </Button>\n          )}\n          {hasMore && (\n            <Button type=\"button\" size=\"sm\" onClick={onNextPage} icon={<ArrowRightIcon />}>\n              Next\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowStaticStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowStaticProps = ComponentPropsWithoutRef<'div'> & DataListRowSharedProps;\n\n/**\n * Non-interactive row. Use when a row should *display* like a regular row but\n * has no link target or click handler\n */\nexport const DataListRowStatic = forwardRef<HTMLDivElement, DataListRowStaticProps>(\n  ({ children, className, colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <div\n        ref={ref}\n        className={cn(isWrapped ? 'grid grid-cols-subgrid gap-4 px-3' : dataListRowStaticStyles, className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListRowStatic.displayName = 'DataListRowStatic';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSubheaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const DataListSubheader = forwardRef<HTMLDivElement, DataListSubheaderProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'data-list-subheader relative isolate col-span-full px-3 py-2 text-subheading text-muted-foreground',\n          'bg-(--data-list-background)',\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListSubheader.displayName = 'DataListSubheader';\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSubHeadingProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport function DataListSubHeading({ children, className }: DataListSubHeadingProps) {\n  return <span className={cn('text-caption text-placeholder', className)}>{children}</span>;\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellsProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Drop the group's default left margin. Use when this sits as the second\n   * child of a gap-0 `DataList.Top`, beside a `DataList.TopSelectCell` that\n   * owns the leading column.\n   */\n  flushLeft?: boolean;\n  /**\n   * Place the group starting at this column line, spanning through to the\n   * last column. Defaults to the full grid (`col-span-full`). Use when this\n   * sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n};\n\n/**\n * Non-interactive header equivalent of `DataList.RowButton`. Groups a set of\n * `DataList.TopCell`s with the same horizontal layout (gap, mx, px) as\n * `RowButton`, so columns inside a wrapped `Top` line up cell-for-cell with the\n * columns inside a wrapped `Row`.\n */\nexport const DataListTopCells = forwardRef<HTMLDivElement, DataListTopCellsProps>(\n  ({ children, className, flushLeft, colStart, style, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'pointer-events-none grid grid-cols-subgrid gap-4 px-3 [&>*]:pointer-events-auto',\n          !colStart && 'col-span-full',\n          flushLeft && 'pl-0!',\n          className,\n        )}\n        style={colStart ? { ...style, gridColumn: `${colStart} / -1` } : style}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListTopCells.displayName = 'DataListTopCells';\n","import {\n  DataListActionsCell,\n  DataListCell,\n  DataListTextCell,\n  DataListNameCell,\n  DataListDescriptionCell,\n  DataListIdCell,\n  DataListRowHeaderCell,\n  DataListNumberCell,\n  DataListSelectCell,\n  DataListDateCell,\n  DataListCreatedCell,\n  DataListTimeCell,\n} from './data-list-cells';\nimport { DataListNextPageLoading } from './data-list-next-page-loading';\nimport { DataListNoMatch } from './data-list-no-match';\nimport { DataListPagination } from './data-list-pagination';\nimport { DataListRoot } from './data-list-root';\nimport { DataListRowButton } from './data-list-row-button';\nimport { DataListRowLink } from './data-list-row-link';\nimport { DataListRowStatic } from './data-list-row-static';\nimport { DataListRowWrapper } from './data-list-row-wrapper';\nimport { DataListSortableTopCell } from './data-list-sortable-top-cell';\nimport { DataListSpacer } from './data-list-spacer';\nimport { DataListSubheader } from './data-list-subheader';\nimport { DataListSubHeading } from './data-list-subheading';\nimport { DataListTop } from './data-list-top';\nimport {\n  DataListTopCell,\n  DataListTopCellWithTooltip,\n  DataListTopCellSmart,\n  DataListTopSelectCell,\n} from './data-list-top-cell';\nimport { DataListTopCells } from './data-list-top-cells';\n\nexport type { DataListRootProps, DataListVariant } from './data-list-root';\nexport type { DataListSortableTopCellProps, DataListSort } from './data-list-sortable-top-cell';\n\nexport const DataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCells: DataListTopCells,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  RowStatic: DataListRowStatic,\n  Cell: DataListCell,\n  ActionsCell: DataListActionsCell,\n  TextCell: DataListTextCell,\n  NameCell: DataListNameCell,\n  DescriptionCell: DataListDescriptionCell,\n  IdCell: DataListIdCell,\n  RowHeaderCell: DataListRowHeaderCell,\n  NumberCell: DataListNumberCell,\n  DateCell: DataListDateCell,\n  CreatedCell: DataListCreatedCell,\n  TimeCell: DataListTimeCell,\n  SelectCell: DataListSelectCell,\n  TopSelectCell: DataListTopSelectCell,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  NextPageLoading: DataListNextPageLoading,\n  Pagination: DataListPagination,\n});\n"],"names":["jsxs","jsx","Button","ArrowLeftIcon","ArrowRightIcon","forwardRef","useDataListRowWrapperContext","cn","dataListRowStaticStyles","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListCell","DataListActionsCell","DataListTextCell","DataListNameCell","DataListDescriptionCell","DataListIdCell","DataListRowHeaderCell","DataListNumberCell","DataListDateCell","DataListCreatedCell","DataListTimeCell","DataListSelectCell","DataListTopSelectCell","DataListNoMatch","DataListSpacer","DataListNextPageLoading"],"mappings":"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"}

package/dist/{data-list-Cn0Ls4l2.js → data-list-DXjH5wkB.js}

@@ -1,8 +1,8 @@
 import { l as dataListRowStaticStyles, D as DataListRoot, m as DataListTopSelectCell, n as DataListSelectCell, f as DataListTimeCell, j as DataListCreatedCell, g as DataListDateCell, o as DataListNumberCell, p as DataListRowHeaderCell, k as DataListIdCell, q as DataListDescriptionCell, r as DataListNameCell, e as DataListTextCell, t as DataListActionsCell, c as DataListCell, h as DataListTopCellSmart, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-LiaWUw5P.js';
-import { u as useDataListRowWrapperContext, D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-C0YimRXC.js';
+import { u as useDataListRowWrapperContext, D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-BQ4_YeyT.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';
-import { B as Button } from './Button-KUj0U-5I.js';
+import { B as Button } from './Button-B8nF87ai.js';
 import { forwardRef } from 'react';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -14,8 +14,8 @@ function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
       /* @__PURE__ */ jsx("b", { children: currentPage ? currentPage + 1 : "1" })
     ] }),
     showNavigation && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onPrevPage, icon: /* @__PURE__ */ jsx(ArrowLeftIcon, {}), children: "Previous" }),
-      hasMore && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onNextPage, icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}), children: "Next" })
+      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onPrevPage, icon: /* @__PURE__ */ jsx(ArrowLeftIcon, {}), children: "Previous" }),
+      hasMore && /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onNextPage, icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}), children: "Next" })
     ] })
   ] });
 }
@@ -118,4 +118,4 @@ const DataList = Object.assign(DataListRoot, {
 });
 
 export { DataList as D, DataListSubHeading as a, DataListSubheader as b };
-//# sourceMappingURL=data-list-Cn0Ls4l2.js.map
+//# sourceMappingURL=data-list-DXjH5wkB.js.map

package/dist/data-list-DXjH5wkB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-DXjH5wkB.js","sources":["../src/ds/components/DataList/data-list-pagination.tsx","../src/ds/components/DataList/data-list-row-static.tsx","../src/ds/components/DataList/data-list-subheader.tsx","../src/ds/components/DataList/data-list-subheading.tsx","../src/ds/components/DataList/data-list-top-cells.tsx","../src/ds/components/DataList/data-list.tsx"],"sourcesContent":["import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport type DataListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: DataListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className=\"col-span-full flex items-center justify-center gap-4 py-3 text-body text-muted-foreground\">\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div className=\"flex gap-4\">\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <Button type=\"button\" size=\"sm\" onClick={onPrevPage} icon={<ArrowLeftIcon />}>\n              Previous\n            </Button>\n          )}\n          {hasMore && (\n            <Button type=\"button\" size=\"sm\" onClick={onNextPage} icon={<ArrowRightIcon />}>\n              Next\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowStaticStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowStaticProps = ComponentPropsWithoutRef<'div'> & DataListRowSharedProps;\n\n/**\n * Non-interactive row. Use when a row should *display* like a regular row but\n * has no link target or click handler\n */\nexport const DataListRowStatic = forwardRef<HTMLDivElement, DataListRowStaticProps>(\n  ({ children, className, colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <div\n        ref={ref}\n        className={cn(isWrapped ? 'grid grid-cols-subgrid gap-4 px-3' : dataListRowStaticStyles, className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListRowStatic.displayName = 'DataListRowStatic';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSubheaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const DataListSubheader = forwardRef<HTMLDivElement, DataListSubheaderProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'data-list-subheader relative isolate col-span-full px-3 py-2 text-subheading text-muted-foreground',\n          'bg-(--data-list-background)',\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListSubheader.displayName = 'DataListSubheader';\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSubHeadingProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport function DataListSubHeading({ children, className }: DataListSubHeadingProps) {\n  return <span className={cn('text-caption text-placeholder', className)}>{children}</span>;\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellsProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Drop the group's default left margin. Use when this sits as the second\n   * child of a gap-0 `DataList.Top`, beside a `DataList.TopSelectCell` that\n   * owns the leading column.\n   */\n  flushLeft?: boolean;\n  /**\n   * Place the group starting at this column line, spanning through to the\n   * last column. Defaults to the full grid (`col-span-full`). Use when this\n   * sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n};\n\n/**\n * Non-interactive header equivalent of `DataList.RowButton`. Groups a set of\n * `DataList.TopCell`s with the same horizontal layout (gap, mx, px) as\n * `RowButton`, so columns inside a wrapped `Top` line up cell-for-cell with the\n * columns inside a wrapped `Row`.\n */\nexport const DataListTopCells = forwardRef<HTMLDivElement, DataListTopCellsProps>(\n  ({ children, className, flushLeft, colStart, style, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'pointer-events-none grid grid-cols-subgrid gap-4 px-3 [&>*]:pointer-events-auto',\n          !colStart && 'col-span-full',\n          flushLeft && 'pl-0!',\n          className,\n        )}\n        style={colStart ? { ...style, gridColumn: `${colStart} / -1` } : style}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListTopCells.displayName = 'DataListTopCells';\n","import {\n  DataListActionsCell,\n  DataListCell,\n  DataListTextCell,\n  DataListNameCell,\n  DataListDescriptionCell,\n  DataListIdCell,\n  DataListRowHeaderCell,\n  DataListNumberCell,\n  DataListSelectCell,\n  DataListDateCell,\n  DataListCreatedCell,\n  DataListTimeCell,\n} from './data-list-cells';\nimport { DataListNextPageLoading } from './data-list-next-page-loading';\nimport { DataListNoMatch } from './data-list-no-match';\nimport { DataListPagination } from './data-list-pagination';\nimport { DataListRoot } from './data-list-root';\nimport { DataListRowButton } from './data-list-row-button';\nimport { DataListRowLink } from './data-list-row-link';\nimport { DataListRowStatic } from './data-list-row-static';\nimport { DataListRowWrapper } from './data-list-row-wrapper';\nimport { DataListSortableTopCell } from './data-list-sortable-top-cell';\nimport { DataListSpacer } from './data-list-spacer';\nimport { DataListSubheader } from './data-list-subheader';\nimport { DataListSubHeading } from './data-list-subheading';\nimport { DataListTop } from './data-list-top';\nimport {\n  DataListTopCell,\n  DataListTopCellWithTooltip,\n  DataListTopCellSmart,\n  DataListTopSelectCell,\n} from './data-list-top-cell';\nimport { DataListTopCells } from './data-list-top-cells';\n\nexport type { DataListRootProps, DataListVariant } from './data-list-root';\nexport type { DataListSortableTopCellProps, DataListSort } from './data-list-sortable-top-cell';\n\nexport const DataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCells: DataListTopCells,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  RowStatic: DataListRowStatic,\n  Cell: DataListCell,\n  ActionsCell: DataListActionsCell,\n  TextCell: DataListTextCell,\n  NameCell: DataListNameCell,\n  DescriptionCell: DataListDescriptionCell,\n  IdCell: DataListIdCell,\n  RowHeaderCell: DataListRowHeaderCell,\n  NumberCell: DataListNumberCell,\n  DateCell: DataListDateCell,\n  CreatedCell: DataListCreatedCell,\n  TimeCell: DataListTimeCell,\n  SelectCell: DataListSelectCell,\n  TopSelectCell: DataListTopSelectCell,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  NextPageLoading: DataListNextPageLoading,\n  Pagination: DataListPagination,\n});\n"],"names":[],"mappings":"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"}

package/dist/{data-list-spacer-C0YimRXC.js → data-list-spacer-BQ4_YeyT.js}

@@ -4,7 +4,7 @@ import { useContext, createContext, forwardRef } from 'react';
 import { u as dataListRowInteractiveStyles, v as dataListRowStyles, d as dataListRowOuterStyles, w as dataListRowStateStyles, b as DataListTopCell } from './data-list-top-LiaWUw5P.js';
 import { useFluidMenuItemRef } from './primitives/fluid-menu.es.js';
 import { ArrowUpDown, ArrowDown, ArrowUp } from 'lucide-react';
-import { B as Button } from './Button-KUj0U-5I.js';
+import { B as Button } from './Button-B8nF87ai.js';
 
 function DataListNextPageLoading({
   isLoading,
@@ -197,4 +197,4 @@ function DataListSpacer({ height }) {
 }
 
 export { DataListNextPageLoading as D, DataListNoMatch as a, DataListSpacer as b, DataListRowLink as c, DataListRowButton as d, DataListRowWrapper as e, DataListSortableTopCell as f, useDataListRowWrapperContext as u };
-//# sourceMappingURL=data-list-spacer-C0YimRXC.js.map
+//# sourceMappingURL=data-list-spacer-BQ4_YeyT.js.map

package/dist/{data-list-spacer-C0YimRXC.js.map → data-list-spacer-BQ4_YeyT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-list-spacer-C0YimRXC.js","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":[],"mappings":";;;;;;;;AASO,SAAS,uBAAA,CAAwB;AAAA,EACtC,SAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAiC;AAC/B,EAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,mBAAA;AAAA,MAGL,SAAA,EAAW,GAAG,qFAAA,EAAuF;AAAA,QACnG,MAAA,EAAQ;AAAA,OACT,CAAA;AAAA,MAEA,QAAA,EAAA,SAAA,IAAa;AAAA;AAAA,GAChB;AAEJ;;ACxBO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA,GAAU,6BAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,mHAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,GACpC;AAEJ;;ACrBO,MAAM,yBAAA,GAA4B,cAAc,KAAK,CAAA;AAErD,SAAS,4BAAA,GAA+B;AAC7C,EAAA,OAAO,WAAW,yBAAyB,CAAA;AAC7C;;ACQO,MAAM,iBAAA,GAAoB,UAAA;AAAA,EAC/B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAO,QAAA,EAAU,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAU,OAAA,EAAS,KAAA,EAAO,GAAG,IAAA,IAAQ,GAAA,KAAQ;AACtG,IAAA,MAAM,YAAY,4BAAA,EAA6B;AAE/C,IAAA,MAAM,QAAA,GAAW,oBAAoB,GAAG,CAAA;AACxC,IAAA,MAAM,iBAAA,GAAoB,QAAA,KAAa,MAAA,IAAa,MAAA,KAAW,MAAA;AAC/D,IAAA,MAAM,aAAA,GAAgB,iBAAA,GAAoB,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAA,EAAG,QAAA,IAAY,CAAC,CAAA,GAAA,EAAM,MAAA,IAAU,EAAE,IAAG,GAAI,KAAA;AAC3G,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAY,GAAA,GAAM,QAAA;AAAA,QACvB,IAAA;AAAA,QACA,WAAW,EAAA,CAAG,GAAI,YAAY,4BAAA,GAA+B,iBAAA,EAAoB,aAAa,SAAS,CAAA;AAAA,QACvG,KAAA,EAAO,aAAA;AAAA,QACP,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,gBAAc,OAAA,IAAW,SAAA;AAAA,QACxB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;ACpBzB,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CACE,EAAE,QAAA,EAAU,EAAA,EAAI,SAAA,EAAW,OAAO,aAAA,EAAe,IAAA,GAAO,GAAA,EAAK,QAAA,EAAU,QAAQ,QAAA,EAAU,OAAA,EAAS,GAAG,IAAA,IACrG,GAAA,KACG;AACH,IAAA,MAAM,YAAY,4BAAA,EAA6B;AAE/C,IAAA,MAAM,QAAA,GAAW,oBAAoB,GAAG,CAAA;AACxC,IAAA,MAAM,iBAAA,GAAoB,QAAA,KAAa,MAAA,IAAa,MAAA,KAAW,MAAA;AAC/D,IAAA,MAAM,aAAA,GAAgB,iBAAA,GAAoB,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAA,EAAG,QAAA,IAAY,CAAC,CAAA,GAAA,EAAM,MAAA,IAAU,EAAE,IAAG,GAAI,KAAA;AAC3G,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAY,GAAA,GAAM,QAAA;AAAA,QACvB,IAAA,EAAM,EAAA;AAAA,QACN,WAAW,EAAA,CAAG,GAAI,SAAA,GAAY,4BAAA,GAA+B,mBAAoB,SAAS,CAAA;AAAA,QAC1F,KAAA,EAAO,aAAA;AAAA,QACP,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,gBAAc,OAAA,IAAW,SAAA;AAAA,QACxB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;ACbvB,MAAM,kBAAA,GAAqB,UAAA;AAAA,EAChC,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,WAAA,EAAa,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACpF,IAAA,MAAM,eAAe,WAAA,KAAgB,MAAA;AAGrC,IAAA,MAAM,MAAA,GAAS,oBAAoB,GAAG,CAAA;AAEtC,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsC;AACzD,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,YAAA,IAAgB,KAAA,CAAM,gBAAA,EAAkB;AAC7C,MAAA,WAAA,EAAY;AAAA,IACd,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAyC;AAC9D,MAAA,SAAA,GAAY,KAAK,CAAA;AACjB,MAAA,IAAI,CAAC,YAAA,IAAgB,KAAA,CAAM,gBAAA,EAAkB;AAI7C,MAAA,IAAI,MAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,MAAA,KAAW,MAAM,aAAA,EAAe;AACjE,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,WAAA,EAAY;AAAA,MACd;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,OAAK,IAAA,EACvC,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,MAAA;AAAA,QACL,QAAA,EAAU,QAAA,KAAa,YAAA,GAAe,CAAA,GAAI,MAAA,CAAA;AAAA,QAC1C,SAAA,EAAW,EAAA;AAAA,UACT,8BAAA;AAAA,UACA,GAAG,sBAAA;AAAA,UACH,GAAG,sBAAA;AAAA,UACH,YAAA,IACE,sGAAA;AAAA,UACF;AAAA,SACF;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;ACtEjC,MAAM,SAAA,GAAY;AAAA,EAChB,GAAA,EAAK,OAAA;AAAA,EACL,IAAA,EAAM,SAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,UAAA,GAAa;AAAA,EACjB,GAAA,EAAK,WAAA;AAAA,EACL,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,GAAA,EAAK,uBAAA;AAAA,EACL,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,YAAA,GAAe;AAAA,EACnB,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAaO,SAAS,uBAAA,CAAmD;AAAA,EACjE,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoC;AAClC,EAAA,MAAM,IAAA,GAAqB,IAAA,KAAS,KAAA,GAAQ,MAAA,GAAS,KAAA;AACrD,EAAA,MAAM,QAAA,GAAW,SAAA,CAAU,IAAA,IAAQ,MAAM,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,OAAA;AACxD,EAAA,MAAM,UAAU,IAAA,GAAO,CAAA,OAAA,EAAU,UAAA,CAAW,IAAI,CAAC,CAAA,CAAA,GAAK,YAAA;AAEtD,EAAA,uBACE,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,aAAW,IAAA,IAAQ,MAAA;AAAA,MACnB,WAAW,EAAA,CAAG,wBAAA,EAA0B,KAAA,KAAU,KAAA,IAAS,oBAAoB,SAAS,CAAA;AAAA,MACvF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAS,CAAA;AAAA,wBAC7C,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,IAAA,EAAK,SAAA;AAAA,YACL,YAAA,EAAY,GAAG,KAAK,CAAA,EAAA,EAAK,OAAO,CAAA,OAAA,EAAU,UAAA,CAAW,IAAI,CAAC,CAAA,CAAA;AAAA,YAC1D,OAAA,EAAS,YAAA,CAAa,IAAA,IAAQ,MAAM,CAAA;AAAA,YACpC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA,EAAM,OAAO,CAAA;AAAA,YACzC,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,IAAA,GAAO,oBAAoB,uBAAuB,CAAA;AAAA,YAE5E,QAAA,kBAAA,GAAA,CAAC,YAA8B,SAAA,EAAW,IAAA,IAAQ,eAAe,IAAI,CAAA,EAAA,EAAtD,QAAQ,MAAiD;AAAA;AAAA;AAC1E;AAAA;AAAA,GACF;AAEJ;;ACjEO,SAAS,cAAA,CAAe,EAAE,MAAA,EAAO,EAAwB;AAC9D,EAAA,IAAI,MAAA,IAAU,GAAG,OAAO,IAAA;AACxB,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,KAAA,EAAO,EAAE,QAAO,EAAG,CAAA;AAC3D;;;;"}
+{"version":3,"file":"data-list-spacer-BQ4_YeyT.js","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":[],"mappings":";;;;;;;;AASO,SAAS,uBAAA,CAAwB;AAAA,EACtC,SAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAiC;AAC/B,EAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,mBAAA;AAAA,MAGL,SAAA,EAAW,GAAG,qFAAA,EAAuF;AAAA,QACnG,MAAA,EAAQ;AAAA,OACT,CAAA;AAAA,MAEA,QAAA,EAAA,SAAA,IAAa;AAAA;AAAA,GAChB;AAEJ;;ACxBO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA,GAAU,6BAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,mHAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,GACpC;AAEJ;;ACrBO,MAAM,yBAAA,GAA4B,cAAc,KAAK,CAAA;AAErD,SAAS,4BAAA,GAA+B;AAC7C,EAAA,OAAO,WAAW,yBAAyB,CAAA;AAC7C;;ACQO,MAAM,iBAAA,GAAoB,UAAA;AAAA,EAC/B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAO,QAAA,EAAU,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAU,OAAA,EAAS,KAAA,EAAO,GAAG,IAAA,IAAQ,GAAA,KAAQ;AACtG,IAAA,MAAM,YAAY,4BAAA,EAA6B;AAE/C,IAAA,MAAM,QAAA,GAAW,oBAAoB,GAAG,CAAA;AACxC,IAAA,MAAM,iBAAA,GAAoB,QAAA,KAAa,MAAA,IAAa,MAAA,KAAW,MAAA;AAC/D,IAAA,MAAM,aAAA,GAAgB,iBAAA,GAAoB,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAA,EAAG,QAAA,IAAY,CAAC,CAAA,GAAA,EAAM,MAAA,IAAU,EAAE,IAAG,GAAI,KAAA;AAC3G,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAY,GAAA,GAAM,QAAA;AAAA,QACvB,IAAA;AAAA,QACA,WAAW,EAAA,CAAG,GAAI,YAAY,4BAAA,GAA+B,iBAAA,EAAoB,aAAa,SAAS,CAAA;AAAA,QACvG,KAAA,EAAO,aAAA;AAAA,QACP,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,gBAAc,OAAA,IAAW,SAAA;AAAA,QACxB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;ACpBzB,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CACE,EAAE,QAAA,EAAU,EAAA,EAAI,SAAA,EAAW,OAAO,aAAA,EAAe,IAAA,GAAO,GAAA,EAAK,QAAA,EAAU,QAAQ,QAAA,EAAU,OAAA,EAAS,GAAG,IAAA,IACrG,GAAA,KACG;AACH,IAAA,MAAM,YAAY,4BAAA,EAA6B;AAE/C,IAAA,MAAM,QAAA,GAAW,oBAAoB,GAAG,CAAA;AACxC,IAAA,MAAM,iBAAA,GAAoB,QAAA,KAAa,MAAA,IAAa,MAAA,KAAW,MAAA;AAC/D,IAAA,MAAM,aAAA,GAAgB,iBAAA,GAAoB,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAA,EAAG,QAAA,IAAY,CAAC,CAAA,GAAA,EAAM,MAAA,IAAU,EAAE,IAAG,GAAI,KAAA;AAC3G,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAY,GAAA,GAAM,QAAA;AAAA,QACvB,IAAA,EAAM,EAAA;AAAA,QACN,WAAW,EAAA,CAAG,GAAI,SAAA,GAAY,4BAAA,GAA+B,mBAAoB,SAAS,CAAA;AAAA,QAC1F,KAAA,EAAO,aAAA;AAAA,QACP,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,gBAAc,OAAA,IAAW,SAAA;AAAA,QACxB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;ACbvB,MAAM,kBAAA,GAAqB,UAAA;AAAA,EAChC,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,WAAA,EAAa,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACpF,IAAA,MAAM,eAAe,WAAA,KAAgB,MAAA;AAGrC,IAAA,MAAM,MAAA,GAAS,oBAAoB,GAAG,CAAA;AAEtC,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsC;AACzD,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,YAAA,IAAgB,KAAA,CAAM,gBAAA,EAAkB;AAC7C,MAAA,WAAA,EAAY;AAAA,IACd,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAyC;AAC9D,MAAA,SAAA,GAAY,KAAK,CAAA;AACjB,MAAA,IAAI,CAAC,YAAA,IAAgB,KAAA,CAAM,gBAAA,EAAkB;AAI7C,MAAA,IAAI,MAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,MAAA,KAAW,MAAM,aAAA,EAAe;AACjE,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,WAAA,EAAY;AAAA,MACd;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,OAAK,IAAA,EACvC,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,MAAA;AAAA,QACL,QAAA,EAAU,QAAA,KAAa,YAAA,GAAe,CAAA,GAAI,MAAA,CAAA;AAAA,QAC1C,SAAA,EAAW,EAAA;AAAA,UACT,8BAAA;AAAA,UACA,GAAG,sBAAA;AAAA,UACH,GAAG,sBAAA;AAAA,UACH,YAAA,IACE,sGAAA;AAAA,UACF;AAAA,SACF;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;ACtEjC,MAAM,SAAA,GAAY;AAAA,EAChB,GAAA,EAAK,OAAA;AAAA,EACL,IAAA,EAAM,SAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,UAAA,GAAa;AAAA,EACjB,GAAA,EAAK,WAAA;AAAA,EACL,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,GAAA,EAAK,uBAAA;AAAA,EACL,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,YAAA,GAAe;AAAA,EACnB,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAaO,SAAS,uBAAA,CAAmD;AAAA,EACjE,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoC;AAClC,EAAA,MAAM,IAAA,GAAqB,IAAA,KAAS,KAAA,GAAQ,MAAA,GAAS,KAAA;AACrD,EAAA,MAAM,QAAA,GAAW,SAAA,CAAU,IAAA,IAAQ,MAAM,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,OAAA;AACxD,EAAA,MAAM,UAAU,IAAA,GAAO,CAAA,OAAA,EAAU,UAAA,CAAW,IAAI,CAAC,CAAA,CAAA,GAAK,YAAA;AAEtD,EAAA,uBACE,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,aAAW,IAAA,IAAQ,MAAA;AAAA,MACnB,WAAW,EAAA,CAAG,wBAAA,EAA0B,KAAA,KAAU,KAAA,IAAS,oBAAoB,SAAS,CAAA;AAAA,MACvF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAS,CAAA;AAAA,wBAC7C,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,IAAA,EAAK,SAAA;AAAA,YACL,YAAA,EAAY,GAAG,KAAK,CAAA,EAAA,EAAK,OAAO,CAAA,OAAA,EAAU,UAAA,CAAW,IAAI,CAAC,CAAA,CAAA;AAAA,YAC1D,OAAA,EAAS,YAAA,CAAa,IAAA,IAAQ,MAAM,CAAA;AAAA,YACpC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA,EAAM,OAAO,CAAA;AAAA,YACzC,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,IAAA,GAAO,oBAAoB,uBAAuB,CAAA;AAAA,YAE5E,QAAA,kBAAA,GAAA,CAAC,YAA8B,SAAA,EAAW,IAAA,IAAQ,eAAe,IAAI,CAAA,EAAA,EAAtD,QAAQ,MAAiD;AAAA;AAAA;AAC1E;AAAA;AAAA,GACF;AAEJ;;ACjEO,SAAS,cAAA,CAAe,EAAE,MAAA,EAAO,EAAwB;AAC9D,EAAA,IAAI,MAAA,IAAU,GAAG,OAAO,IAAA;AACxB,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,KAAA,EAAO,EAAE,QAAO,EAAG,CAAA;AAC3D;;;;"}

package/dist/{data-list-spacer-DUBpzv_H.cjs → data-list-spacer-GIVW2hB1.cjs}

@@ -6,7 +6,7 @@ const React = require('react');
 const dataListTop = require('./data-list-top-B-gb-FY6.cjs');
 const primitives_fluidMenu = require('./primitives/fluid-menu.cjs.js');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-MMZPEb_q.cjs');
+const Button = require('./Button-BAMnPqos.cjs');
 
 function DataListNextPageLoading({
   isLoading,
@@ -206,4 +206,4 @@ exports.DataListRowWrapper = DataListRowWrapper;
 exports.DataListSortableTopCell = DataListSortableTopCell;
 exports.DataListSpacer = DataListSpacer;
 exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
-//# sourceMappingURL=data-list-spacer-DUBpzv_H.cjs.map
+//# sourceMappingURL=data-list-spacer-GIVW2hB1.cjs.map

package/dist/{data-list-spacer-DUBpzv_H.cjs.map → data-list-spacer-GIVW2hB1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-list-spacer-DUBpzv_H.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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"}
+{"version":3,"file":"data-list-spacer-GIVW2hB1.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-panel-Bd_Xsz-W.cjs → data-panel-CIu6JToM.cjs}

@@ -2,7 +2,7 @@
 
 require('./drawer.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-MMZPEb_q.cjs');
+const Button = require('./Button-BAMnPqos.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 const drawer = require('@base-ui/react/drawer');
 const React = require('react');
@@ -17,7 +17,7 @@ const primitives_typography = require('./primitives/typography.cjs.js');
 const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
 ;/* empty css                  */
 const dataPanelSectionHeading = require('./data-panel-section-heading-V86Awzqg.cjs');
-const dataCodeSection = require('./data-code-section-iXzoOYMX.cjs');
+const dataCodeSection = require('./data-code-section-DzLc9O0B.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -267,4 +267,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 exports.DataPanel = DataPanel;
-//# sourceMappingURL=data-panel-Bd_Xsz-W.cjs.map
+//# sourceMappingURL=data-panel-CIu6JToM.cjs.map

package/dist/{data-panel-Bd_Xsz-W.cjs.map → data-panel-CIu6JToM.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-panel-Bd_Xsz-W.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\n// `DrawerPrimitive.Content` marks the region as swipe-exempt so scrolling or\n// selecting text inside the panel body doesn't start a swipe-to-dismiss.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn('min-h-0 flex-1 overflow-y-auto px-2 py-3', className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Single row: leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex shrink-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div role=\"separator\" aria-orientation=\"vertical\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","export interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return <p className=\"px-3 py-4 text-caption text-placeholder\">{children ?? 'No data found.'}</p>;\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\nexport interface DataPanelProps {\n  /** Whether the panel is shown. The panel is always a modal Drawer dialog. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /** Accessible dialog name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible dialog description (screen-reader only). */\n  description?: string;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DrawerPrimitive.Root\n      open={open}\n      onOpenChange={nextOpen => {\n        if (!nextOpen) onClose?.();\n      }}\n      swipeDirection=\"right\"\n    >\n      <DrawerPrimitive.Portal>\n        {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n        <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n        <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n          <DrawerPrimitive.Popup\n            data-slot=\"data-panel-popup\"\n            data-depth={depth}\n            data-size={size}\n            className={cn(\n              'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n              size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n            )}\n            style={\n              size !== 'md' && depth > 1\n                ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                : undefined\n            }\n          >\n            {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n            <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n              {title}\n            </DrawerPrimitive.Title>\n            {description && (\n              <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n            )}\n\n            <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n            <PortalContainerProvider container={portalHost}>\n              {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n              <DrawerPrimitive.Content\n                render={<section />}\n                className={cn(\n                  'flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n                  className,\n                )}\n              >\n                {children}\n              </DrawerPrimitive.Content>\n            </PortalContainerProvider>\n          </DrawerPrimitive.Popup>\n        </DrawerPrimitive.Viewport>\n      </DrawerPrimitive.Portal>\n    </DrawerPrimitive.Root>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}
+{"version":3,"file":"data-panel-CIu6JToM.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\n// `DrawerPrimitive.Content` marks the region as swipe-exempt so scrolling or\n// selecting text inside the panel body doesn't start a swipe-to-dismiss.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn('min-h-0 flex-1 overflow-y-auto px-2 py-3', className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Single row: leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex shrink-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div role=\"separator\" aria-orientation=\"vertical\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","export interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return <p className=\"px-3 py-4 text-caption text-placeholder\">{children ?? 'No data found.'}</p>;\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\nexport interface DataPanelProps {\n  /** Whether the panel is shown. The panel is always a modal Drawer dialog. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /** Accessible dialog name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible dialog description (screen-reader only). */\n  description?: string;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DrawerPrimitive.Root\n      open={open}\n      onOpenChange={nextOpen => {\n        if (!nextOpen) onClose?.();\n      }}\n      swipeDirection=\"right\"\n    >\n      <DrawerPrimitive.Portal>\n        {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n        <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n        <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n          <DrawerPrimitive.Popup\n            data-slot=\"data-panel-popup\"\n            data-depth={depth}\n            data-size={size}\n            className={cn(\n              'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n              size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n            )}\n            style={\n              size !== 'md' && depth > 1\n                ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                : undefined\n            }\n          >\n            {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n            <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n              {title}\n            </DrawerPrimitive.Title>\n            {description && (\n              <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n            )}\n\n            <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n            <PortalContainerProvider container={portalHost}>\n              {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n              <DrawerPrimitive.Content\n                render={<section />}\n                className={cn(\n                  'flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background',\n                  className,\n                )}\n              >\n                {children}\n              </DrawerPrimitive.Content>\n            </PortalContainerProvider>\n          </DrawerPrimitive.Popup>\n        </DrawerPrimitive.Viewport>\n      </DrawerPrimitive.Portal>\n    </DrawerPrimitive.Root>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}