@mastra/playground-ui 63.1.0-alpha.3 → 63.1.0-alpha.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-CYpGCm6F.cjs","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-group.tsx","../src/ds/components/DataList/data-list-next-page-loading.tsx","../src/ds/components/DataList/data-list-no-match.tsx","../src/ds/components/DataList/data-list-pagination.tsx","../src/ds/components/DataList/data-list-column-order.ts","../src/ds/components/DataList/data-list-reorder-context.ts","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-row-wrapper-context.ts","../src/ds/components/DataList/data-list-row-button.tsx","../src/ds/components/DataList/data-list-row-link.tsx","../src/ds/components/DataList/data-list-row-static.tsx","../src/ds/components/DataList/data-list-row-wrapper.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-sortable-top-cell.tsx","../src/ds/components/DataList/data-list-spacer.tsx","../src/ds/components/DataList/data-list-subheader.tsx","../src/ds/components/DataList/data-list-subheading.tsx","../src/ds/components/DataList/data-list-top.tsx","../src/ds/components/DataList/data-list-top-cells.tsx","../src/ds/components/DataList/data-list.tsx"],"sourcesContent":["import { focusRingInset } from '@/ds/primitives/transitions';\n\n/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-destructive-subtle has-data-[variant=error]:bg-destructive-subtle data-[variant=error]:active:bg-destructive-subtle-active has-data-[variant=error]:active:bg-destructive-subtle-active',\n  // Info is a faint translucent tint on the row element, so the surface below it (resting or selected) and the\n  // fluid hover still read through.\n  'data-[variant=info]:bg-info-subtle/50 has-data-[variant=info]:bg-info-subtle/50',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  focusRingInset,\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row red, `info` tints it blue to set it apart. */\nexport type DataListRowVariant = 'default' | 'error' | 'info';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\nimport { formatDate, formatTimestampPrecise } from '@/utils/date-format';\nimport type { DatePreset } from '@/utils/date-format';\nimport { getShortId } from '@/utils/id';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n  font?: 'sans' | 'mono';\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({\n  children,\n  className,\n  highlight,\n  font = 'sans',\n  ...rest\n}: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        font === 'mono' && 'font-mono',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today`, `May 19` or `May 19, 2025`. */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date')}</DataListCell>;\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n  /** Visible format. The hover title always shows the full date and time. */\n  preset?: Extract<DatePreset, 'date-time-seconds' | 'day-time-seconds'>;\n}\n\n/** Locale-aware date and time cell with second precision. */\nexport function DataListCreatedCell({ timestamp, preset = 'date-time-seconds' }: DataListCreatedCellProps) {\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\" title={formatDate(timestamp, 'date-time-seconds')}>\n      {formatDate(timestamp, preset)}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {formatTimestampPrecise(timestamp, { withDate: false })}\n    </DataListCell>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { GROUP_ATTR } from '@/hooks/use-fluid-hover';\nimport { cn } from '@/lib/utils';\n\nexport type DataListGroupProps = ComponentPropsWithoutRef<'section'>;\n\n/** Rows sharing the list's columns; the hover lights them only while the pointer is on or between them. */\nexport const DataListGroup = forwardRef<HTMLElement, DataListGroupProps>(({ className, ...rest }, ref) => {\n  return (\n    <section\n      ref={ref}\n      {...{ [GROUP_ATTR]: '' }}\n      className={cn('col-span-full grid grid-cols-subgrid gap-y-px [&>:not(.data-list-row)]:col-span-full', className)}\n      {...rest}\n    />\n  );\n});\n\nDataListGroup.displayName = 'DataListGroup';\n","import { cn } from '@/lib/utils';\n\nexport type DataListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n};\n\nexport function DataListNextPageLoading({\n  isLoading,\n  setEndOfListElement,\n  hasMore,\n  loadingText = 'Loading more data...',\n}: DataListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={setEndOfListElement}\n      // 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 { Txt } from '@/ds/components/Txt';\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      <Txt>{message}</Txt>\n    </div>\n  );\n}\n","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 { z } from 'zod/v4';\nimport { splitColumns } from './shared';\n\nexport const columnOrderSchema = z.array(z.number().int().nonnegative());\n\nexport const getColumnOrderStorageKey = (id: string) => `mastra:data-list:column-order:${id}`;\n\n/** Tracks of a grid template, or `null` when it uses `repeat()` (track count unknown). */\nexport function splitGridTracks(columns: string): string[] | null {\n  const tracks = splitColumns(columns);\n  return tracks.some(track => track.startsWith('repeat(')) ? null : tracks;\n}\n\nexport const identityOrder = (count: number) => Array.from({ length: count }, (_, i) => i);\n\n/** Returns `stored` when it is a permutation of `0..count-1`, otherwise the identity order. */\nexport function normalizeOrder(stored: number[] | undefined, count: number): number[] {\n  if (!stored || stored.length !== count) return identityOrder(count);\n  const seen = new Set(stored);\n  if (seen.size !== count || stored.some(i => i >= count)) return identityOrder(count);\n  return stored;\n}\n\nexport const keyedColumnOrderSchema = z.array(z.string());\n\n/**\n * Maps a stored key order onto the current columns. Stored keys that are not\n * rendered are skipped; columns missing from the stored order (newly added)\n * are inserted at their default position. Returns column indexes in visual order.\n */\nexport function resolveKeyedOrder(stored: string[] | undefined, keys: string[]): number[] {\n  const current = new Set(keys);\n  const visual = (stored ?? []).filter((key, i, all) => current.has(key) && all.indexOf(key) === i);\n  const placed = new Set(visual);\n  keys.forEach((key, index) => {\n    if (!placed.has(key)) visual.splice(Math.min(index, visual.length), 0, key);\n  });\n  return visual.map(key => keys.indexOf(key));\n}\n\n/**\n * Moves a visible column and returns the next stored key order. Keys of columns\n * that are not rendered right now are kept at the end so they are not forgotten.\n */\nexport function moveKeyedOrder(stored: string[] | undefined, keys: string[], from: number, to: number): string[] {\n  const visual = moveIndex(resolveKeyedOrder(stored, keys), from, to).map(i => keys[i] ?? '');\n  const visible = new Set(keys);\n  return [...visual, ...(stored ?? []).filter(key => !visible.has(key))];\n}\n\n/** Moves the item at visual position `from` to visual position `to`. */\nexport function moveIndex(order: number[], from: number, to: number): number[] {\n  if (from === to || from < 0 || to < 0 || from >= order.length || to >= order.length) return order;\n  const next = [...order];\n  next.splice(to, 0, ...next.splice(from, 1));\n  return next;\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataListReorderContextValue = {\n  reorderable: boolean;\n  /** `order[visualPosition] = originalColumnIndex`. */\n  order: number[];\n  /** Moves the column at visual position `from` to visual position `to`. */\n  move: (from: number, to: number) => void;\n};\n\nexport const DataListReorderContext = createContext<DataListReorderContextValue>({\n  reorderable: false,\n  order: [],\n  move: () => {},\n});\n\nexport const useDataListReorder = () => useContext(DataListReorderContext);\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { useId, useMemo } from 'react';\nimport {\n  columnOrderSchema,\n  getColumnOrderStorageKey,\n  identityOrder,\n  keyedColumnOrderSchema,\n  moveIndex,\n  moveKeyedOrder,\n  normalizeOrder,\n  resolveKeyedOrder,\n  splitGridTracks,\n} from './data-list-column-order';\nimport { DataListReorderContext } from './data-list-reorder-context';\nimport type { DataListReorderContextValue } from './data-list-reorder-context';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n  /**\n   * Lets users drag header cells (or press Alt+Arrow on a focused header cell)\n   * to reorder columns. Requires `id`: the order is persisted in localStorage\n   * under that id. Sticky cells stay pinned. Supported for flat lists whose\n   * header and rows span the full grid; `repeat()` templates are not supported.\n   */\n  reorderable?: boolean;\n  /** Stable identifier of the list, used to persist the column order when `reorderable`. */\n  id?: string;\n  /**\n   * Stable key per column, in `columns` order. With `reorderable`, the order is\n   * persisted by key, so it survives columns being shown, hidden or added.\n   * Without it, the order is persisted by index and resets when the column count changes.\n   */\n  columnKeys?: string[];\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  // The fluid highlight follows the same ends: rounded only when the active\n  // row is the first/last of its section, square everywhere else. `:has()`\n  // cannot nest, so \"last\" is written as \"no row follows the active one\".\n  '[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nconst disabledReorder: DataListReorderContextValue = { reorderable: false, order: [], move: () => {} };\n\nexport function DataListRoot({ reorderable, id, columns, columnKeys, ...props }: DataListRootProps) {\n  const tracks = reorderable && id ? splitGridTracks(columns) : null;\n  if (id && tracks && columnKeys && columnKeys.length === tracks.length) {\n    return (\n      <DataListKeyedReorderableRoot\n        key={id}\n        storageId={id}\n        tracks={tracks}\n        columnKeys={columnKeys}\n        id={id}\n        columns={columns}\n        {...props}\n      />\n    );\n  }\n  if (id && tracks) {\n    return <DataListReorderableRoot key={id} storageId={id} tracks={tracks} id={id} columns={columns} {...props} />;\n  }\n  return <DataListBase id={id} columns={columns} reorder={disabledReorder} {...props} />;\n}\n\nfunction DataListKeyedReorderableRoot({\n  storageId,\n  tracks,\n  columnKeys,\n  ...props\n}: DataListReorderableRootProps & { columnKeys: string[] }) {\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: columnKeys,\n    schema: keyedColumnOrderSchema,\n  });\n  const keysSignature = columnKeys.join('\\u0000');\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n  const order = useMemo(() => resolveKeyedOrder(stored, columnKeys), [stored, keysSignature]);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveKeyedOrder(current, columnKeys, from, to)),\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed by content, not array identity\n    [order, keysSignature, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListReorderableRootProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  storageId: string;\n  tracks: string[];\n};\n\nfunction DataListReorderableRoot({ storageId, tracks, ...props }: DataListReorderableRootProps) {\n  const count = tracks.length;\n  const [stored, setStored] = useLocalStorageState({\n    initialKey: getColumnOrderStorageKey(storageId),\n    defaultValue: identityOrder(count),\n    schema: columnOrderSchema,\n  });\n  const order = normalizeOrder(stored, count);\n\n  const reorder = useMemo<DataListReorderContextValue>(\n    () => ({\n      reorderable: true,\n      order,\n      move: (from, to) => setStored(current => moveIndex(normalizeOrder(current, count), from, to)),\n    }),\n    [order, count, setStored],\n  );\n\n  return <DataListBase {...props} columns={order.map(i => tracks[i]).join(' ')} reorder={reorder} />;\n}\n\ntype DataListBaseProps = Omit<DataListRootProps, 'reorderable' | 'columnKeys'> & {\n  reorder: DataListReorderContextValue;\n};\n\nfunction DataListBase({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  reorder,\n  ...props\n}: DataListBaseProps) {\n  const scopeId = useId();\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n  // Cells keep their DOM order; CSS `order` places each one in its moved track.\n  const orderRules = reorder.reorderable\n    ? reorder.order\n        .map(\n          (original, visual) =>\n            `[data-data-list=\"${scopeId}\"] .data-list-cells > :nth-child(${original + 1}) { order: ${visual}; }`,\n        )\n        .join('\\n')\n    : null;\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      data-data-list={reorder.reorderable ? scopeId : undefined}\n      {...menu.getContainerProps({})}\n    >\n      {orderRules && <style>{orderRules}</style>}\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-none bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      <ScrollAreaViewport ref={scrollRef} className=\"min-h-0 flex-1 basis-auto\">\n        <DataListReorderContext.Provider value={reorder}>{grid}</DataListReorderContext.Provider>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport const DataListRowWrapperContext = createContext(false);\n\nexport function useDataListRowWrapperContext() {\n  return useContext(DataListRowWrapperContext);\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } 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 cellsClass = hasColumnOverride ? undefined : 'data-list-cells';\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(\n          ...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles),\n          cellsClass,\n          'text-left',\n          className,\n        )}\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 cellsClass = hasColumnOverride ? undefined : 'data-list-cells';\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), cellsClass, 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 } 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 cellsClass = hasColumnOverride ? undefined : 'data-list-cells';\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, cellsClass, 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, 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 { focusRingInset } from '@/ds/primitives/transitions';\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 && cn('cursor-pointer', focusRingInset),\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 type { ComponentPropsWithoutRef, DragEvent, ElementType, KeyboardEvent, ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useDataListReorder } from './data-list-reorder-context';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    const { reorderable, order, move } = useDataListReorder();\n    const [isDropTarget, setIsDropTarget] = useState(false);\n    const canReorder = reorderable && !sticky;\n\n    const reorderProps = canReorder\n      ? {\n          draggable: true,\n          tabIndex: 0,\n          'aria-roledescription': 'draggable column',\n          'data-drop-target': isDropTarget || undefined,\n          onDragStart: (event: DragEvent<HTMLElement>) => {\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return event.preventDefault();\n            event.dataTransfer.effectAllowed = 'move';\n            event.dataTransfer.setData(DRAG_TYPE, String(from));\n          },\n          onDragOver: (event: DragEvent<HTMLElement>) => {\n            if (!event.dataTransfer.types.includes(DRAG_TYPE)) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = 'move';\n            setIsDropTarget(true);\n          },\n          onDragLeave: () => setIsDropTarget(false),\n          onDrop: (event: DragEvent<HTMLElement>) => {\n            setIsDropTarget(false);\n            const from = Number(event.dataTransfer.getData(DRAG_TYPE));\n            const to = getVisualPosition(event.currentTarget, order);\n            if (to === null || Number.isNaN(from)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!event.altKey || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) return;\n            const from = getVisualPosition(event.currentTarget, order);\n            if (from === null) return;\n            const to = from + (event.key === 'ArrowLeft' ? -1 : 1);\n            if (isStickyAt(event.currentTarget, order, to)) return;\n            event.preventDefault();\n            move(from, to);\n          },\n        }\n      : undefined;\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mx-3 w-auto max-w-none px-3',\n          sticky === 'start' && 'z-20',\n          canReorder &&\n            'cursor-grab active:cursor-grabbing data-drop-target:shadow-[inset_2px_0_0_var(--border-focus)]',\n          canReorder && focusRingInset,\n          className,\n        )}\n        {...reorderProps}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nconst DRAG_TYPE = 'application/x-mastra-data-list-column';\n\n/** Visual position of a header cell, or `null` when it is not in a full-width cells container. */\nfunction getVisualPosition(cell: HTMLElement, order: number[]): number | null {\n  const parent = cell.parentElement;\n  if (!parent?.classList.contains('data-list-cells')) return null;\n  const visual = order.indexOf(Array.from(parent.children).indexOf(cell));\n  return visual === -1 ? null : visual;\n}\n\n/** Whether the header cell at `visual` is pinned (so nothing may move into its slot). */\nfunction isStickyAt(cell: HTMLElement, order: number[], visual: number): boolean {\n  const original = order[visual];\n  if (original === undefined) return true;\n  return cell.parentElement?.children[original]?.classList.contains('data-list-sticky-start') ?? true;\n}\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","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","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 { Txt } from '@/ds/components/Txt';\n\nexport type DataListSubHeadingProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport function DataListSubHeading({ children, className }: DataListSubHeadingProps) {\n  return (\n    <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className={className}>\n      {children}\n    </Txt>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell ? 'gap-0 pl-0!' : 'data-list-cells',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\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 && 'data-list-cells 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 { DataListGroup } from './data-list-group';\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  Group: DataListGroup,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  NextPageLoading: DataListNextPageLoading,\n  Pagination: DataListPagination,\n});\n"],"names":["focusRingInset","jsx","cn","Children","isValidElement","cloneElement","getShortId","Checkbox","formatDate","formatTimestampPrecise","forwardRef","GROUP_ATTR","Txt","jsxs","Button","ArrowLeftIcon","ArrowRightIcon","z","createContext","useContext","raisedSurfaceStyle","useLocalStorageState","useMemo","useId","useFluidMenu","FluidMenuItems","ScrollArea","ScrollAreaViewport","useFluidMenuItemRef","useState","tooltip","Tooltip","TooltipTrigger","TooltipContent","Fragment","ArrowUp","ArrowDown","ArrowUpDown"],"mappings":"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"}

