@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-GzbzPmYR.js","names":["ScrollAreaPrimitive","ScrollArea","_Fragment"],"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`, under the hover layer\n  // (`after`, `-z-1`) and the row content. The row element itself stays\n  // transparent so tones (error, info) tint on top of both.\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 lights an `after` layer between the row surface and its content, and\n * switches instantly. 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 hover layer.\n */\nexport const dataListRowStateStyles = [\n  // `data-list-row-interactive` lets the root light a hovered row's opaque sticky cell.\n  \"data-list-row-interactive after:pointer-events-none after:absolute after:inset-0 after:-z-1 after:rounded-[inherit] after:content-['']\",\n  'not-disabled:hover:after:bg-fill-subtle',\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  // hover layer 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 { cn } from '@/lib/utils';\n\nexport type DataListGroupProps = ComponentPropsWithoutRef<'section'>;\n\n/** Rows sharing the list's columns. */\nexport const DataListGroup = forwardRef<HTMLElement, DataListGroupProps>(({ className, ...rest }, ref) => {\n  return (\n    <section\n      ref={ref}\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 { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport 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 { 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  /** Disable the internal scroll area when a parent owns scrolling, allowing row effects to extend outside the list. */\n  scrollable?: boolean;\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  '[&_.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 hover layer 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-interactive:not(:disabled):hover>.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  scrollable = true,\n  mask,\n  scrollRef,\n  reorder,\n  maxHeight,\n  autoScroll,\n  scrollButtons,\n  revealScrollbarOnHover,\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  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // `isolate` keeps each row's negative-z surface and hover layers above the list's own background.\n      className={cn('relative isolate grid content-start', ...dataListGridStyles, dataListFitClasses[fit])}\n      style={gridStyle}\n      data-data-list={reorder.reorderable ? scopeId : undefined}\n    >\n      {orderRules && <style>{orderRules}</style>}\n      {children}\n    </div>\n  );\n\n  if (!scrollable) {\n    return (\n      // Preserve Base UI's render/style/ref contract without adding a clipping viewport.\n      <ScrollAreaPrimitive.Root\n        {...props}\n        className={cn('w-full rounded-xl p-1', dataListVariantClasses[variant], className)}\n      >\n        <DataListReorderContext.Provider value={reorder}>{grid}</DataListReorderContext.Provider>\n      </ScrollAreaPrimitive.Root>\n    );\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      maxHeight={maxHeight}\n      autoScroll={autoScroll}\n      scrollButtons={scrollButtons}\n      revealScrollbarOnHover={revealScrollbarOnHover}\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 { cn } from '@/lib/utils';\n\nexport type DataListRowButtonProps = ComponentPropsWithoutRef<'button'> & DataListRowSharedProps;\n\n/**\n * Forwarded ref + spread props so virtualizers (`useVirtualizer.measureElement`)\n * can attach a ref and `data-index` to each rendered row.\n */\nexport const DataListRowButton = forwardRef<HTMLButtonElement, DataListRowButtonProps>(\n  ({ children, className, type = 'button', colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const cellsClass = hasColumnOverride ? undefined : 'data-list-cells';\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(\n          ...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles),\n          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 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    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={ref}\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 { 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\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={ref}\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  /** Names the column in the sort button's accessible label. Defaults to `children` when it is a string, else `sortKey`. */\n  label?: string;\n};\n\nexport function DataListSortableTopCell<K extends string = string>({\n  children,\n  sortKey,\n  sort,\n  onSortChange,\n  align = 'start',\n  label = typeof children === 'string' ? children : sortKey,\n  className,\n  ...props\n}: DataListSortableTopCellProps<K>) {\n  const next: DataListSort = sort === 'asc' ? 'desc' : 'asc';\n  const SortIcon = sortIcons[sort ?? 'none'];\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' && 'justify-end', 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAa,yBAAyB,CACpC,oEAIA,8GACF;;;;;;;;;;;;;;;AAgBA,IAAa,yBAAyB;CAEpC;CACA;CACA;CACA;CACA;CACA;CAGA;AACF;;;;;AAMA,IAAa,+BAA+B,CAC1C,oDACA,cACF;AAEA,IAAa,oBAAoB;CAC/B,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,IAAa,0BAA0B,CAAC,qCAAqC,GAAG,sBAAsB;;;;;;;AAQtG,IAAa,gCACX;AAIF,IAAa,4BAA4B,CACvC,iFACF;;AA+BA,SAAgB,aAAa,SAA2B;CACtD,MAAM,QAAkB,CAAC;CACzB,IAAI,QAAQ;CACZ,IAAI,UAAU;CACd,KAAK,MAAM,QAAQ,SAAS;EAC1B,IAAI,SAAS,KAAK;EAClB,IAAI,SAAS,KAAK;EAClB,IAAI,KAAK,KAAK,IAAI,KAAK,UAAU,GAAG;GAClC,IAAI,SAAS,MAAM,KAAK,OAAO;GAC/B,UAAU;EACZ,OACE,WAAW;CAEf;CACA,IAAI,SAAS,MAAM,KAAK,OAAO;CAC/B,OAAO;AACT;;AC/FA,SAAgB,aAAa,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,QAA2B;CAE5F,OACE,oBAFgB,MAAM,QAEtB;EACE,WAAW,GACT,iLACA,WAAW,WAAW,2BACtB,SACF;EACA,GAAI;EAEH;CACQ,CAAA;AAEf;;;;;AAMA,SAAgB,oBAAoB,EAAE,UAAU,WAAW,GAAG,QAA2B;CACvF,OACE,oBAAC,cAAD;EAAyB;EAAW,GAAI;EACtC,UAAA,oBAAC,QAAD;GACE,WAAW,GACT,mFACA,6BACF;GAEC;EACG,CAAA;CACM,CAAA;AAElB;AAEA,IAAM,gCACJ;AACF,IAAM,mCAAmC;AAEzC,SAAS,mBAAmB,EAAE,YAA2C;CACvE,OAAO,oBAAC,QAAD;EAAM,WAAW;EAAmC;CAAe,CAAA;AAC5E;AAEA,SAAS,2BAA2B,EAAE,YAAqC;CACzE,OAAO,SAAS,IAAI,WAAU,UAAS;EACrC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,oBAAC,oBAAD,EAAA,UAAqB,MAA0B,CAAA;EAGxD,OAAO;CACT,CAAC;AACH;AAEA,SAAS,6BAA6B,EAAE,YAAqC;CAC3E,OAAO,SAAS,IAAI,WAAU,UAAS;EACrC,IAAI,CAAC,eAA6D,KAAK,KAAK,OAAO,MAAM,SAAS,UAChG,OAAO;EAGT,OAAO,aAAa,OAAO;GACzB,WAAW,GAAG,sCAAsC,MAAM,MAAM,SAAS;GACzE,UAAU,oBAAC,4BAAD,EAAA,UAA6B,MAAM,MAAM,SAAqC,CAAA;EAC1F,CAAC;CACH,CAAC;AACH;AAUA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,QAA+B;CACvG,OACE,oBAAC,cAAD;EAAc,WAAW,GAAG,SAAS,UAAU,0BAA0B,SAAS;EAAG,GAAI;EACvF,UAAA,oBAAC,QAAD;GAAM,WAAW;GACf,UAAA,oBAAC,8BAAD,EAA+B,SAAuC,CAAA;EAClE,CAAA;CACM,CAAA;AAElB;AAEA,SAAgB,iBAAiB,EAAE,UAAU,aAAgC;CAC3E,OACE,oBAAC,cAAD;EAAc,WAAW,GAAG,wCAAwC,SAAS;EAC3E,UAAA,oBAAC,QAAD;GAAM,WAAW;GACf,UAAA,oBAAC,8BAAD,EAA+B,SAAuC,CAAA;EAClE,CAAA;CACM,CAAA;AAElB;AAEA,SAAgB,wBAAwB,EAAE,UAAU,aAAgC;CAClF,OACE,oBAAC,cAAD;EAAc,WAAW,GAAG,yBAAyB,SAAS;EAC5D,UAAA,oBAAC,QAAD;GAAM,WAAW;GACf,UAAA,oBAAC,8BAAD,EAA+B,SAAuC,CAAA;EAClE,CAAA;CACM,CAAA;AAElB;AAIA,SAAgB,sBAAsB,EAAE,UAAU,WAAW,GAAG,QAAoC;CAClG,OACE,oBAAC,cAAD;EACE,QAAO;EACP,WAAW,GACT,0FACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,QAAD;GAAM,WAAW,GAAG,+BAA+B,sBAAsB;GACvE,UAAA,oBAAC,8BAAD,EAA+B,SAAuC,CAAA;EAClE,CAAA;CACM,CAAA;AAElB;;;;;AAeA,SAAgB,mBAAmB,EACjC,UACA,WACA,WACA,OAAO,QACP,GAAG,QACuB;CAC1B,OACE,oBAAC,cAAD;EACE,WAAW,GACT,mEACA,aAAa,8BACb,SAAS,UAAU,aACnB,SACF;EACA,GAAI;EAEH;CACW,CAAA;AAElB;AAMA,SAAgB,eAAe,EAAE,MAA2B;CAC1D,OAAO,oBAAC,cAAD;EAAc,WAAU;EAAuC,UAAA,WAAW,EAAE;CAAgB,CAAA;AACrG;AAeA,SAAgB,mBAAmB,EAAE,SAAS,UAAU,UAAU,GAAG,QAAiC;CACpG,OACE,oBAAC,cAAD;EACE,IAAG;EACH,WAAW,GACT,iEACA,WAAW,uBAAuB,gBACpC;EACA,UAAS,MAAK,EAAE,gBAAgB;EAChC,iBAAe,WAAW,KAAA;EAE1B,UAAA,oBAAC,UAAD;GACW;GACC;GACV,uBAAuB,CAAC;GAGxB,UAAS,MAAK,SAAS,EAAE,QAAQ;GACjC,cAAY,KAAK;EAClB,CAAA;CACW,CAAA;AAElB;;AAOA,SAAgB,iBAAiB,EAAE,aAAoC;CACrE,OAAO,oBAAC,cAAD;EAAc,WAAU;EAAyB,UAAA,WAAW,WAAW,MAAM;CAAgB,CAAA;AACtG;;AASA,SAAgB,oBAAoB,EAAE,WAAW,SAAS,uBAAiD;CACzG,OACE,oBAAC,cAAD;EAAc,WAAU;EAAqC,OAAO,WAAW,WAAW,mBAAmB;EAC1G,UAAA,WAAW,WAAW,MAAM;CACjB,CAAA;AAElB;AAMA,SAAgB,iBAAiB,EAAE,aAAoC;CACrE,OACE,oBAAC,cAAD;EAAc,WAAU;EACrB,UAAA,uBAAuB,WAAW,EAAE,UAAU,MAAM,CAAC;CAC1C,CAAA;AAElB;;;AChQA,IAAa,gBAAgB,YAA6C,EAAE,WAAW,GAAG,QAAQ,QAAQ;CACxG,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,wFAAwF,SAAS;EAC/G,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;;ACR5B,SAAgB,wBAAwB,EACtC,WACA,qBACA,SACA,cAAc,0BACiB;CAC/B,IAAI,CAAC,qBACH,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,KAAK;EAGL,WAAW,GAAG,uFAAuF,EACnG,QAAQ,UACV,CAAC;EAEA,UAAA,aAAa;CACX,CAAA;AAET;;ACvBA,SAAgB,gBAAgB,EAC9B,UAAU,+BACV,WACA,GAAG,SACoB;CACvB,OACE,oBAAC,OAAD;EACE,WAAW,GACT,qHACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,KAAD,EAAA,UAAM,QAAa,CAAA;CAChB,CAAA;AAET;;ACdA,SAAgB,mBAAmB,EAAE,aAAa,SAAS,YAAY,cAAuC;CAC5G,MAAM,iBAAkB,OAAO,gBAAgB,YAAY,cAAc,KAAM;CAE/E,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,QAAD,EAAA,UAAA,CAAM,SACC,oBAAC,KAAD,EAAA,UAAI,cAAc,cAAc,IAAI,IAAO,CAAA,CAC5C,EAAA,CAAA,GACL,kBACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,OAAO,gBAAgB,YAAY,cAAc,KAChD,oBAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAS;IAAY,MAAM,oBAAC,eAAD,CAAgB,CAAA;IAAG,UAAA;GAEtE,CAAA,GAET,WACC,oBAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAS;IAAY,MAAM,oBAAC,gBAAD,CAAiB,CAAA;IAAG,UAAA;GAEvE,CAAA,CAEP;EAEJ,CAAA,CAAA;;AAET;;AC/BA,IAAa,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC;AAEvE,IAAa,4BAA4B,OAAe,iCAAiC;;AAGzF,SAAgB,gBAAgB,SAAkC;CAChE,MAAM,SAAS,aAAa,OAAO;CACnC,OAAO,OAAO,MAAK,UAAS,MAAM,WAAW,SAAS,CAAC,IAAI,OAAO;AACpE;AAEA,IAAa,iBAAiB,UAAkB,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,MAAM,CAAC;;AAGzF,SAAgB,eAAe,QAA8B,OAAyB;CACpF,IAAI,CAAC,UAAU,OAAO,WAAW,OAAO,OAAO,cAAc,KAAK;CAElE,IAAI,IADa,IAAI,MACjB,CAAA,CAAK,SAAS,SAAS,OAAO,MAAK,MAAK,KAAK,KAAK,GAAG,OAAO,cAAc,KAAK;CACnF,OAAO;AACT;AAEA,IAAa,yBAAyB,EAAE,MAAM,EAAE,OAAO,CAAC;;;;;;AAOxD,SAAgB,kBAAkB,QAA8B,MAA0B;CACxF,MAAM,UAAU,IAAI,IAAI,IAAI;CAC5B,MAAM,UAAU,UAAU,CAAC,EAAA,CAAG,QAAQ,KAAK,GAAG,QAAQ,QAAQ,IAAI,GAAG,KAAK,IAAI,QAAQ,GAAG,MAAM,CAAC;CAChG,MAAM,SAAS,IAAI,IAAI,MAAM;CAC7B,KAAK,SAAS,KAAK,UAAU;EAC3B,IAAI,CAAC,OAAO,IAAI,GAAG,GAAG,OAAO,OAAO,KAAK,IAAI,OAAO,OAAO,MAAM,GAAG,GAAG,GAAG;CAC5E,CAAC;CACD,OAAO,OAAO,KAAI,QAAO,KAAK,QAAQ,GAAG,CAAC;AAC5C;;;;;AAMA,SAAgB,eAAe,QAA8B,MAAgB,MAAc,IAAsB;CAC/G,MAAM,SAAS,UAAU,kBAAkB,QAAQ,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,KAAI,MAAK,KAAK,MAAM,EAAE;CAC1F,MAAM,UAAU,IAAI,IAAI,IAAI;CAC5B,OAAO,CAAC,GAAG,QAAQ,IAAI,UAAU,CAAC,EAAA,CAAG,QAAO,QAAO,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;AACvE;;AAGA,SAAgB,UAAU,OAAiB,MAAc,IAAsB;CAC7E,IAAI,SAAS,MAAM,OAAO,KAAK,KAAK,KAAK,QAAQ,MAAM,UAAU,MAAM,MAAM,QAAQ,OAAO;CAC5F,MAAM,OAAO,CAAC,GAAG,KAAK;CACtB,KAAK,OAAO,IAAI,GAAG,GAAG,KAAK,OAAO,MAAM,CAAC,CAAC;CAC1C,OAAO;AACT;;AC9CA,IAAa,yBAAyB,cAA2C;CAC/E,aAAa;CACb,OAAO,CAAC;CACR,YAAY,CAAC;AACf,CAAC;AAED,IAAa,2BAA2B,WAAW,sBAAsB;;ACmEzE,SAAS,gBAAgB,MAAkD;CACzE,IAAI,SAAS,KAAA,GAAW,OAAO,EAAE,KAAK,MAAM;CAC5C,IAAI,SAAS,QAAQ,SAAS,OAAO,OAAO;CAE5C,OAAO;EAAE,KAAK;EAAO,GAAG;CAAK;AAC/B;;;;;;;;;AAUA,IAAM,qBAAqB;CACzB;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAIA;CACA;CACA;AACF;AAEA,IAAM,yBAA0D;CAC9D,SAAS;CACT,OAAO;AACT;AAIA,IAAM,4BAA6D;CACjE,SAAS;CACT,OAAO;AACT;AAEA,IAAM,qBAAkD;CACtD,SAAS;CACT,WAAW;AACb;AAEA,IAAM,kBAA+C;CAAE,aAAa;CAAO,OAAO,CAAC;CAAG,YAAY,CAAC;AAAE;AAErG,SAAgB,aAAa,EAAE,aAAa,IAAI,SAAS,YAAY,GAAG,SAA4B;CAClG,MAAM,SAAS,eAAe,KAAK,gBAAgB,OAAO,IAAI;CAC9D,IAAI,MAAM,UAAU,cAAc,WAAW,WAAW,OAAO,QAC7D,OACE,oBAAC,8BAAD;EAEE,WAAW;EACH;EACI;EACR;EACK;EACT,GAAI;CACL,GAPM,EAON;CAGL,IAAI,MAAM,QACR,OAAO,oBAAC,yBAAD;EAAkC,WAAW;EAAY;EAAY;EAAa;EAAS,GAAI;CAAQ,GAAzE,EAAyE;CAEhH,OAAO,oBAAC,cAAD;EAAkB;EAAa;EAAS,SAAS;EAAiB,GAAI;CAAQ,CAAA;AACvF;AAEA,SAAS,6BAA6B,EACpC,WACA,QACA,YACA,GAAG,SACuD;CAC1D,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,YAAY,yBAAyB,SAAS;EAC9C,cAAc;EACd,QAAQ;CACV,CAAC;CACD,MAAM,gBAAgB,WAAW,KAAK,IAAQ;CAE9C,MAAM,QAAQ,cAAc,kBAAkB,QAAQ,UAAU,GAAG,CAAC,QAAQ,aAAa,CAAC;CAE1F,MAAM,UAAU,eACP;EACL,aAAa;EACb;EACA,OAAO,MAAM,OAAO,WAAU,YAAW,eAAe,SAAS,YAAY,MAAM,EAAE,CAAC;CACxF,IAEA;EAAC;EAAO;EAAe;CAAS,CAClC;CAEA,OAAO,oBAAC,cAAD;EAAc,GAAI;EAAO,SAAS,MAAM,KAAI,MAAK,OAAO,EAAE,CAAC,CAAC,KAAK,GAAG;EAAY;CAAU,CAAA;AACnG;AAOA,SAAS,wBAAwB,EAAE,WAAW,QAAQ,GAAG,SAAuC;CAC9F,MAAM,QAAQ,OAAO;CACrB,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,YAAY,yBAAyB,SAAS;EAC9C,cAAc,cAAc,KAAK;EACjC,QAAQ;CACV,CAAC;CACD,MAAM,QAAQ,eAAe,QAAQ,KAAK;CAE1C,MAAM,UAAU,eACP;EACL,aAAa;EACb;EACA,OAAO,MAAM,OAAO,WAAU,YAAW,UAAU,eAAe,SAAS,KAAK,GAAG,MAAM,EAAE,CAAC;CAC9F,IACA;EAAC;EAAO;EAAO;CAAS,CAC1B;CAEA,OAAO,oBAAC,cAAD;EAAc,GAAI;EAAO,SAAS,MAAM,KAAI,MAAK,OAAO,EAAE,CAAC,CAAC,KAAK,GAAG;EAAY;CAAU,CAAA;AACnG;AAMA,SAAS,aAAa,EACpB,UACA,SACA,WACA,MAAM,WACN,UAAU,WACV,aAAa,MACb,MACA,WACA,SACA,WACA,YACA,eACA,wBACA,GAAG,SACiB;CACpB,MAAM,UAAU,MAAM;CACtB,MAAM,YAA+B;EACnC,0BAA0B,0BAA0B;EACpD,qBAAqB;CACvB;CAEA,MAAM,aAAa,QAAQ,cACvB,QAAQ,MACL,KACE,UAAU,WACT,oBAAoB,QAAQ,mCAAmC,WAAW,EAAE,aAAa,OAAO,IACpG,CAAC,CACA,KAAK,IAAI,IACZ;CAEJ,MAAM,OACJ,qBAAC,OAAD;EAGE,WAAW,GAAG,uCAAuC,GAAG,oBAAoB,mBAAmB,IAAI;EACnG,OAAO;EACP,kBAAgB,QAAQ,cAAc,UAAU,KAAA;EALlD,UAAA,CAOG,cAAc,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,GACxC,QACE;;CAGP,IAAI,CAAC,YACH,OAEE,oBAACA,WAAoB,MAArB;EACE,GAAI;EACJ,WAAW,GAAG,yBAAyB,uBAAuB,UAAU,SAAS;EAEjF,UAAA,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;GAAU,UAAA;EAAsC,CAAA;CAChE,CAAA;CAO9B,OACE,oBAACC,cAAD;EACE,GAAI;EACO;EACC;EACG;EACS;EACxB,aAAY;EACZ,MAAM,gBAAgB,IAAI;EAM1B,WAAW,GACT,6DACA,uBAAuB,UACvB,SACF;EAEA,UAAA,oBAAC,oBAAD;GAAoB,KAAK;GAAW,WAAU;GAC5C,UAAA,oBAAC,uBAAuB,UAAxB;IAAiC,OAAO;IAAU,UAAA;GAAsC,CAAA;EACtE,CAAA;CACV,CAAA;AAEhB;;AC5SA,IAAa,4BAA4B,cAAc,KAAK;AAE5D,SAAgB,+BAA+B;CAC7C,OAAO,WAAW,yBAAyB;AAC7C;;;;;;ACOA,IAAa,oBAAoB,YAC9B,EAAE,UAAU,WAAW,OAAO,UAAU,UAAU,QAAQ,UAAU,SAAS,OAAO,GAAG,QAAQ,QAAQ;CACtG,MAAM,YAAY,6BAA6B;CAC/C,MAAM,oBAAoB,aAAa,KAAA,KAAa,WAAW,KAAA;CAC/D,MAAM,aAAa,oBAAoB,KAAA,IAAY;CACnD,MAAM,gBAAgB,oBAAoB;EAAE,GAAG;EAAO,YAAY,GAAG,YAAY,EAAE,KAAK,UAAU;CAAK,IAAI;CAC3G,OACE,oBAAC,UAAD;EACO;EACC;EACN,WAAW,GACT,GAAI,YAAY,+BAA+B,mBAC/C,YACA,aACA,SACF;EACA,OAAO;EACP,iBAAe,YAAY,KAAA;EAC3B,gBAAc,WAAW;EACzB,GAAI;EAEH;CACK,CAAA;AAEZ,CACF;AAEA,kBAAkB,cAAc;;ACxBhC,IAAa,kBAAkB,YAE3B,EAAE,UAAU,IAAI,WAAW,OAAO,eAAe,OAAO,KAAK,UAAU,QAAQ,UAAU,SAAS,GAAG,QACrG,QACG;CACH,MAAM,YAAY,6BAA6B;CAC/C,MAAM,oBAAoB,aAAa,KAAA,KAAa,WAAW,KAAA;CAC/D,MAAM,aAAa,oBAAoB,KAAA,IAAY;CACnD,MAAM,gBAAgB,oBAAoB;EAAE,GAAG;EAAO,YAAY,GAAG,YAAY,EAAE,KAAK,UAAU;CAAK,IAAI;CAC3G,OACE,oBAAC,MAAD;EACO;EACL,MAAM;EACN,WAAW,GAAG,GAAI,YAAY,+BAA+B,mBAAoB,YAAY,SAAS;EACtG,OAAO;EACP,iBAAe,YAAY,KAAA;EAC3B,gBAAc,WAAW;EACzB,GAAI;EAEH;CACG,CAAA;AAEV,CACF;AAEA,gBAAgB,cAAc;;;;;;AC5B9B,IAAa,oBAAoB,YAC9B,EAAE,UAAU,WAAW,UAAU,QAAQ,UAAU,SAAS,OAAO,GAAG,QAAQ,QAAQ;CACrF,MAAM,YAAY,6BAA6B;CAC/C,MAAM,oBAAoB,aAAa,KAAA,KAAa,WAAW,KAAA;CAC/D,MAAM,aAAa,oBAAoB,KAAA,IAAY;CACnD,MAAM,gBAAgB,oBAAoB;EAAE,GAAG;EAAO,YAAY,GAAG,YAAY,EAAE,KAAK,UAAU;CAAK,IAAI;CAC3G,OACE,oBAAC,OAAD;EACO;EACL,WAAW,GAAG,YAAY,sCAAsC,yBAAyB,YAAY,SAAS;EAC9G,OAAO;EACP,iBAAe,YAAY,KAAA;EAC3B,gBAAc,WAAW;EACzB,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,kBAAkB,cAAc;;;;;;;;;;;;;;ACJhC,IAAa,qBAAqB,YAC/B,EAAE,UAAU,WAAW,aAAa,SAAS,WAAW,UAAU,GAAG,QAAQ,QAAQ;CACpF,MAAM,eAAe,gBAAgB,KAAA;CAErC,MAAM,eAAe,UAAsC;EACzD,UAAU,KAAK;EACf,IAAI,CAAC,gBAAgB,MAAM,kBAAkB;EAC7C,YAAY;CACd;CAEA,MAAM,iBAAiB,UAAyC;EAC9D,YAAY,KAAK;EACjB,IAAI,CAAC,gBAAgB,MAAM,kBAAkB;EAI7C,IAAI,MAAM,QAAQ,WAAW,MAAM,WAAW,MAAM,eAAe;GACjE,MAAM,eAAe;GACrB,YAAY;EACd;CACF;CAEA,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAA;EAClC,UAAA,oBAAC,OAAD;GACO;GACL,UAAU,aAAa,eAAe,IAAI,KAAA;GAC1C,WAAW,GACT,gCACA,GAAG,wBACH,GAAG,wBACH,gBAAgB,GAAG,kBAAA,wHAAgC,GACnD,SACF;GACA,SAAS;GACT,WAAW;GACX,GAAI;GAEH;EACE,CAAA;CAC6B,CAAA;AAExC,CACF;AAEA,mBAAmB,cAAc;;ACrDjC,IAAa,kBAAkB,YAC5B,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,QAAQ,QAAQ;CACrD,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,OAAO,aAAa,YAAY,OAAO,aAAa;CACnE,MAAM,EAAE,aAAa,OAAO,SAAS,mBAAmB;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,aAAa,eAAe,CAAC;CAEnC,MAAM,eAAe,aACjB;EACE,WAAW;EACX,UAAU;EACV,wBAAwB;EACxB,oBAAoB,gBAAgB,KAAA;EACpC,cAAc,UAAkC;GAC9C,MAAM,OAAO,kBAAkB,MAAM,eAAe,KAAK;GACzD,IAAI,SAAS,MAAM,OAAO,MAAM,eAAe;GAC/C,MAAM,aAAa,gBAAgB;GACnC,MAAM,aAAa,QAAQ,WAAW,OAAO,IAAI,CAAC;EACpD;EACA,aAAa,UAAkC;GAC7C,IAAI,CAAC,MAAM,aAAa,MAAM,SAAS,SAAS,GAAG;GACnD,MAAM,eAAe;GACrB,MAAM,aAAa,aAAa;GAChC,gBAAgB,IAAI;EACtB;EACA,mBAAmB,gBAAgB,KAAK;EACxC,SAAS,UAAkC;GACzC,gBAAgB,KAAK;GACrB,MAAM,OAAO,OAAO,MAAM,aAAa,QAAQ,SAAS,CAAC;GACzD,MAAM,KAAK,kBAAkB,MAAM,eAAe,KAAK;GACvD,IAAI,OAAO,QAAQ,OAAO,MAAM,IAAI,GAAG;GACvC,MAAM,eAAe;GACrB,KAAK,MAAM,EAAE;EACf;EACA,YAAY,UAAsC;GAChD,IAAI,CAAC,MAAM,UAAW,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAe;GAChF,MAAM,OAAO,kBAAkB,MAAM,eAAe,KAAK;GACzD,IAAI,SAAS,MAAM;GACnB,MAAM,KAAK,QAAQ,MAAM,QAAQ,cAAc,KAAK;GACpD,IAAI,WAAW,MAAM,eAAe,OAAO,EAAE,GAAG;GAChD,MAAM,eAAe;GACrB,KAAK,MAAM,EAAE;EACf;CACF,IACA,KAAA;CAEJ,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GACT,sHACA,WAAW,WAAW,2BACtB,WAAW,WAAW,gCACtB,WAAW,WAAW,QACtB,cACE,kGACF,cAAA,0HACA,SACF;EACA,GAAI;EACJ,GAAI;EAIH,UAAA,SAAS,oBAAC,QAAD;GAAM,WAAU;GAAoB;EAAe,CAAA,IAAI;CACxD,CAAA;AAEf,CACF;AAEA,IAAM,YAAY;;AAGlB,SAAS,kBAAkB,MAAmB,OAAgC;CAC5E,MAAM,SAAS,KAAK;CACpB,IAAI,CAAC,QAAQ,UAAU,SAAS,iBAAiB,GAAG,OAAO;CAC3D,MAAM,SAAS,MAAM,QAAQ,MAAM,KAAK,OAAO,QAAQ,CAAC,CAAC,QAAQ,IAAI,CAAC;CACtE,OAAO,WAAW,KAAK,OAAO;AAChC;;AAGA,SAAS,WAAW,MAAmB,OAAiB,QAAyB;CAC/E,MAAM,WAAW,MAAM;CACvB,IAAI,aAAa,KAAA,GAAW,OAAO;CACnC,OAAO,KAAK,eAAe,SAAS,SAAS,EAAE,UAAU,SAAS,wBAAwB,KAAK;AACjG;AAQA,SAAgB,2BAA2B,EAAE,UAAU,SAAS,aAA8C;CAC5G,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAA,UACE,oBAAC,iBAAD;EAA4B;EAAY;CAA0B,CAAA,EACpD,CAAA,GAChB,oBAAC,gBAAD,EAAA,UAAiB,QAAwB,CAAA,CAClC,EAAA,CAAA;AAEb;AAUA,IAAM,oBAA+F;CACnG,IAAI;EAAE,MAAM;EAAyB,MAAM;CAAwB;CACnE,IAAI;EAAE,MAAM;EAAyB,MAAM;CAAwB;CACnE,IAAI;EAAE,MAAM;EAAyB,MAAM;CAAwB;CACnE,IAAI;EAAE,MAAM;EAAyB,MAAM;CAAwB;CACnE,OAAO;EAAE,MAAM;EAA0B,MAAM;CAAyB;AAC1E;AAEA,SAAgB,qBAAqB,EACnC,MACA,OACA,SACA,aAAa,OACb,aAC4B;CAC5B,MAAM,cAAc,YAAY,OAAO,SAAS,WAAW,OAAO,KAAA;CAClE,MAAM,KAAK,kBAAkB;CAE7B,MAAM,UACJ,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EAAM,WAAW,GAAG,sBAAsB,GAAG,IAAI;EAAI,UAAA;CAAW,CAAA,GAChE,oBAAC,QAAD;EAAM,WAAW,GAAG,sBAAsB,GAAG,IAAI;EAAI,UAAA;CAAY,CAAA,CACjE,EAAA,CAAA;CAGJ,IAAI,aACF,OACE,oBAAC,4BAAD;EAA4B,SAAS;EAAa,WAAW,GAAG,6BAA6B,SAAS;EACnG,UAAA;CACyB,CAAA;CAIhC,OAAO,oBAAC,iBAAD;EAAiB,WAAW,GAAG,6BAA6B,SAAS;EAAI,UAAA;CAAyB,CAAA;AAC3G;AAUA,SAAgB,sBAAsB,EAAE,SAAS,UAAU,GAAG,QAAoC;CAChG,OACE,oBAAC,iBAAD;EACE,IAAG;EACH,WAAU;EACV,UAAS,MAAK,EAAE,gBAAgB;EAEhC,UAAA,oBAAC,UAAD;GAAmB;GAAS,uBAAuB,SAAS;GAAG,cAAY,KAAK;EAAgB,CAAA;CACjF,CAAA;AAErB;;ACpLA,IAAM,YAAY;CAChB,KAAK;CACL,MAAM;CACN,MAAM;AACR;AAEA,IAAM,aAAa;CACjB,KAAK;CACL,MAAM;AACR;AAEA,IAAM,iBAAiB;CACrB,KAAK;CACL,MAAM;AACR;AAEA,IAAM,eAAe;CACnB,KAAK;CACL,MAAM;CACN,MAAM;AACR;AAeA,SAAgB,wBAAmD,EACjE,UACA,SACA,MACA,cACA,QAAQ,SACR,QAAQ,OAAO,aAAa,WAAW,WAAW,SAClD,WACA,GAAG,SAC+B;CAClC,MAAM,OAAqB,SAAS,QAAQ,SAAS;CACrD,MAAM,WAAW,UAAU,QAAQ;CACnC,MAAM,UAAU,OAAO,UAAU,WAAW,UAAU;CAEtD,OACE,qBAAC,iBAAD;EACE,aAAW,QAAQ;EACnB,WAAW,GAAG,0BAA0B,UAAU,SAAS,eAAe,SAAS;EACnF,GAAI;EAHN,UAAA,CAKE,oBAAC,QAAD;GAAM,WAAU;GAAoB;EAAe,CAAA,GACnD,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,cAAY,GAAG,MAAM,IAAI,QAAQ,SAAS,WAAW;GACrD,SAAS,aAAa,QAAQ;GAC9B,eAAe,aAAa,MAAM,OAAO;GACzC,WAAW,GAAG,YAAY,OAAO,oBAAoB,uBAAuB;GAE5E,UAAA,oBAAC,UAAD,EAA+B,WAAW,QAAQ,eAAe,MAAQ,GAA1D,QAAQ,MAAkD;EACnE,CAAA,CACO;;AAErB;;;;;;;ACnEA,SAAgB,eAAe,EAAE,UAA+B;CAC9D,IAAI,UAAU,GAAG,OAAO;CACxB,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAgB,OAAO,EAAE,OAAO;CAAI,CAAA;AAC5D;;ACPA,IAAa,oBAAoB,YAC9B,EAAE,UAAU,WAAW,GAAG,QAAQ,QAAQ;CACzC,OACE,oBAAC,OAAD;EACO;EACL,WAAW,GACT,sGACA,+BACA,SACF;EACA,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,kBAAkB,cAAc;;AChBhC,SAAgB,mBAAmB,EAAE,UAAU,aAAsC;CACnF,OACE,oBAAC,KAAD;EAAK,IAAG;EAAO,SAAQ;EAAU,MAAK;EAAmB;EACtD;CACE,CAAA;AAET;;ACDA,SAAgB,YAAY,EAAE,UAAU,WAAW,gBAAgB,GAAG,SAA2B;CAC/F,OACE,oBAAC,OAAD;EACE,WAAW,GACT,uGACA,iBAAiB,gBAAgB,mBACjC,SACF;EACA,GAAI;EAEH;CACE,CAAA;AAET;;;;;;;;ACDA,IAAa,mBAAmB,YAC7B,EAAE,UAAU,WAAW,WAAW,UAAU,OAAO,GAAG,QAAQ,QAAQ;CACrE,OACE,oBAAC,OAAD;EACO;EACL,WAAW,GACT,mFACA,CAAC,YAAY,iCACb,aAAa,SACb,SACF;EACA,OAAO,WAAW;GAAE,GAAG;GAAO,YAAY,GAAG,SAAS;EAAO,IAAI;EACjE,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,iBAAiB,cAAc;;ACN/B,IAAa,WAAW,OAAO,OAAO,cAAc;CAClD,KAAK;CACL,UAAU;CACV,SAAS;CACT,iBAAiB;CACjB,oBAAoB;CACpB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,SAAS;CACT,WAAW;CACX,MAAM;CACN,aAAa;CACb,UAAU;CACV,UAAU;CACV,iBAAiB;CACjB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,UAAU;CACV,aAAa;CACb,UAAU;CACV,YAAY;CACZ,eAAe;CACf,SAAS;CACT,OAAO;CACP,WAAW;CACX,YAAY;CACZ,QAAQ;CACR,iBAAiB;CACjB,YAAY;AACd,CAAC"}

package/dist/date-time-range-picker-2a-wUBTk.cjs

@@ -0,0 +1,377 @@
+const require_Button = require("./Button-BfICfyxD.cjs");
+const require_components_DateTimePicker = require("./components/DateTimePicker.cjs.js");
+const require_components_Field = require("./components/Field.cjs.js");
+const require_input = require("./input-BpnUsQSt.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_buttons_group = require("./buttons-group-DM6_Kohs.cjs");
+const require_dropdown_menu = require("./dropdown-menu-D3D8USIY.cjs");
+const require_popover = require("./popover-D9AfJmla.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let date_fns = require("date-fns");
+// src/ds/components/DateTimeRangePicker/custom-range-editor.tsx
+function formatDays(ms) {
+	const days = Math.round(ms / 864e5);
+	return `${days} day${days === 1 ? "" : "s"}`;
+}
+/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */
+function combineDateAndTime(date, timeStr) {
+	if (!date) return void 0;
+	const combined = (0, date_fns.parse)(timeStr, "HH:mm", (0, date_fns.startOfDay)(date));
+	return (0, date_fns.isValid)(combined) ? combined : (0, date_fns.startOfDay)(date);
+}
+var isTime = (timeStr) => (0, date_fns.isValid)((0, date_fns.parse)(timeStr, "HH:mm", /* @__PURE__ */ new Date()));
+/** Why the drafts can't be applied, or `undefined` when they can. */
+function rangeProblem({ from, to, timesFilled, maxRangeMs = Infinity, firstDay }) {
+	if (!timesFilled) return "Enter a time for the start and end";
+	if (from && to && from > to) return "Start date/time must be before end date/time";
+	if (from && to && to.getTime() - from.getTime() > maxRangeMs) return `Range cannot be longer than ${formatDays(maxRangeMs)}`;
+	if (from && firstDay && from < firstDay) return `Range cannot start before ${(0, date_fns.format)(firstDay, "MMM d, yyyy")}`;
+}
+/** The left month of the two: the start's month when the range spans months, else the month before the end. */
+function firstShownMonth(from, to) {
+	if (from && to && (0, date_fns.differenceInCalendarMonths)(to, from) >= 1) return from;
+	if (to) return (0, date_fns.subMonths)(to, 1);
+	return from;
+}
+/**
+* The custom range popover body: one two-month calendar where the first click picks the
+* start and the second the end, with both ends and their times under it. It mounts each time the
+* popover opens, so its drafts start from the current range.
+*/
+function CustomRangeEditor({ dateFrom, dateTo, disabled, maxRangeMs, minDate, onApply, onShowPresets }) {
+	const [range, setRange] = (0, react.useState)(dateFrom || dateTo ? {
+		from: dateFrom,
+		to: dateTo
+	} : void 0);
+	const [draftTimeFrom, setDraftTimeFrom] = (0, react.useState)(dateFrom ? (0, date_fns.format)(dateFrom, "HH:mm") : "00:00");
+	const [draftTimeTo, setDraftTimeTo] = (0, react.useState)(dateTo ? (0, date_fns.format)(dateTo, "HH:mm") : "23:59");
+	const [applyAttempted, setApplyAttempted] = (0, react.useState)(false);
+	const errorId = (0, react.useId)();
+	const fromDate = combineDateAndTime(range?.from, draftTimeFrom);
+	const toDate = combineDateAndTime(range?.to, draftTimeTo);
+	const firstDay = minDate ? (0, date_fns.startOfDay)(minDate) : void 0;
+	const problem = rangeProblem({
+		from: fromDate,
+		to: toDate,
+		timesFilled: (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo)),
+		maxRangeMs,
+		firstDay
+	});
+	const error = applyAttempted ? problem : void 0;
+	const apply = () => {
+		if (problem) {
+			setApplyAttempted(true);
+			return;
+		}
+		onApply(fromDate, toDate);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "group",
+				"aria-label": "Custom date range",
+				"aria-invalid": error ? true : void 0,
+				"aria-describedby": error ? errorId : void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DateTimePicker.DatePicker, {
+					mode: "range",
+					numberOfMonths: 2,
+					showOutsideDays: false,
+					resetOnSelect: true,
+					selected: range,
+					onSelect: setRange,
+					defaultMonth: firstShownMonth(dateFrom, dateTo),
+					disabled: disabled || (firstDay ? { before: firstDay } : void 0),
+					startMonth: firstDay
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeEnd, {
+							label: "Start",
+							date: range?.from,
+							time: draftTimeFrom,
+							onTimeChange: setDraftTimeFrom,
+							disabled
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowRight, {
+							"aria-hidden": true,
+							className: "col-start-2 row-start-2 size-4 self-center text-muted-foreground"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeEnd, {
+							label: "End",
+							date: range?.to,
+							time: draftTimeTo,
+							onTimeChange: setDraftTimeTo,
+							disabled
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.Field, {
+				invalid: Boolean(error),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, {
+					id: errorId,
+					className: "px-4 pb-1",
+					children: error
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 border-t border-border px-3 py-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, {}),
+					variant: "ghost",
+					size: "sm",
+					disabled,
+					onClick: onShowPresets,
+					children: "Presets"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					className: "ml-auto",
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {}),
+					variant: "primary",
+					size: "sm",
+					onClick: apply,
+					disabled,
+					children: "Apply"
+				})]
+			})
+		]
+	});
+}
+function RangeEnd({ label, date, time, onTimeChange, disabled }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "row-span-2 grid min-w-0 grid-rows-subgrid",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "column",
+			tone: "muted",
+			className: "px-1",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+				as: "span",
+				variant: "label",
+				tone: date ? void 0 : "muted",
+				className: "min-w-0 flex-1 truncate px-1",
+				children: date ? (0, date_fns.format)(date, "MMM d, yyyy") : "Select a day"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.Input, {
+				type: "time",
+				size: "sm",
+				"aria-label": `${label} time`,
+				value: time,
+				onChange: (e) => onTimeChange(e.target.value),
+				disabled,
+				className: "w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden"
+			})]
+		})]
+	});
+}
+// src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx
+var DATE_PRESETS = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "last-24h",
+		label: "Last 24 hours",
+		ms: 864e5
+	},
+	{
+		value: "last-3d",
+		label: "Last 3 days",
+		ms: 2592e5
+	},
+	{
+		value: "last-7d",
+		label: "Last 7 days",
+		ms: 6048e5
+	},
+	{
+		value: "last-14d",
+		label: "Last 14 days",
+		ms: 12096e5
+	},
+	{
+		value: "last-30d",
+		label: "Last 30 days",
+		ms: 2592e6
+	},
+	{
+		value: "custom",
+		label: "Custom range..."
+	}
+];
+var sameTime = (a, b) => a?.getTime() === b?.getTime();
+/**
+* Whether a named range breaks the limits the custom editor enforces: it starts before
+* `minDate`'s day, or spans more than `maxRangeMs` (an open end counts up to now).
+*/
+function outsideLimits(range, minDate, maxRangeMs) {
+	const tooEarly = minDate !== void 0 && range.from < (0, date_fns.startOfDay)(minDate);
+	const span = (range.to ?? /* @__PURE__ */ new Date()).getTime() - range.from.getTime();
+	return tooEarly || maxRangeMs !== void 0 && span > maxRangeMs;
+}
+var fmtClock = (d) => d.toLocaleTimeString("en-US", d.getMinutes() === 0 ? { hour: "numeric" } : {
+	hour: "numeric",
+	minute: "2-digit"
+});
+/**
+* A custom range as day and time, kept short: `Oct 21, 2:05 PM – 4 PM` within one day,
+* `Oct 20, 12 AM – Oct 27, 9:30 AM` across days, with years only outside the current one.
+*/
+function customRangeLabel(dateFrom, dateTo) {
+	const thisYear = (/* @__PURE__ */ new Date()).getFullYear();
+	const withYear = [dateFrom, dateTo].some((d) => d && d.getFullYear() !== thisYear);
+	const fmtDay = (d) => d.toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		...withYear && { year: "numeric" }
+	});
+	const fmtMoment = (d) => `${fmtDay(d)}, ${fmtClock(d)}`;
+	const start = dateFrom ? fmtMoment(dateFrom) : "Start";
+	if (!dateTo) return `${start} \u2013 End`;
+	return `${start} \u2013 ${dateFrom !== void 0 && fmtDay(dateFrom) === fmtDay(dateTo) ? fmtClock(dateTo) : fmtMoment(dateTo)}`;
+}
+function DateTimeRangePicker({ preset = "all", onPresetChange, dateFrom, dateTo, onDateChange, onDateRangeChange, disabled, maxRangeMs, minDate, presets, namedRanges = [], size = "sm", defaultPreset, onReset, ref }) {
+	const visiblePresets = presets ? DATE_PRESETS.filter((p) => presets.includes(p.value)) : DATE_PRESETS;
+	const [customRangeOpen, setCustomRangeOpen] = (0, react.useState)(false);
+	const [presetMenuOpen, setPresetMenuOpen] = (0, react.useState)(false);
+	const [presetBeforeCustom, setPresetBeforeCustom] = (0, react.useState)();
+	const shownPreset = (presetMenuOpen && preset === "custom" ? presetBeforeCustom : void 0) ?? preset;
+	const datePresetLabel = DATE_PRESETS.find((p) => p.value === shownPreset)?.label ?? "All";
+	const applyPreset = (value) => {
+		onPresetChange?.(value);
+		const entry = DATE_PRESETS.find((p) => p.value === value);
+		if (entry?.ms) {
+			onDateChange?.(new Date(Date.now() - entry.ms), "from");
+			onDateChange?.(void 0, "to");
+		} else {
+			onDateChange?.(void 0, "from");
+			onDateChange?.(void 0, "to");
+		}
+	};
+	const handlePresetSelect = (value) => {
+		setPresetMenuOpen(false);
+		if (value === "custom") {
+			if (preset !== "custom") setPresetBeforeCustom(preset);
+			onPresetChange?.(value);
+			setCustomRangeOpen(true);
+			return;
+		}
+		setPresetBeforeCustom(void 0);
+		applyPreset(value);
+	};
+	const applyCustomRange = (fromDate, toDate) => {
+		if (onDateRangeChange) onDateRangeChange(fromDate, toDate);
+		else {
+			onDateChange?.(fromDate, "from");
+			onDateChange?.(toDate, "to");
+		}
+		setPresetBeforeCustom(void 0);
+		setCustomRangeOpen(false);
+	};
+	const showPresets = () => {
+		setCustomRangeOpen(false);
+		if (presetBeforeCustom) applyPreset(presetBeforeCustom);
+		setPresetMenuOpen(true);
+	};
+	const namedIndex = shownPreset === "custom" ? namedRanges.findIndex((r) => sameTime(r.from, dateFrom) && sameTime(r.to, dateTo)) : -1;
+	const named = namedRanges[namedIndex];
+	const canReset = defaultPreset !== void 0 && shownPreset === "custom" && !named;
+	const editingCustomRange = shownPreset === "custom" && !presetMenuOpen && (!named || customRangeOpen);
+	const label = named ? named.label : shownPreset === "custom" ? customRangeLabel(dateFrom, dateTo) : datePresetLabel;
+	const applyNamedRange = (range) => {
+		setPresetMenuOpen(false);
+		onPresetChange?.("custom");
+		applyCustomRange(range.from, range.to);
+	};
+	const trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		ref,
+		size,
+		disabled,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, {}),
+		iconEnd: canReset ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.TriggerChevron, {}),
+		children: label
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(JoinReset, {
+		size,
+		reset: canReset && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetRangeButton, {
+			size,
+			disabled,
+			onReset: onReset ?? (() => applyPreset(defaultPreset))
+		}),
+		children: [editingCustomRange && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_popover.Popover, {
+			open: customRangeOpen,
+			onOpenChange: setCustomRangeOpen,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, { render: trigger }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverContent, {
+				align: "start",
+				className: require_utils.cn("w-auto p-0"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomRangeEditor, {
+					dateFrom,
+					dateTo,
+					disabled,
+					maxRangeMs,
+					minDate,
+					onApply: applyCustomRange,
+					onShowPresets: showPresets
+				})
+			})]
+		}), !editingCustomRange && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu, {
+			open: presetMenuOpen,
+			onOpenChange: setPresetMenuOpen,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Trigger, { render: trigger }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Content, {
+				align: "start",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu.RadioGroup, {
+					value: named ? `named-${namedIndex}` : shownPreset,
+					children: [
+						namedRanges.map((r, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.RadioItem, {
+							value: `named-${i}`,
+							disabled: outsideLimits(r, minDate, maxRangeMs),
+							closeOnClick: true,
+							onClick: () => applyNamedRange(r),
+							children: r.label
+						}, `named-${i}`)),
+						namedRanges.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Separator, {}),
+						visiblePresets.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.RadioItem, {
+							value: p.value,
+							closeOnClick: true,
+							onClick: () => handlePresetSelect(p.value),
+							children: p.label
+						}, p.value))
+					]
+				})
+			})]
+		})]
+	});
+}
+/** Switches a custom range back to the picker's default preset. */
+function ResetRangeButton({ size, disabled, onReset }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		type: "button",
+		size: `icon-${size}`,
+		tooltip: "Reset time range",
+		disabled,
+		onClick: onReset,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, {})
+	});
+}
+/** The trigger alone, or joined with the reset × as one pill. */
+function JoinReset({ reset, size, children }) {
+	if (!reset) return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
+		size,
+		children: [children, reset]
+	});
+}
+Object.defineProperty(exports, "DateTimeRangePicker", {
+	enumerable: true,
+	get: function() {
+		return DateTimeRangePicker;
+	}
+});
+
+//# sourceMappingURL=date-time-range-picker-2a-wUBTk.cjs.map

package/dist/date-time-range-picker-2a-wUBTk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-2a-wUBTk.cjs","names":["parse","startOfDay","isValid","format","differenceInCalendarMonths","subMonths","useState","useId","DatePicker","ArrowRight","Field","FieldError","Button","ChevronLeft","Check","Txt","Input","startOfDay","useState","Button","CalendarIcon","TriggerChevron","Popover","PopoverTrigger","PopoverContent","cn","DropdownMenu","XIcon","ButtonsGroup"],"sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { differenceInCalendarMonths, format, isValid, parse, startOfDay, subMonths } from 'date-fns';\nimport { ArrowRight, Check, ChevronLeft } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const combined = parse(timeStr, 'HH:mm', startOfDay(date));\n  return isValid(combined) ? combined : startOfDay(date);\n}\n\nconst isTime = (timeStr: string) => isValid(parse(timeStr, 'HH:mm', new Date()));\n\n/** Why the drafts can't be applied, or `undefined` when they can. */\nfunction rangeProblem({\n  from,\n  to,\n  timesFilled,\n  maxRangeMs = Infinity,\n  firstDay,\n}: {\n  from: Date | undefined;\n  to: Date | undefined;\n  timesFilled: boolean;\n  maxRangeMs?: number;\n  firstDay: Date | undefined;\n}): string | undefined {\n  if (!timesFilled) return 'Enter a time for the start and end';\n  if (from && to && from > to) return 'Start date/time must be before end date/time';\n  if (from && to && to.getTime() - from.getTime() > maxRangeMs)\n    return `Range cannot be longer than ${formatDays(maxRangeMs)}`;\n  if (from && firstDay && from < firstDay) return `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n  return undefined;\n}\n\n/** The left month of the two: the start's month when the range spans months, else the month before the end. */\nfunction firstShownMonth(from: Date | undefined, to: Date | undefined): Date | undefined {\n  if (from && to && differenceInCalendarMonths(to, from) >= 1) return from;\n  if (to) return subMonths(to, 1);\n  return from;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body: one two-month calendar where the first click picks the\n * start and the second the end, with both ends and their times under it. It mounts each time the\n * popover opens, so its drafts start from the current range.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [range, setRange] = useState<DateRange | undefined>(\n    dateFrom || dateTo ? { from: dateFrom, to: dateTo } : undefined,\n  );\n  const [draftTimeFrom, setDraftTimeFrom] = useState(dateFrom ? format(dateFrom, 'HH:mm') : '00:00');\n  const [draftTimeTo, setDraftTimeTo] = useState(dateTo ? format(dateTo, 'HH:mm') : '23:59');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(range?.from, draftTimeFrom);\n  const toDate = combineDateAndTime(range?.to, draftTimeTo);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  // A cleared time field would otherwise apply that end at midnight without saying so.\n  const timesFilled = (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo));\n  const problem = rangeProblem({ from: fromDate, to: toDate, timesFilled, maxRangeMs, firstDay });\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  const error = applyAttempted ? problem : undefined;\n\n  const apply = () => {\n    if (problem) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        <DatePicker\n          mode=\"range\"\n          numberOfMonths={2}\n          // Side by side, a month's spill-over days repeat its neighbour's, range and all.\n          showOutsideDays={false}\n          resetOnSelect\n          selected={range}\n          onSelect={setRange}\n          defaultMonth={firstShownMonth(dateFrom, dateTo)}\n          disabled={disabled || (firstDay ? { before: firstDay } : undefined)}\n          startMonth={firstDay}\n        />\n        {/* Start and end share one grid: labels on the first row, values on the second, so\n          the arrow centres on the values whatever the labels do. */}\n        <div className=\"grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3\">\n          <RangeEnd\n            label=\"Start\"\n            date={range?.from}\n            time={draftTimeFrom}\n            onTimeChange={setDraftTimeFrom}\n            disabled={disabled}\n          />\n          <ArrowRight aria-hidden className=\"col-start-2 row-start-2 size-4 self-center text-muted-foreground\" />\n          <RangeEnd label=\"End\" date={range?.to} time={draftTimeTo} onTimeChange={setDraftTimeTo} disabled={disabled} />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className=\"flex items-center gap-2 border-t border-border px-3 py-2\">\n        <Button icon={<ChevronLeft />} variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          Presets\n        </Button>\n        <Button className=\"ml-auto\" icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RangeEnd({\n  label,\n  date,\n  time,\n  onTimeChange,\n  disabled,\n}: {\n  label: string;\n  date: Date | undefined;\n  time: string;\n  onTimeChange: (value: string) => void;\n  disabled?: boolean;\n}) {\n  return (\n    <div className=\"row-span-2 grid min-w-0 grid-rows-subgrid\">\n      <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"px-1\">\n        {label}\n      </Txt>\n      <div className=\"flex items-center gap-1\">\n        <Txt as=\"span\" variant=\"label\" tone={date ? undefined : 'muted'} className=\"min-w-0 flex-1 truncate px-1\">\n          {date ? format(date, 'MMM d, yyyy') : 'Select a day'}\n        </Txt>\n        <Input\n          type=\"time\"\n          size=\"sm\"\n          aria-label={`${label} time`}\n          value={time}\n          onChange={e => onTimeChange(e.target.value)}\n          disabled={disabled}\n          className=\"w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden\"\n        />\n      </div>\n    </div>\n  );\n}\n","import { startOfDay } from 'date-fns';\nimport { CalendarIcon, XIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode, Ref } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button, TriggerChevron } from '@/ds/components/Button/Button';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup/buttons-group';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nconst sameTime = (a: Date | undefined, b: Date | undefined) => a?.getTime() === b?.getTime();\n\n/**\n * Whether a named range breaks the limits the custom editor enforces: it starts before\n * `minDate`'s day, or spans more than `maxRangeMs` (an open end counts up to now).\n */\nfunction outsideLimits(range: DateTimeRangePickerNamedRange, minDate?: Date, maxRangeMs?: number) {\n  const tooEarly = minDate !== undefined && range.from < startOfDay(minDate);\n  const span = (range.to ?? new Date()).getTime() - range.from.getTime();\n  const tooWide = maxRangeMs !== undefined && span > maxRangeMs;\n  return tooEarly || tooWide;\n}\n\nconst fmtClock = (d: Date) =>\n  d.toLocaleTimeString('en-US', d.getMinutes() === 0 ? { hour: 'numeric' } : { hour: 'numeric', minute: '2-digit' });\n\n/**\n * A custom range as day and time, kept short: `Oct 21, 2:05 PM – 4 PM` within one day,\n * `Oct 20, 12 AM – Oct 27, 9:30 AM` across days, with years only outside the current one.\n */\nfunction customRangeLabel(dateFrom: Date | undefined, dateTo: Date | undefined) {\n  const thisYear = new Date().getFullYear();\n  const withYear = [dateFrom, dateTo].some(d => d && d.getFullYear() !== thisYear);\n  const fmtDay = (d: Date) =>\n    d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', ...(withYear && { year: 'numeric' }) });\n  const fmtMoment = (d: Date) => `${fmtDay(d)}, ${fmtClock(d)}`;\n\n  const start = dateFrom ? fmtMoment(dateFrom) : 'Start';\n  if (!dateTo) return `${start} \\u2013 End`;\n  const sameDay = dateFrom !== undefined && fmtDay(dateFrom) === fmtDay(dateTo);\n  return `${start} \\u2013 ${sameDay ? fmtClock(dateTo) : fmtMoment(dateTo)}`;\n}\n\n/** A fixed range offered beside the presets, e.g. the current billing period. */\nexport type DateTimeRangePickerNamedRange = { label: string; from: Date; to?: Date };\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /**\n   * Fixed ranges listed above the presets, e.g. `{ label: 'This period', from: periodStart }`.\n   * Picking one applies it as a custom range; while it's applied the trigger shows its label.\n   */\n  namedRanges?: readonly DateTimeRangePickerNamedRange[];\n  /** Size of the trigger Button. Defaults to 'sm', the toolbar rung. */\n  size?: TextButtonSize;\n  /**\n   * The preset a custom range resets to. While a custom range is applied, a × joined to the\n   * trigger takes the chevron's place and switches back to it.\n   */\n  defaultPreset?: DateRangePreset;\n  /** Replaces what the reset × does, e.g. to undo a histogram zoom before falling back to `defaultPreset`. */\n  onReset?: () => void;\n  /** The trigger Button. */\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  namedRanges = [],\n  size = 'sm',\n  defaultPreset,\n  onReset,\n  ref,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  // The applied custom range, when it is one of the named ranges.\n  const namedIndex =\n    shownPreset === 'custom' ? namedRanges.findIndex(r => sameTime(r.from, dateFrom) && sameTime(r.to, dateTo)) : -1;\n  const named = namedRanges[namedIndex];\n  const canReset = defaultPreset !== undefined && shownPreset === 'custom' && !named;\n  // A named range shows the preset list, unless \"Custom range...\" was picked to edit it.\n  const editingCustomRange = shownPreset === 'custom' && !presetMenuOpen && (!named || customRangeOpen);\n  const label = named ? named.label : shownPreset === 'custom' ? customRangeLabel(dateFrom, dateTo) : datePresetLabel;\n\n  const applyNamedRange = (range: DateTimeRangePickerNamedRange) => {\n    setPresetMenuOpen(false);\n    onPresetChange?.('custom');\n    applyCustomRange(range.from, range.to);\n  };\n  const trigger = (\n    <Button\n      ref={ref}\n      size={size}\n      disabled={disabled}\n      icon={<CalendarIcon />}\n      iconEnd={canReset ? undefined : <TriggerChevron />}\n    >\n      {label}\n    </Button>\n  );\n\n  return (\n    <JoinReset\n      size={size}\n      reset={\n        canReset && (\n          <ResetRangeButton size={size} disabled={disabled} onReset={onReset ?? (() => applyPreset(defaultPreset))} />\n        )\n      }\n    >\n      {editingCustomRange && (\n        <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n          <PopoverTrigger render={trigger} />\n          <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n            <CustomRangeEditor\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              disabled={disabled}\n              maxRangeMs={maxRangeMs}\n              minDate={minDate}\n              onApply={applyCustomRange}\n              onShowPresets={showPresets}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n      {!editingCustomRange && (\n        <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n          <DropdownMenu.Trigger render={trigger} />\n          <DropdownMenu.Content align=\"start\">\n            {/* Items select on click (not onValueChange) so re-picking the checked\n              \"Custom range...\" still reopens the range editor. */}\n            <DropdownMenu.RadioGroup value={named ? `named-${namedIndex}` : shownPreset}>\n              {namedRanges.map((r, i) => (\n                <DropdownMenu.RadioItem\n                  key={`named-${i}`}\n                  value={`named-${i}`}\n                  disabled={outsideLimits(r, minDate, maxRangeMs)}\n                  closeOnClick\n                  onClick={() => applyNamedRange(r)}\n                >\n                  {r.label}\n                </DropdownMenu.RadioItem>\n              ))}\n              {namedRanges.length > 0 && <DropdownMenu.Separator />}\n              {visiblePresets.map(p => (\n                <DropdownMenu.RadioItem\n                  key={p.value}\n                  value={p.value}\n                  closeOnClick\n                  onClick={() => handlePresetSelect(p.value)}\n                >\n                  {p.label}\n                </DropdownMenu.RadioItem>\n              ))}\n            </DropdownMenu.RadioGroup>\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </JoinReset>\n  );\n}\n\n/** Switches a custom range back to the picker's default preset. */\nfunction ResetRangeButton({\n  size,\n  disabled,\n  onReset,\n}: {\n  size: TextButtonSize;\n  disabled?: boolean;\n  onReset: () => void;\n}) {\n  return (\n    <Button\n      type=\"button\"\n      size={`icon-${size}` as const}\n      tooltip=\"Reset time range\"\n      disabled={disabled}\n      onClick={onReset}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n\n/** The trigger alone, or joined with the reset × as one pill. */\nfunction JoinReset({ reset, size, children }: { reset: ReactNode; size: TextButtonSize; children: ReactNode }) {\n  if (!reset) return children;\n  return (\n    <ButtonsGroup size={size}>\n      {children}\n      {reset}\n    </ButtonsGroup>\n  );\n}\n"],"mappings":"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"}