@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

package/dist/components/ItemList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemList.es.js","sources":["../../src/ds/components/ItemList/item-list-cell.tsx","../../src/ds/components/ItemList/item-list-date-cell.tsx","../../src/ds/components/ItemList/shared.tsx","../../src/ds/components/ItemList/item-list-header.tsx","../../src/ds/components/ItemList/item-list-header-col.tsx","../../src/ds/components/ItemList/item-list-id-cell.tsx","../../src/ds/components/ItemList/item-list-items.tsx","../../src/ds/components/ItemList/item-list-items-scroller.tsx","../../src/ds/components/ItemList/item-list-label-cell.tsx","../../src/ds/components/ItemList/item-list-link-cell.tsx","../../src/ds/components/ItemList/item-list-message.tsx","../../src/ds/components/ItemList/item-list-next-page-loading.tsx","../../src/ds/components/ItemList/item-list-pagination.tsx","../../src/ds/components/ItemList/item-list-root.tsx","../../src/ds/components/ItemList/item-list-row.tsx","../../src/ds/components/ItemList/item-list-row-button.tsx","../../src/ds/components/ItemList/item-list-status-cell.tsx","../../src/ds/components/ItemList/item-list-text-cell.tsx","../../src/ds/components/ItemList/helpers.ts","../../src/ds/components/ItemList/item-list-version-cell.tsx","../../src/ds/components/ItemList/item-list.tsx","../../src/ds/components/ItemList/item-list-items-skeleton.tsx","../../src/ds/components/ItemList/item-list-skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { isThisYear } from 'date-fns';\nimport { format } from 'date-fns/format';\nimport { isToday } from 'date-fns/isToday';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  withTime?: boolean;\n};\n\nexport function ItemListDateCell({ date, className, withTime = false }: ItemListDateCellProps) {\n  const isThisYearDate = date ? isThisYear(new Date(date)) : false;\n\n  const displayDayAndMonth = date ? (isToday(new Date(date)) ? 'Today' : format(new Date(date), 'MMM dd')) : '';\n  const displayYear = date && !isThisYearDate ? format(new Date(date), 'yyyy') : '';\n  const displayTime = date && withTime ? `${format(new Date(date), \"'at' h:mm aaa\")}` : '';\n\n  return (\n    <div className={cn('truncate text-body text-placeholder', className)}>\n      {displayDayAndMonth} {displayYear} {displayTime}\n    </div>\n  );\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 z-10 mb-2 rounded-lg bg-card px-3')}>\n      <div\n        className={cn('grid items-center gap-3 text-left text-meta tracking-widest text-muted-foreground uppercase', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('truncate py-[0.6rem] text-body text-placeholder', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label\n      className={cn(\n        'flex h-full w-14 items-center justify-center rounded-lg text-caption hover:bg-fill-subtle',\n        className,\n      )}\n    >\n      {children}\n    </label>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link, tooltip }: ItemListLinkCellProps) {\n  const link = (\n    <Link\n      href={href}\n      className={cn(\n        'flex w-full items-center justify-center gap-4 rounded-lg px-3 py-2 text-left',\n        'hover:bg-fill-subtle',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n\n  if (tooltip == null) return link;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={link} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'grid justify-center justify-items-center gap-2 p-5 text-center text-body text-muted-foreground',\n            '[&>svg]:size-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"mt-4 flex justify-center text-body text-muted-foreground opacity-50\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4 pt-4 text-body text-muted-foreground')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border [&>button]:p-1 [&>button]:px-2 [&>button]:text-muted-foreground [&>button]:transition-colors [&>button:hover]:text-foreground',\n            '[&_svg]:size-[1em] [&_svg]:text-muted-foreground',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex overflow-hidden rounded-lg border border-transparent border-t-border py-[3px] pb-[2px] text-body text-foreground first:border-t-transparent',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border [&.selected-row]:border-dashed [&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid gap-3 px-3': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n  tooltip,\n  ...props\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  const button = (\n    <button\n      {...props}\n      onClick={handleClick}\n      className={cn(\n        'grid w-full items-center gap-3 rounded-lg px-3 text-left',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-fill-hover': isFeatured,\n          'hover:bg-fill-subtle': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n\n  if (tooltip == null) return button;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={button} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('relative flex h-full w-10 items-center justify-center bg-transparent')}>\n          <div\n            className={cn('size-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('truncate py-[0.6rem] text-body text-muted-foreground', className)}>\n      {isLoading ? (\n        <div className=\"h-4 animate-pulse rounded-md bg-muted text-transparent select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport const ITEM_LIST_VERSION_STATUS_LABELS = {\n  latest: 'Latest version',\n  deleted: 'Deleted in this version',\n} as const;\n\nexport function getItemListVersionStatusLabel({\n  isLatest,\n  isDeleted,\n}: {\n  isLatest?: boolean;\n  isDeleted?: boolean;\n}): string | undefined {\n  const labels: string[] = [];\n  if (isLatest) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.latest);\n  if (isDeleted) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.deleted);\n  return labels.length > 0 ? labels.join(' · ') : undefined;\n}\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      if (!nextItem) return;\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      if (!previousItem) return;\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n","import { format } from 'date-fns';\nimport { BanIcon, ClockIcon } from 'lucide-react';\nimport { Badge } from '../Badge/Badge';\nimport { ITEM_LIST_VERSION_STATUS_LABELS } from './helpers';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid gap-1 leading-none text-muted-foreground', {\n          'text-muted-foreground': isLatest,\n        })}\n      >\n        <strong className=\"text-body-sm\">v. {version}</strong>\n        <em className=\"text-caption text-placeholder\">{date ? format(new Date(date), 'MMM d, yyyy HH:mm') : null}</em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex items-center gap-1\">\n          {isLatest && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.latest}>\n              <Badge variant=\"blue\" size=\"sm\" icon={<ClockIcon />} />\n            </span>\n          )}\n          {isDeleted && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.deleted}>\n              <Badge variant=\"red\" size=\"sm\" icon={<BanIcon />} />\n            </span>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"h-4 animate-pulse rounded-md bg-muted text-transparent select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n"],"names":["format"],"mappings":"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"}
+{"version":3,"file":"ItemList.es.js","sources":["../../src/ds/components/ItemList/item-list-cell.tsx","../../src/ds/components/ItemList/item-list-date-cell.tsx","../../src/ds/components/ItemList/shared.tsx","../../src/ds/components/ItemList/item-list-header.tsx","../../src/ds/components/ItemList/item-list-header-col.tsx","../../src/ds/components/ItemList/item-list-id-cell.tsx","../../src/ds/components/ItemList/item-list-items.tsx","../../src/ds/components/ItemList/item-list-items-scroller.tsx","../../src/ds/components/ItemList/item-list-label-cell.tsx","../../src/ds/components/ItemList/item-list-link-cell.tsx","../../src/ds/components/ItemList/item-list-message.tsx","../../src/ds/components/ItemList/item-list-next-page-loading.tsx","../../src/ds/components/ItemList/item-list-pagination.tsx","../../src/ds/components/ItemList/item-list-root.tsx","../../src/ds/components/ItemList/item-list-row.tsx","../../src/ds/components/ItemList/item-list-row-button.tsx","../../src/ds/components/ItemList/item-list-status-cell.tsx","../../src/ds/components/ItemList/item-list-text-cell.tsx","../../src/ds/components/ItemList/helpers.ts","../../src/ds/components/ItemList/item-list-version-cell.tsx","../../src/ds/components/ItemList/item-list.tsx","../../src/ds/components/ItemList/item-list-items-skeleton.tsx","../../src/ds/components/ItemList/item-list-skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\nimport type { DatePreset } from '@/utils/date-format';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  preset?: DatePreset;\n};\n\nexport function ItemListDateCell({ date, className, preset = 'date' }: ItemListDateCellProps) {\n  return <div className={cn('truncate text-body text-placeholder', className)}>{formatDate(date, preset)}</div>;\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 z-10 mb-2 rounded-lg bg-card px-3')}>\n      <div\n        className={cn('grid items-center gap-3 text-left text-meta tracking-widest text-muted-foreground uppercase', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('truncate py-[0.6rem] text-body text-placeholder', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label\n      className={cn(\n        'flex h-full w-14 items-center justify-center rounded-lg text-caption hover:bg-fill-subtle',\n        className,\n      )}\n    >\n      {children}\n    </label>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link, tooltip }: ItemListLinkCellProps) {\n  const link = (\n    <Link\n      href={href}\n      className={cn(\n        'flex w-full items-center justify-center gap-4 rounded-lg px-3 py-2 text-left',\n        'hover:bg-fill-subtle',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n\n  if (tooltip == null) return link;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={link} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'grid justify-center justify-items-center gap-2 p-5 text-center text-body text-muted-foreground',\n            '[&>svg]:size-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"mt-4 flex justify-center text-body text-muted-foreground opacity-50\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4 pt-4 text-body text-muted-foreground')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border [&>button]:p-1 [&>button]:px-2 [&>button]:text-muted-foreground [&>button]:transition-colors [&>button:hover]:text-foreground',\n            '[&_svg]:size-[1em] [&_svg]:text-muted-foreground',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex overflow-hidden rounded-lg border border-transparent border-t-border py-[3px] pb-[2px] text-body text-foreground first:border-t-transparent',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border [&.selected-row]:border-dashed [&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid gap-3 px-3': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n  tooltip,\n  ...props\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  const button = (\n    <button\n      {...props}\n      onClick={handleClick}\n      className={cn(\n        'grid w-full items-center gap-3 rounded-lg px-3 text-left',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-fill-hover': isFeatured,\n          'hover:bg-fill-subtle': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n\n  if (tooltip == null) return button;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={button} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('relative flex h-full w-10 items-center justify-center bg-transparent')}>\n          <div\n            className={cn('size-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('truncate py-[0.6rem] text-body text-muted-foreground', className)}>\n      {isLoading ? (\n        <div className=\"h-4 animate-pulse rounded-md bg-muted text-transparent select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport const ITEM_LIST_VERSION_STATUS_LABELS = {\n  latest: 'Latest version',\n  deleted: 'Deleted in this version',\n} as const;\n\nexport function getItemListVersionStatusLabel({\n  isLatest,\n  isDeleted,\n}: {\n  isLatest?: boolean;\n  isDeleted?: boolean;\n}): string | undefined {\n  const labels: string[] = [];\n  if (isLatest) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.latest);\n  if (isDeleted) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.deleted);\n  return labels.length > 0 ? labels.join(' · ') : undefined;\n}\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      if (!nextItem) return;\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      if (!previousItem) return;\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n","import { BanIcon, ClockIcon } from 'lucide-react';\nimport { Badge } from '../Badge/Badge';\nimport { ITEM_LIST_VERSION_STATUS_LABELS } from './helpers';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid gap-1 leading-none text-muted-foreground', {\n          'text-muted-foreground': isLatest,\n        })}\n      >\n        <strong className=\"text-body-sm\">v. {version}</strong>\n        <em className=\"text-caption text-placeholder\">{formatDate(date, 'date-time')}</em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex items-center gap-1\">\n          {isLatest && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.latest}>\n              <Badge variant=\"blue\" size=\"sm\" icon={<ClockIcon />} />\n            </span>\n          )}\n          {isDeleted && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.deleted}>\n              <Badge variant=\"red\" size=\"sm\" icon={<BanIcon />} />\n            </span>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"h-4 animate-pulse rounded-md bg-muted text-transparent select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/JSONSchemaForm.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const textFieldBlock = require('../text-field-block-DePCgDOh.cjs');
+const textFieldBlock = require('../text-field-block-CRh8sRXP.cjs');
 const lucideReact = require('lucide-react');
-const selectFieldBlock = require('../select-field-block-DJo2cX9Y.cjs');
+const selectFieldBlock = require('../select-field-block-CaGjpIKM.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-CI8JtZKS.cjs');
 const Button = require('../Button-BAMnPqos.cjs');

package/dist/components/JSONSchemaForm.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { T as TextFieldBlock } from '../text-field-block-DGIM1i3Z.js';
+import { T as TextFieldBlock } from '../text-field-block-BYPiO9h4.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-BfiHq9t6.js';
+import { S as SelectFieldBlock } from '../select-field-block-BF8v698d.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-CQedzgsi.js';
 import { B as Button } from '../Button-B8nF87ai.js';

package/dist/components/ListSearch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const listSearch = require('../list-search-S1mco9Bl.cjs');
+const listSearch = require('../list-search-CsYQX8qR.cjs');
 
 
 

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-FJ1O5F3S.js';
+export { L as ListSearch } from '../list-search-D1FD8FCL.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/LogsDataList.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-BHvJOeec.cjs');
-const dataListSkeleton = require('../data-list-skeleton-CjwR0o3w.cjs');
+const logsDataList = require('../logs-data-list-lJK0yGYj.cjs');
+const dataListSkeleton = require('../data-list-skeleton-CgbWqYky.cjs');
 require('react');
 require('../keyboard/keyboard-shortcuts-context.cjs.js');
 

package/dist/components/LogsDataList.es.js

@@ -1,5 +1,5 @@
-export { L as LogsDataList } from '../logs-data-list-CgDcNIvS.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-DAfM8AjW.js';
+export { L as LogsDataList } from '../logs-data-list-BKE5vYZR.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-BrSh9Y_3.js';
 import 'react';
 import '../keyboard/keyboard-shortcuts-context.es.js';
 //# sourceMappingURL=LogsDataList.es.js.map

package/dist/components/Message.cjs.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const message = require('../message-D9b33Pf_.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const copyButton = require('../copy-button-D2MTGxq_.cjs');
+const utils_dateFormat = require('../utils/date-format.cjs.js');
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });
 }
 
-const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit" });
-const calendar = new Intl.DateTimeFormat(void 0, { dateStyle: "full", timeStyle: "short" });
 function MessageTimestamp({ value }) {
-  const time = new Date(value);
-  if (Number.isNaN(time.getTime())) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(message.MessageMetadata, { children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: time.toISOString(), title: calendar.format(time), children: clock.format(time) }) });
+  const time = utils_dateFormat.toDate(value);
+  if (!time) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(message.MessageMetadata, { children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: time.toISOString(), title: utils_dateFormat.formatDate(time, "date-time"), children: utils_dateFormat.formatDate(time, "time") }) });
 }
 
 exports.Message = message.Message;