package/dist/{data-list-skeleton-BytOffUO.js → data-list-skeleton-AfVi5OHw.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { s as splitColumns, D as DataListRoot, a as DataListTop, b as DataListTopCell, c as DataListCell, d as dataListRowOuterStyles } from './data-list-top-vN4fkFqY.js';
+import { s as splitColumns, D as DataListRoot, a as DataListTop, b as DataListTopCell, c as DataListCell, d as dataListRowOuterStyles } from './data-list-B4Ho_OCZ.js';
 import { c as cn } from './cn-coERSHz5.js';
 
 const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
@@ -36,4 +36,4 @@ function DataListSkeleton({
 }
 
 export { DataListSkeleton as D, DataListSkeletonRows as a };
-//# sourceMappingURL=data-list-skeleton-BytOffUO.js.map
+//# sourceMappingURL=data-list-skeleton-AfVi5OHw.js.map

package/dist/{data-list-skeleton-BytOffUO.js.map → data-list-skeleton-AfVi5OHw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-list-skeleton-BytOffUO.js","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\nexport type DataListSkeletonRowsProps = {\n  columnCount: number;\n  numberOfRows?: number;\n};\n\n/**\n * Placeholder rows only, for lists that keep their real root and header while\n * loading (e.g. virtualized lists that must keep the same scroll container).\n */\nexport function DataListSkeletonRows({ columnCount, numberOfRows = 3 }: DataListSkeletonRowsProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n    <div key={rowIdx} className={cn('data-list-cells grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n      {Array.from({ length: columnCount }).map((_, colIdx) => (\n        <DataListCell key={colIdx}>\n          <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n        </DataListCell>\n      ))}\n    </div>\n  ));\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      <DataListSkeletonRows columnCount={columnCount} numberOfRows={numberOfRows} />\n    </DataListRoot>\n  );\n}\n"],"names":["_"],"mappings":";;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAWO,SAAS,oBAAA,CAAqB,EAAE,WAAA,EAAa,YAAA,GAAe,GAAE,EAA8B;AACjG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAClD,GAAA,CAAC,KAAA,EAAA,EAAiB,WAAW,EAAA,CAAG,mDAAA,EAAqD,GAAG,sBAAsB,CAAA,EAC3G,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACA,IAAG,MAAA,qBAC3C,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD,CAAA;AACH;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,aAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,yBAC1C,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,WAAA,EAA0B,YAAA,EAA4B;AAAA,GAAA,EAC9E,CAAA;AAEJ;;;;"}
+{"version":3,"file":"data-list-skeleton-AfVi5OHw.js","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\nexport type DataListSkeletonRowsProps = {\n  columnCount: number;\n  numberOfRows?: number;\n};\n\n/**\n * Placeholder rows only, for lists that keep their real root and header while\n * loading (e.g. virtualized lists that must keep the same scroll container).\n */\nexport function DataListSkeletonRows({ columnCount, numberOfRows = 3 }: DataListSkeletonRowsProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n    <div key={rowIdx} className={cn('data-list-cells grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n      {Array.from({ length: columnCount }).map((_, colIdx) => (\n        <DataListCell key={colIdx}>\n          <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n        </DataListCell>\n      ))}\n    </div>\n  ));\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      <DataListSkeletonRows columnCount={columnCount} numberOfRows={numberOfRows} />\n    </DataListRoot>\n  );\n}\n"],"names":["_"],"mappings":";;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAWO,SAAS,oBAAA,CAAqB,EAAE,WAAA,EAAa,YAAA,GAAe,GAAE,EAA8B;AACjG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAClD,GAAA,CAAC,KAAA,EAAA,EAAiB,WAAW,EAAA,CAAG,mDAAA,EAAqD,GAAG,sBAAsB,CAAA,EAC3G,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACA,IAAG,MAAA,qBAC3C,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD,CAAA;AACH;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,aAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,yBAC1C,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,WAAA,EAA0B,YAAA,EAA4B;AAAA,GAAA,EAC9E,CAAA;AAEJ;;;;"}

package/dist/{data-list-skeleton-HmAfNH0v.cjs → data-list-skeleton-CIfVTfq4.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTop = require('./data-list-top-DOSUdqnN.cjs');
+const dataList = require('./data-list-CYpGCm6F.cjs');
 const utils_cn = require('./cn-TqD01zH-.cjs');
 
 const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
@@ -20,7 +20,7 @@ function DataListSkeletonRows({ columnCount, numberOfRows = 3 }) {
     const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;
     return widths[index] ?? widths[0];
   };
-  return Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("data-list-cells grid grid-cols-subgrid gap-4 px-3", ...dataListTop.dataListRowOuterStyles), children: Array.from({ length: columnCount }).map((_2, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { width: getPseudoRandomWidth(rowIdx, colIdx) }) }, colIdx)) }, rowIdx));
+  return Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("data-list-cells grid grid-cols-subgrid gap-4 px-3", ...dataList.dataListRowOuterStyles), children: Array.from({ length: columnCount }).map((_2, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { width: getPseudoRandomWidth(rowIdx, colIdx) }) }, colIdx)) }, rowIdx));
 }
 function DataListSkeleton({
   columns = "auto 1fr auto auto",
@@ -28,15 +28,15 @@ function DataListSkeleton({
   fit,
   variant
 }) {
-  const columnParts = dataListTop.splitColumns(columns);
+  const columnParts = dataList.splitColumns(columns);
   const columnCount = columnParts.length;
   const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTop.DataListRoot, { columns: skeletonColumns, fit, variant, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTop, { children: Array.from({ length: columnCount }).map((_, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTopCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { width: headerWidths[colIdx % headerWidths.length] ?? headerWidths[0], className: "h-3" }) }, colIdx)) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataListRoot, { columns: skeletonColumns, fit, variant, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListTop, { children: Array.from({ length: columnCount }).map((_, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListTopCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { width: headerWidths[colIdx % headerWidths.length] ?? headerWidths[0], className: "h-3" }) }, colIdx)) }),
     /* @__PURE__ */ jsxRuntime.jsx(DataListSkeletonRows, { columnCount, numberOfRows })
   ] });
 }
 
 exports.DataListSkeleton = DataListSkeleton;
 exports.DataListSkeletonRows = DataListSkeletonRows;