package/dist/components/Message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.cjs.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":["jsx","CopyButton","MessageMetadata"],"mappings":";;;;;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAOA,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;;;;;"}
+{"version":3,"file":"Message.cjs.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\nimport { formatDate, toDate } from '@/utils/date-format';\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = toDate(value);\n  if (!time) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={formatDate(time, 'date-time')}>\n        {formatDate(time, 'time')}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":["jsx","CopyButton","toDate","MessageMetadata","formatDate"],"mappings":";;;;;;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAOA,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACDO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAOC,wBAAO,KAAK,CAAA;AACzB,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAOI,2BAAA,CAAW,MAAM,WAAW,CAAA,EACpE,sCAAW,IAAA,EAAM,MAAM,GAC1B,CAAA,EACF,CAAA;AAEJ;;;;;;;;"}

package/dist/components/Message.es.js

@@ -2,17 +2,16 @@ import { a as MessageMetadata } from '../message-Cs8NW-MR.js';
 export { M as Message, b as MessageActions } from '../message-Cs8NW-MR.js';
 import { jsx } from 'react/jsx-runtime';
 import { C as CopyButton } from '../copy-button-DcZ1mdw4.js';
+import { toDate, formatDate } from '../utils/date-format.es.js';
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsx(CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });
 }
 
-const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit" });
-const calendar = new Intl.DateTimeFormat(void 0, { dateStyle: "full", timeStyle: "short" });
 function MessageTimestamp({ value }) {
-  const time = new Date(value);
-  if (Number.isNaN(time.getTime())) return null;
-  return /* @__PURE__ */ jsx(MessageMetadata, { children: /* @__PURE__ */ jsx("time", { dateTime: time.toISOString(), title: calendar.format(time), children: clock.format(time) }) });
+  const time = toDate(value);
+  if (!time) return null;
+  return /* @__PURE__ */ jsx(MessageMetadata, { children: /* @__PURE__ */ jsx("time", { dateTime: time.toISOString(), title: formatDate(time, "date-time"), children: formatDate(time, "time") }) });
 }
 
 export { MessageCopyButton, MessageMetadata, MessageTimestamp };

package/dist/components/Message.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.es.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\n\nconst clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'short' });\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = new Date(value);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={calendar.format(time)}>\n        {clock.format(time)}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":[],"mappings":";;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACFA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AACvF,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,CAAA;AAEtF,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,QAAA,CAAS,OAAO,IAAI,CAAA,EAC5D,gBAAM,MAAA,CAAO,IAAI,GACpB,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Message.es.js","sources":["../../src/ds/components/Message/message-copy-button.tsx","../../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\nimport { formatDate, toDate } from '@/utils/date-format';\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = toDate(value);\n  if (!time) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={formatDate(time, 'date-time')}>\n        {formatDate(time, 'time')}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAEO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAAqB;AAC5D,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAQ,cAAA,EAAe,SAAA,EAAW,KAAA,EAAO,CAAA;AAC5G;;ACDO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAA6B;AACpE,EAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAK,WAAA,EAAY,EAAG,KAAA,EAAO,UAAA,CAAW,MAAM,WAAW,CAAA,EACpE,qBAAW,IAAA,EAAM,MAAM,GAC1B,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/PageLayout.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Header = require('../Header-CGjhJ0nQ.cjs');
+const Header = require('../Header-y51Sfo3G.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function PageLayout({

package/dist/components/PageLayout.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { H as Header } from '../Header-BVnFQlzE.js';
+import { H as Header } from '../Header-hTHhO02b.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 function PageLayout({

package/dist/components/PropertyFilter.cjs.js

@@ -7,7 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-BAMnPqos.cjs');
-const combobox = require('../combobox-BoSB-muq.cjs');
+const combobox = require('../combobox-B19HJqE-.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const primitives_fluidMenu = require('../primitives/fluid-menu.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');

package/dist/components/PropertyFilter.es.js

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
 import { B as Button } from '../Button-B8nF87ai.js';
-import { C as Combobox } from '../combobox-Cd0JPUQW.js';
+import { C as Combobox } from '../combobox-D_kmwSKS.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from '../primitives/fluid-menu.es.js';
 import { MENU_SIDE_OFFSET, menuItemTrailingIconClass, menuEmptyClass, menuItemClass } from '../primitives/menu-item.es.js';

package/dist/components/RelativeTimestamp.cjs.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Badge = require('../Badge-DFNxcz-r.cjs');
+const tooltip = require('../tooltip-FvWL16Xn.cjs');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const utils_dateFormat = require('../utils/date-format.cjs.js');
+const utils_relativeTime = require('../utils/relative-time.cjs.js');
+
+const listeners = /* @__PURE__ */ new Set();
+let ticker;
+let now = Date.now();
+function subscribe(listener) {
+  listeners.add(listener);
+  if (!ticker) {
+    now = Date.now();
+    ticker = setInterval(() => {
+      now = Date.now();
+      listeners.forEach((notify) => notify());
+    }, 1e3);
+  }
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0) {
+      clearInterval(ticker);
+      ticker = void 0;
+    }
+  };
+}
+function useNow() {
+  const read = () => ticker ? now : Date.now();
+  return React.useSyncExternalStore(subscribe, read, read);
+}
+const SINCE_UNITS = [
+  ["day", 864e5],
+  ["hour", 36e5],
+  ["minute", 6e4],
+  ["second", 1e3]
+];
+function formatUnit(count, unit) {
+  return new Intl.NumberFormat(void 0, { style: "unit", unit, unitDisplay: "long" }).format(count);
+}
+function formatSince(date, at) {
+  const diff = at - date.getTime();
+  let rest = Math.abs(diff);
+  const parts = [];
+  for (const [unit, size] of SINCE_UNITS) {
+    const count = Math.floor(rest / size);
+    rest %= size;
+    if (parts.length > 0) {
+      if (count > 0) parts.push(formatUnit(count, unit));
+      break;
+    }
+    if (count > 0 || unit === "second") parts.push(formatUnit(count, unit));
+  }
+  const label = parts.join(" ");
+  return diff < 0 ? `${label} from now` : `${label} ago`;
+}
+function Relative({ date }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: utils_relativeTime.formatRelativeTime(date, { now: useNow() }) });
+}
+function Since({ date }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formatSince(date, useNow()) });
+}
+function zoneName(date, timeZone) {
+  return new Intl.DateTimeFormat(void 0, { timeZone, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value;
+}
+function zoneRow(date, timeZone) {
+  return {
+    zone: zoneName(date, timeZone) ?? "Local",
+    day: new Intl.DateTimeFormat(void 0, { timeZone, month: "short", day: "numeric", year: "numeric" }).format(date),
+    time: new Intl.DateTimeFormat(void 0, {
+      timeZone,
+      hour: "numeric",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(date)
+  };
+}
+function RelativeTimestamp({ value, className }) {
+  const date = utils_dateFormat.toDate(value);
+  if (!date) return null;
+  const local = zoneRow(date);
+  const rows = local.zone === "UTC" ? [local] : [local, zoneRow(date, "UTC")];
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      tooltip.TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          "time",
+          {
+            dateTime: date.toISOString(),
+            tabIndex: 0,
+            className: utils_cn.cn("rounded-sm font-mono whitespace-nowrap tabular-nums", primitives_transitions.focusRing.visible, className)
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Relative, { date }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: utils_dateFormat.formatDate(date, "date-time-seconds") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Since, { date }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("table", { className: "mt-1.5 border-t border-border font-mono tabular-nums", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 pr-3", children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", children: row.zone }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 pr-3", children: row.day }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 text-right", children: row.time })
+      ] }, row.zone)) }) })
+    ] })
+  ] });
+}
+
+exports.RelativeTimestamp = RelativeTimestamp;
+//# sourceMappingURL=RelativeTimestamp.cjs.js.map