-//# sourceMappingURL=data-list-skeleton-HmAfNH0v.cjs.map
+//# sourceMappingURL=data-list-skeleton-CIfVTfq4.cjs.map

package/dist/{data-list-skeleton-HmAfNH0v.cjs.map → data-list-skeleton-CIfVTfq4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-list-skeleton-HmAfNH0v.cjs","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\nexport type DataListSkeletonRowsProps = {\n  columnCount: number;\n  numberOfRows?: number;\n};\n\n/**\n * Placeholder rows only, for lists that keep their real root and header while\n * loading (e.g. virtualized lists that must keep the same scroll container).\n */\nexport function DataListSkeletonRows({ columnCount, numberOfRows = 3 }: DataListSkeletonRowsProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n    <div key={rowIdx} className={cn('data-list-cells grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n      {Array.from({ length: columnCount }).map((_, colIdx) => (\n        <DataListCell key={colIdx}>\n          <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n        </DataListCell>\n      ))}\n    </div>\n  ));\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      <DataListSkeletonRows columnCount={columnCount} numberOfRows={numberOfRows} />\n    </DataListRoot>\n  );\n}\n"],"names":["jsx","cn","dataListRowOuterStyles","_","DataListCell","splitColumns","jsxs","DataListRoot","DataListTop","DataListTopCell"],"mappings":";;;;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAWO,SAAS,oBAAA,CAAqB,EAAE,WAAA,EAAa,YAAA,GAAe,GAAE,EAA8B;AACjG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAClDD,cAAA,CAAC,KAAA,EAAA,EAAiB,WAAWC,WAAA,CAAG,mDAAA,EAAqD,GAAGC,kCAAsB,CAAA,EAC3G,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACC,IAAG,MAAA,qBAC3CH,cAAA,CAACI,4BACC,QAAA,kBAAAJ,cAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD,CAAA;AACH;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAcK,yBAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,uBACEC,eAAA,CAACC,wBAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAAP,cAAA,CAACQ,uBAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,oCAC1CC,2BAAA,EAAA,EACC,QAAA,kBAAAT,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,oBAAA,EAAA,EAAqB,WAAA,EAA0B,YAAA,EAA4B;AAAA,GAAA,EAC9E,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"data-list-skeleton-CIfVTfq4.cjs","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\nexport type DataListSkeletonRowsProps = {\n  columnCount: number;\n  numberOfRows?: number;\n};\n\n/**\n * Placeholder rows only, for lists that keep their real root and header while\n * loading (e.g. virtualized lists that must keep the same scroll container).\n */\nexport function DataListSkeletonRows({ columnCount, numberOfRows = 3 }: DataListSkeletonRowsProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n    <div key={rowIdx} className={cn('data-list-cells grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n      {Array.from({ length: columnCount }).map((_, colIdx) => (\n        <DataListCell key={colIdx}>\n          <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n        </DataListCell>\n      ))}\n    </div>\n  ));\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      <DataListSkeletonRows columnCount={columnCount} numberOfRows={numberOfRows} />\n    </DataListRoot>\n  );\n}\n"],"names":["jsx","cn","dataListRowOuterStyles","_","DataListCell","splitColumns","jsxs","DataListRoot","DataListTop","DataListTopCell"],"mappings":";;;;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAWO,SAAS,oBAAA,CAAqB,EAAE,WAAA,EAAa,YAAA,GAAe,GAAE,EAA8B;AACjG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAClDD,cAAA,CAAC,KAAA,EAAA,EAAiB,WAAWC,WAAA,CAAG,mDAAA,EAAqD,GAAGC,+BAAsB,CAAA,EAC3G,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACC,IAAG,MAAA,qBAC3CH,cAAA,CAACI,yBACC,QAAA,kBAAAJ,cAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD,CAAA;AACH;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAcK,sBAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,uBACEC,eAAA,CAACC,qBAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAAP,cAAA,CAACQ,oBAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,oCAC1CC,wBAAA,EAAA,EACC,QAAA,kBAAAT,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,oBAAA,EAAA,EAAqB,WAAA,EAA0B,YAAA,EAA4B;AAAA,GAAA,EAC9E,CAAA;AAEJ;;;;;"}