package/dist/components/RelativeTimestamp.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTimestamp.cjs.js","sources":["../../src/ds/components/RelativeTimestamp/relative-timestamp.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport { formatDate, toDate } from '@/utils/date-format';\nimport type { DateInput } from '@/utils/date-format';\nimport { formatRelativeTime } from '@/utils/relative-time';\n\nexport interface RelativeTimestampProps {\n  value: DateInput;\n  className?: string;\n}\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  if (!ticker) {\n    now = Date.now();\n    ticker = setInterval(() => {\n      now = Date.now();\n      listeners.forEach(notify => notify());\n    }, 1000);\n  }\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      clearInterval(ticker);\n      ticker = undefined;\n    }\n  };\n}\n\nfunction useNow() {\n  const read = () => (ticker ? now : Date.now());\n  return useSyncExternalStore(subscribe, read, read);\n}\n\nconst SINCE_UNITS = [\n  ['day', 86_400_000],\n  ['hour', 3_600_000],\n  ['minute', 60_000],\n  ['second', 1_000],\n] as const;\n\nfunction formatUnit(count: number, unit: (typeof SINCE_UNITS)[number][0]) {\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit, unitDisplay: 'long' }).format(count);\n}\n\nfunction formatSince(date: Date, at: number) {\n  const diff = at - date.getTime();\n  let rest = Math.abs(diff);\n  const parts: string[] = [];\n  for (const [unit, size] of SINCE_UNITS) {\n    const count = Math.floor(rest / size);\n    rest %= size;\n    if (parts.length > 0) {\n      if (count > 0) parts.push(formatUnit(count, unit));\n      break;\n    }\n    if (count > 0 || unit === 'second') parts.push(formatUnit(count, unit));\n  }\n  const label = parts.join(' ');\n  return diff < 0 ? `${label} from now` : `${label} ago`;\n}\n\nfunction Relative({ date }: { date: Date }) {\n  return <>{formatRelativeTime(date, { now: useNow() })}</>;\n}\n\nfunction Since({ date }: { date: Date }) {\n  return <>{formatSince(date, useNow())}</>;\n}\n\nfunction zoneName(date: Date, timeZone?: string) {\n  return new Intl.DateTimeFormat(undefined, { timeZone, timeZoneName: 'short' })\n    .formatToParts(date)\n    .find(part => part.type === 'timeZoneName')?.value;\n}\n\nfunction zoneRow(date: Date, timeZone?: string) {\n  return {\n    zone: zoneName(date, timeZone) ?? 'Local',\n    day: new Intl.DateTimeFormat(undefined, { timeZone, month: 'short', day: 'numeric', year: 'numeric' }).format(date),\n    time: new Intl.DateTimeFormat(undefined, {\n      timeZone,\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n    }).format(date),\n  };\n}\n\nexport function RelativeTimestamp({ value, className }: RelativeTimestampProps) {\n  const date = toDate(value);\n  if (!date) return null;\n\n  const local = zoneRow(date);\n  const rows = local.zone === 'UTC' ? [local] : [local, zoneRow(date, 'UTC')];\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <time\n            dateTime={date.toISOString()}\n            tabIndex={0}\n            className={cn('rounded-sm font-mono whitespace-nowrap tabular-nums', focusRing.visible, className)}\n          />\n        }\n      >\n        <span aria-hidden=\"true\">\n          <Relative date={date} />\n        </span>\n        <span className=\"sr-only\">{formatDate(date, 'date-time-seconds')}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"text-muted-foreground\">\n          <Since date={date} />\n        </span>\n        <table className=\"mt-1.5 border-t border-border font-mono tabular-nums\">\n          <tbody>\n            {rows.map(row => (\n              <tr key={row.zone}>\n                <td className=\"pt-1.5 pr-3\">\n                  <Badge size=\"xs\">{row.zone}</Badge>\n                </td>\n                <td className=\"pt-1.5 pr-3\">{row.day}</td>\n                <td className=\"pt-1.5 text-right\">{row.time}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["useSyncExternalStore","jsx","Fragment","toDate","Tooltip","jsxs","TooltipTrigger","cn","focusRing","formatDate","TooltipContent","Badge"],"mappings":"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"}

package/dist/components/RelativeTimestamp.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/RelativeTimestamp/index'
+export {}

package/dist/components/RelativeTimestamp.es.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useSyncExternalStore } from 'react';
+import { B as Badge } from '../Badge-Bzn8Z-_I.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.js';
+import { focusRing } from '../primitives/transitions.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+import { toDate, formatDate } from '../utils/date-format.es.js';
+import { formatRelativeTime } from '../utils/relative-time.es.js';
+
+const listeners = /* @__PURE__ */ new Set();
+let ticker;
+let now = Date.now();
+function subscribe(listener) {
+  listeners.add(listener);
+  if (!ticker) {
+    now = Date.now();
+    ticker = setInterval(() => {
+      now = Date.now();
+      listeners.forEach((notify) => notify());
+    }, 1e3);
+  }
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0) {
+      clearInterval(ticker);
+      ticker = void 0;
+    }
+  };
+}
+function useNow() {
+  const read = () => ticker ? now : Date.now();
+  return useSyncExternalStore(subscribe, read, read);
+}
+const SINCE_UNITS = [
+  ["day", 864e5],
+  ["hour", 36e5],
+  ["minute", 6e4],
+  ["second", 1e3]
+];
+function formatUnit(count, unit) {
+  return new Intl.NumberFormat(void 0, { style: "unit", unit, unitDisplay: "long" }).format(count);
+}
+function formatSince(date, at) {
+  const diff = at - date.getTime();
+  let rest = Math.abs(diff);
+  const parts = [];
+  for (const [unit, size] of SINCE_UNITS) {
+    const count = Math.floor(rest / size);
+    rest %= size;
+    if (parts.length > 0) {
+      if (count > 0) parts.push(formatUnit(count, unit));
+      break;
+    }
+    if (count > 0 || unit === "second") parts.push(formatUnit(count, unit));
+  }
+  const label = parts.join(" ");
+  return diff < 0 ? `${label} from now` : `${label} ago`;
+}
+function Relative({ date }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: formatRelativeTime(date, { now: useNow() }) });
+}
+function Since({ date }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: formatSince(date, useNow()) });
+}
+function zoneName(date, timeZone) {
+  return new Intl.DateTimeFormat(void 0, { timeZone, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value;
+}
+function zoneRow(date, timeZone) {
+  return {
+    zone: zoneName(date, timeZone) ?? "Local",
+    day: new Intl.DateTimeFormat(void 0, { timeZone, month: "short", day: "numeric", year: "numeric" }).format(date),
+    time: new Intl.DateTimeFormat(void 0, {
+      timeZone,
+      hour: "numeric",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(date)
+  };
+}
+function RelativeTimestamp({ value, className }) {
+  const date = toDate(value);
+  if (!date) return null;
+  const local = zoneRow(date);
+  const rows = local.zone === "UTC" ? [local] : [local, zoneRow(date, "UTC")];
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxs(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          "time",
+          {
+            dateTime: date.toISOString(),
+            tabIndex: 0,
+            className: cn("rounded-sm font-mono whitespace-nowrap tabular-nums", focusRing.visible, className)
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Relative, { date }) }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: formatDate(date, "date-time-seconds") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(TooltipContent, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Since, { date }) }),
+      /* @__PURE__ */ jsx("table", { className: "mt-1.5 border-t border-border font-mono tabular-nums", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: /* @__PURE__ */ jsx(Badge, { size: "xs", children: row.zone }) }),
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: row.day }),
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 text-right", children: row.time })
+      ] }, row.zone)) }) })
+    ] })
+  ] });
+}
+
+export { RelativeTimestamp };
+//# sourceMappingURL=RelativeTimestamp.es.js.map