package/dist/{data-panel-CwIdwpov.js → data-panel-C8sHDwrx.js}

@@ -17,7 +17,7 @@ import { T as Txt } from './Txt-BuzYj7Vy.js';
 import { PortalContainerProvider } from './primitives/portal-container.es.js';
 import './drawer-CwVDeB8H.js';
 import { D as DataPanelSectionHeading } from './data-panel-section-heading-D20aa5uF.js';
-import { D as DataCodeSection } from './data-code-section-DsU-ubVW.js';
+import { D as DataCodeSection } from './data-code-section-DOSV2o6P.js';
 
 function DataPanelCloseButton({
   onClick,
@@ -271,4 +271,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 export { DataPanel as D };
-//# sourceMappingURL=data-panel-CwIdwpov.js.map
+//# sourceMappingURL=data-panel-C8sHDwrx.js.map

package/dist/{data-panel-CwIdwpov.js.map → data-panel-C8sHDwrx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-panel-CwIdwpov.js","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.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 { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\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\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, 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`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap 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 min-w-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 aria-hidden=\"true\" 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","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\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\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\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}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\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(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\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    <DataPanelVariantContext.Provider value=\"drawer\">\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 render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\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":["DrawerPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,OAAA,GAAU,aAAA;AAAA,EACV,KAAA,GAAQ,aAAA;AAAA,EACR,IAAA,GAAO,OAAA;AAAA,EACP,SAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAA8B;AAC5B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,IAAA;AAAA,MACL,OAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAY,KAAA;AAAA,MACZ,OAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAElC,mBAAS,GAAA,mBAAM,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA,uBAAM,aAAA,EAAA,EAAc;AAAA;AAAA,GAC7C;AAEJ;;AClCO,MAAM,uBAAA,GAA0B,cAAgC,QAAQ,CAAA;AAExE,MAAM,mBAAA,GAAsB,MAAM,UAAA,CAAW,uBAAuB,CAAA;;ACM3E,MAAM,eAAA,GAAkB,0CAAA;AAKjB,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,GAAA,EAAK,WAAU,EAA0B;AACpF,EAAA,MAAM,UAAU,mBAAA,EAAoB;AAEpC,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GACpD,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAACA,MAAA,CAAgB,OAAA,EAAhB,EAAwB,GAAA,EAAU,WAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACxE,QAAA,EACH,CAAA;AAEJ;;ACnBO,SAAS,eAAA,CAAgB,EAAE,EAAA,EAAI,SAAA,GAAY,IAAG,EAAyB;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAI,kBAAA,CAAmB,EAAE,IAAA,EAAM,EAAA,EAAI,SAAA,EAAW,KAAA,EAAO,CAAA;AAClF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,4BACG,OAAA,EAAA,EAAQ,IAAA,EAAM,QAAA,IAAY,IAAA,EAAM,cAAc,OAAA,EAC7C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,MAAA,kBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,UAAS,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,UAAA,EACtD,QAAA,EAAA,cAAA,CAAe,EAAA,EAAI,SAAS,CAAA,EAC/B;AAAA;AAAA,KAEJ;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,QAAA,GAAW,qBAAA,GAAwB,mBAAA,EAAoB;AAAA,GAAA,EAC1E,CAAA;AAEJ;;ACxBO,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,QAAA,EAAS,EAAyB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,6EAAA;AAAA;AAAA;AAAA,QAGA,0CAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACjBO,SAAS,sBAAA,CAAuB,EAAE,QAAA,EAAS,EAAgC;AAChF,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EAA6E,QAAA,EAAS,CAAA;AAC9G;;ACAO,SAAS,sBAAA,CAAuB,EAAE,QAAA,EAAS,EAAgC;AAChF,EAAA,MAAM,CAAC,OAAA,EAAS,GAAG,QAAQ,CAAA,GAAI,QAAA,CAAS,QAAQ,QAAQ,CAAA;AAExD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACZ,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,QAAA,CAAS,MAAA,GAAS,CAAA,oBACjB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,yCAAA,EAA0C,CAAA;AAAA,MAC3E;AAAA,KAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;AChBO,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAS,EAA0B;AAC/E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,8EAAA;AAAA,QACA,kBAAA,CAAmB,EAAA;AAAA,QACnB,+EAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;AClBO,SAAS,oBAAA,CAAqB,EAAE,QAAA,EAAS,EAA8B;AAC5E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yFAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,WAAU,kBAAA,EAAmB,CAAA;AAAA,IAAE,GAAA;AAAA,IAAE,QAAA,IAAY;AAAA,GAAA,EAClF,CAAA;AAEJ;;ACDO,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAS,EAA2B;AACtE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,+DAAA,EAAiE,QAAA,EAAS,CAAA;AACjG;AAeO,SAAS,aAAA,CAAc,EAAE,EAAA,EAAI,IAAA,EAAM,SAAS,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAuB;AACtG,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AACnB,EAAA,MAAM,aAAA,GAAgB,QAAQ,EAAA,IAAM,KAAA,CAAM,QAAQ,KAAA,CAAM,EAAA,IAAM,MAAM,OAAO,CAAA;AAE3E,EAAA,MAAM,aAAa,OAAA,IAAW,IAAA;AAC9B,EAAA,MAAM,IAAA,mBACJ,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAY,CAAC,aAAA,IAAiB,OAAO,OAAA,KAAY,WAAW,OAAA,GAAU,MAAA;AAAA,MACtE,QAAA,EAAU,CAAC,aAAA,IAAiB,UAAA,GAAa,CAAA,GAAI,MAAA;AAAA,MAC7C,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA,QAGT,4EAAA;AAAA,QACA,kBAAA,CAAmB,EAAA;AAAA,QACnB,2BAAA;AAAA,QACA,aAAA,GACI,GAAG,cAAA,EAAgB,oDAAoD,IACvE,EAAA,CAAG,uBAAA,EAAyB,cAAc,aAAa,CAAA;AAAA,QAC3D;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,6CAAA,EAA+C,WAAA,CAAY,OAAO,CAAA,EAC7F,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAS;AAAA;AAAA;AAAA,GAC/C;AAGF,EAAA,uBACE,GAAA,CAAC,QAAG,SAAA,EAAU,uDAAA,EACX,WAAC,UAAA,GACA,IAAA,wBAEC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,QAAQ,IAAA,EAAM,CAAA;AAAA,oBAC9B,GAAA,CAAC,kBAAgB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC3B,CAAA,EAEJ,CAAA;AAEJ;;AC3DO,SAAS,oBAAA,CAAqB;AAAA,EACnC,UAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA,GAAgB,gBAAA;AAAA,EAChB,SAAA,GAAY,YAAA;AAAA,EACZ,OAAA,GAAU;AACZ,CAAA,EAA8B;AAC5B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAkB,OAAA,EAAS,aAAA,EAAe,OAAA,EAAS,UAAA,EAAY,QAAA,EAAU,CAAC,UAAA,EAC1F,QAAA,kBAAA,GAAA,CAAC,eAAY,CAAA,EACf,CAAA;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,SAAkB,OAAA,EAAS,SAAA,EAAW,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAU,CAAC,MAAA,EAClF,QAAA,kBAAA,GAAA,CAAC,iBAAc,CAAA,EACjB;AAAA,GAAA,EACF,CAAA;AAEJ;;ACzBO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAyB;AAClE,EAAA,uBACE,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAC3C,QAAA,EAAA,QAAA,IAAY,gBAAA,EACf,CAAA;AAEJ;;ACgDA,MAAM,YAAA,GAAe,oFAAA;AAErB,MAAM,cAAc,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAG,MAAA,EAAQ,GAAG,MAAA,EAAO;AACtD,MAAM,aAAa,EAAE,IAAA,EAAM,SAAS,IAAA,EAAM,OAAA,EAAS,MAAM,QAAA,EAAS;AAClE,MAAM,eAAe,EAAE,IAAA,EAAM,OAAO,IAAA,EAAM,KAAA,EAAO,MAAM,MAAA,EAAO;AAE9D,MAAM,cAAA,GAAiB,GAAA;AAEhB,SAAS,cAAc,KAAA,EAAuB;AACnD,EAAA,IAAI,KAAA,CAAM,YAAY,QAAA,EAAU;AAC9B,IAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AAAA,EACrC;AACA,EAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACrC;AAEA,SAAS,gBAAgB,EAAE,KAAA,EAAO,WAAA,EAAa,QAAA,EAAU,WAAU,EAAyB;AAC1F,EAAA,MAAM,aAAA,GAAgB,MAAM,KAAA,EAAM;AAElC,EAAA,uBACE,GAAA,CAAC,uBAAA,CAAwB,QAAA,EAAxB,EAAiC,OAAM,QAAA,EACtC,QAAA,kBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,cAAA,EAAa,QAAA;AAAA,MACb,YAAA,EAAY,KAAA;AAAA,MACZ,kBAAA,EAAkB,cAAc,aAAA,GAAgB,MAAA;AAAA,MAEhD,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,qCAAA,EAAuC,SAAS,CAAA;AAAA,MAE3E,QAAA,EAAA;AAAA,QAAA,WAAA,wBACE,MAAA,EAAA,EAAK,EAAA,EAAI,aAAA,EAAe,SAAA,EAAU,WAChC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,QAED;AAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,QAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAIvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAA,CAAM,SAAgC,IAAI,CAAA;AAE9E,EAAA,uBACE,GAAA,CAAC,uBAAA,CAAwB,QAAA,EAAxB,EAAiC,OAAM,QAAA,EACtC,QAAA,kBAAA,GAAA;AAAA,IAACA,MAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,IAAA;AAAA,MACA,cAAc,CAAA,QAAA,KAAY;AACxB,QAAA,IAAI,CAAC,UAAU,OAAA,IAAU;AAAA,MAC3B,CAAA;AAAA,MACA,cAAA,EAAe,OAAA;AAAA,MAEf,QAAA,kBAAA,IAAA,CAACA,MAAA,CAAgB,MAAA,EAAhB,EAEC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAACA,MAAA,CAAgB,QAAA,EAAhB,EAAyB,SAAA,EAAU,gDAAA,EAAiD,CAAA;AAAA,wBACrF,GAAA,CAACA,MAAA,CAAgB,QAAA,EAAhB,EAAyB,WAAU,oBAAA,EAClC,QAAA,kBAAA,IAAA;AAAA,UAACA,MAAA,CAAgB,KAAA;AAAA,UAAhB;AAAA,YACC,WAAA,EAAU,kBAAA;AAAA,YACV,YAAA,EAAY,KAAA;AAAA,YACZ,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,4EAAA;AAAA,cACA,SAAS,IAAA,GAAO,WAAA,CAAY,KAAK,CAAA,GAAI,WAAW,IAAI;AAAA,aACtD;AAAA,YACA,OACE,IAAA,KAAS,IAAA,IAAQ,KAAA,GAAQ,CAAA,GACrB,EAAE,KAAA,EAAO,CAAA,KAAA,EAAQ,YAAA,CAAa,IAAI,CAAC,CAAA,GAAA,EAAA,CAAO,KAAA,GAAQ,CAAA,IAAK,cAAc,QAAO,GAC5E,MAAA;AAAA,YAIN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAACA,MAAA,CAAgB,OAAhB,EAAsB,MAAA,sBAAS,MAAA,EAAA,EAAK,CAAA,EAAI,SAAA,EAAU,SAAA,EAChD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,cACC,+BACC,GAAA,CAACA,MAAA,CAAgB,aAAhB,EAA4B,SAAA,EAAU,WAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,8BAGhE,GAAA,CAACA,MAAA,CAAgB,OAAA,EAAhB,EAAwB,MAAA,kBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,aAAA,EAAe,SAAA,EAAU,UAAA,EAAW,CAAA,EAAI,CAAA;AAAA,kCAElF,uBAAA,EAAA,EAAwB,SAAA,EAAW,YAElC,QAAA,kBAAA,GAAA,CAACA,MAAA,CAAgB,SAAhB,EAAwB,MAAA,sBAAS,SAAA,EAAA,EAAQ,CAAA,EAAI,WAAW,EAAA,CAAG,YAAA,EAAc,cAAc,SAAS,CAAA,EAC9F,UACH,CAAA,EACF;AAAA;AAAA;AAAA,SACF,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;ACnJO,MAAM,SAAA,GAAY,MAAA,CAAO,MAAA,CAAO,aAAA,EAAe;AAAA,EACpD,MAAA,EAAQ,eAAA;AAAA,EACR,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,OAAA,EAAS,gBAAA;AAAA,EACT,QAAA,EAAU,iBAAA;AAAA,EACV,IAAA,EAAM,aAAA;AAAA,EACN,WAAA,EAAa,oBAAA;AAAA,EACb,MAAA,EAAQ,eAAA;AAAA,EACR,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,MAAA,EAAQ,eAAA;AAAA,EACR,OAAA,EAAS,gBAAA;AAAA,EACT,WAAA,EAAa,eAAA;AAAA,EACb,cAAA,EAAgB;AAClB,CAAC;;;;"}
+{"version":3,"file":"data-panel-C8sHDwrx.js","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.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 { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\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\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, 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`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap 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 min-w-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 aria-hidden=\"true\" 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","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\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\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\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}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\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(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\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    <DataPanelVariantContext.Provider value=\"drawer\">\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 render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\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":["DrawerPrimitive"],"mappings":"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"}

package/dist/{data-panel-CtFwwsPs.cjs → data-panel-DIVqWg0V.cjs}

@@ -18,7 +18,7 @@ const Txt = require('./Txt-DXjXpX9r.cjs');
 const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
 require('./drawer-C6PBqg__.cjs');
 const dataPanelSectionHeading = require('./data-panel-section-heading-CePIkoDI.cjs');
-const dataCodeSection = require('./data-code-section-BB2RWius.cjs');
+const dataCodeSection = require('./data-code-section-DCuBY9Mf.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -291,4 +291,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 exports.DataPanel = DataPanel;
-//# sourceMappingURL=data-panel-CtFwwsPs.cjs.map
+//# sourceMappingURL=data-panel-DIVqWg0V.cjs.map