@tradalab/lyra 2.0.1 → 2.2.0

package/dist/chunk-VEWKPOMS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/primitives/dropdown-menu.tsx"],"names":["DropdownMenuPrimitive"],"mappings":"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","file":"chunk-VEWKPOMS.js","sourcesContent":["import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(\"z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-none bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-none px-2 py-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-none py-2 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon\n          />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-none py-2 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon\n          />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-2 text-xs text-muted-foreground data-inset:pl-7\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"flex cursor-default items-center gap-2 rounded-none px-2 py-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\"z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-none bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"]}

package/dist/data-table/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { TableHead, Table, TableRow, TableHeader, TableCell, TableBody } from '../chunk-CV3UXQBT.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Input } from '../chunk-SQA4ILAK.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../chunk-VEWKPOMS.js';
+import { Input } from '../chunk-PI6SANLG.js';
 import { Button } from '../chunk-5Q4UTRYU.js';
 import { cn } from '../chunk-XH55BHUU.js';
 import { flexRender, useReactTable, getSortedRowModel, getCoreRowModel, getPaginationRowModel, getFilteredRowModel } from '@tanstack/react-table';

package/dist/data-table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-table/index.tsx"],"names":["TableHead","TableHeader","TableCell","TableRow","TableBody"],"mappings":"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","file":"index.js","sourcesContent":["import type { Cell, Column, ColumnDef, Header, HeaderGroup, Row, SortingState, Table } from \"@tanstack/react-table\"\nimport { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from \"@tanstack/react-table\"\nimport { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon, Loader2Icon, RefreshCwIcon, SearchIcon } from \"lucide-react\"\nimport type { HTMLAttributes, ReactNode } from \"react\"\nimport { createContext, memo, useCallback, useContext, useEffect, useRef, useState } from \"react\"\nimport { Button } from \"~/ui/primitives/button.js\"\nimport { Input } from \"~/ui/primitives/input.js\"\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  TableBody as TableBodyRaw,\n  TableCell as TableCellRaw,\n  TableHeader as TableHeaderRaw,\n  TableHead as TableHeadRaw,\n  Table as TableRaw,\n  TableRow as TableRowRaw,\n} from \"~/ui/primitives/table.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport type { ColumnDef } from \"@tanstack/react-table\"\n\n\nexport const TableContext = createContext<{\n  data: unknown[]\n  columns: ColumnDef<unknown, unknown>[]\n  table: Table<unknown> | null\n}>({\n  data: [],\n  columns: [],\n  table: null,\n})\n\nexport type TableProviderProps<TData, TValue> = {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  children: ReactNode\n  className?: string\n}\n\nexport function TableProvider<TData, TValue>({ columns, data, children, className }: TableProviderProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    // useState's setter is itself a valid TanStack OnChangeFn (it accepts a\n    // value or an updater fn), so it can be wired directly — type-safe, no cast.\n    onSortingChange: setSorting,\n    state: {\n      sorting,\n    },\n  })\n\n  return (\n    <TableContext.Provider\n      value={{\n        data,\n        columns: columns as never,\n        table: table as never,\n      }}\n    >\n      <TableRaw className={className}>{children}</TableRaw>\n    </TableContext.Provider>\n  )\n}\n\nexport type TableHeadProps = {\n  header: Header<unknown, unknown>\n  className?: string\n}\n\nexport const TableHead = memo(({ header, className }: TableHeadProps) => (\n  <TableHeadRaw className={className} key={header.id}>\n    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n  </TableHeadRaw>\n))\n\nTableHead.displayName = \"TableHead\"\n\nexport type TableHeaderGroupProps = {\n  headerGroup: HeaderGroup<unknown>\n  children: (props: { header: Header<unknown, unknown> }) => ReactNode\n}\n\nexport const TableHeaderGroup = ({ headerGroup, children }: TableHeaderGroupProps) => (\n  <TableRowRaw key={headerGroup.id}>{headerGroup.headers.map(header => children({ header }))}</TableRowRaw>\n)\n\nexport type TableHeaderProps = {\n  className?: string\n  children: (props: { headerGroup: HeaderGroup<unknown> }) => ReactNode\n}\n\nexport const TableHeader = ({ className, children }: TableHeaderProps) => {\n  const { table } = useContext(TableContext)\n\n  return <TableHeaderRaw className={className}>{table?.getHeaderGroups().map(headerGroup => children({ headerGroup }))}</TableHeaderRaw>\n}\n\nexport interface TableColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function TableColumnHeader<TData, TValue>({ column, title, className }: TableColumnHeaderProps<TData, TValue>) {\n  // Extract inline event handlers to prevent unnecessary re-renders\n  const handleSortAsc = useCallback(() => {\n    column.toggleSorting(false)\n  }, [column])\n\n  const handleSortDesc = useCallback(() => {\n    column.toggleSorting(true)\n  }, [column])\n\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button className=\"-ml-3 h-8 data-[state=open]:bg-accent\" size=\"sm\" variant=\"ghost\">\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <ArrowDownIcon className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <ArrowUpIcon className=\"ml-2 h-4 w-4\" />\n            ) : (\n              <ChevronsUpDownIcon className=\"ml-2 h-4 w-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={handleSortAsc}>\n            <ArrowUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={handleSortDesc}>\n            <ArrowDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n\nexport type TableCellProps = {\n  cell: Cell<unknown, unknown>\n  className?: string\n}\n\nexport const TableCell = ({ cell, className }: TableCellProps) => (\n  <TableCellRaw className={className}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCellRaw>\n)\n\nexport type TableRowProps = {\n  row: Row<unknown>\n  children: (props: { cell: Cell<unknown, unknown> }) => ReactNode\n  className?: string\n}\n\nexport const TableRow = ({ row, children, className }: TableRowProps) => (\n  <TableRowRaw className={className} data-state={row.getIsSelected() && \"selected\"} key={row.id}>\n    {row.getVisibleCells().map(cell => children({ cell }))}\n  </TableRowRaw>\n)\n\nexport type TableBodyProps = {\n  children: (props: { row: Row<unknown> }) => ReactNode\n  className?: string\n}\n\nexport const TableBody = ({ children, className }: TableBodyProps) => {\n  const { columns, table } = useContext(TableContext)\n  const rows = table?.getRowModel().rows\n\n  return (\n    <TableBodyRaw className={className}>\n      {rows?.length ? (\n        rows.map(row => children({ row }))\n      ) : (\n        <TableRowRaw>\n          <TableCellRaw className=\"h-24 text-center\" colSpan={columns.length}>\n            No results.\n          </TableCellRaw>\n        </TableRowRaw>\n      )}\n    </TableBodyRaw>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// DataTable — a batteries-included, self-contained paginated table. Unlike the\n// composition primitives above (TableProvider + render-prop parts), this is a\n// drop-in: pass `columns` + `data` and get header, body, empty/loading states\n// and Prev/Next pagination. All user-facing labels are props (English\n// defaults) so apps can feed i18n strings; the component itself ships no copy.\n// ---------------------------------------------------------------------------\n\nexport interface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  /** Show a single-row loading state instead of the body. */\n  loading?: boolean\n  /** Row shown when there are no results. */\n  emptyText?: string\n  /** Row shown while `loading`. */\n  loadingText?: string\n  /** Previous-page button label. */\n  previousLabel?: string\n  /** Next-page button label. */\n  nextLabel?: string\n  /** Rows per page (default 10). Pagination controls appear only when needed. */\n  pageSize?: number\n  /** Extra classes on the bordered table wrapper. */\n  className?: string\n  // --- control bar (all optional; the bar renders only when one is set) ---\n  /** Show a search box that globally filters rows across all accessor columns. */\n  searchable?: boolean\n  /** Placeholder for the search box. */\n  searchPlaceholder?: string\n  /** Show a reload button; called on click. Its icon spins while `loading`. */\n  onReload?: () => void\n  /** Accessible label / tooltip for the reload button. */\n  reloadLabel?: string\n  /** Custom controls rendered on the right of the bar (e.g. a \"New\" button). */\n  toolbar?: ReactNode\n  // --- infinite scroll (opt-in; providing `onLoadMore` switches the table from\n  // Prev/Next pagination to rendering every accumulated row and requesting more\n  // as a bottom sentinel scrolls into view). Data fetching stays with the caller\n  // (e.g. react-query useInfiniteQuery); the table only owns the sentinel. ---\n  /** Called when the bottom sentinel becomes visible and more rows can load. */\n  onLoadMore?: () => void\n  /** Whether another page is available; the sentinel is ignored once false. */\n  hasMore?: boolean\n  /** True while the next page is loading — shows a spinner row and de-dupes calls. */\n  loadingMore?: boolean\n  /** Label beside the bottom spinner. */\n  loadingMoreText?: string\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  loading,\n  emptyText = \"No results.\",\n  loadingText = \"Loading…\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  className,\n  searchable,\n  searchPlaceholder = \"Search…\",\n  onReload,\n  reloadLabel = \"Reload\",\n  toolbar,\n  onLoadMore,\n  hasMore,\n  loadingMore,\n  loadingMoreText = \"Loading more…\",\n}: DataTableProps<TData, TValue>) {\n  const [globalFilter, setGlobalFilter] = useState(\"\")\n  const infinite = Boolean(onLoadMore)\n  const table = useReactTable({\n    data,\n    columns,\n    state: { globalFilter },\n    onGlobalFilterChange: setGlobalFilter,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    // Infinite mode renders every accumulated row; pagination is only wired for\n    // the default finite table.\n    ...(infinite ? {} : { getPaginationRowModel: getPaginationRowModel(), initialState: { pagination: { pageSize } } }),\n  })\n\n  const rows = table.getRowModel().rows\n  const showBar = Boolean(searchable || onReload || toolbar)\n\n  // --- infinite scroll: observe a bottom sentinel and ask the caller for more.\n  // Latest callback/flags are kept in refs so the observer subscribes once. ---\n  const sentinelRef = useRef<HTMLDivElement | null>(null)\n  const onLoadMoreRef = useRef(onLoadMore)\n  onLoadMoreRef.current = onLoadMore\n  const flags = useRef({ hasMore, loadingMore })\n  flags.current = { hasMore, loadingMore }\n  const intersecting = useRef(false)\n\n  const maybeLoadMore = useCallback(() => {\n    if (intersecting.current && flags.current.hasMore && !flags.current.loadingMore) {\n      onLoadMoreRef.current?.()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!infinite) return\n    const el = sentinelRef.current\n    if (!el) return\n    const io = new IntersectionObserver(\n      entries => {\n        intersecting.current = entries[0]?.isIntersecting ?? false\n        maybeLoadMore()\n      },\n      { rootMargin: \"200px\" },\n    )\n    io.observe(el)\n    return () => {\n      io.disconnect()\n    }\n  }, [infinite, maybeLoadMore])\n\n  // A freshly loaded page can leave the sentinel still on-screen; the observer\n  // won't re-fire on its own, so re-check whenever the rows or flags change.\n  useEffect(() => {\n    if (infinite) maybeLoadMore()\n  }, [infinite, rows.length, loadingMore, hasMore, maybeLoadMore])\n\n  return (\n    <div>\n      {showBar ? (\n        <div className=\"flex items-center gap-2 pb-4\">\n          {searchable ? (\n            <div className=\"relative w-full max-w-xs\">\n              <SearchIcon className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2\" />\n              <Input\n                value={globalFilter}\n                onChange={e => table.setGlobalFilter(e.target.value)}\n                placeholder={searchPlaceholder}\n                className=\"pl-8\"\n              />\n            </div>\n          ) : null}\n          {onReload || toolbar ? (\n            <div className=\"ml-auto flex items-center gap-2\">\n              {toolbar}\n              {onReload ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"icon-sm\"\n                  onClick={onReload}\n                  disabled={loading}\n                  aria-label={reloadLabel}\n                  title={reloadLabel}\n                >\n                  <RefreshCwIcon className={cn(\"size-4\", loading && \"animate-spin\")} />\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n      <div className={cn(\"overflow-hidden border\", className)}>\n        <TableRaw>\n          <TableHeaderRaw>\n            {table.getHeaderGroups().map(hg => (\n              <TableRowRaw key={hg.id}>\n                {hg.headers.map(header => (\n                  <TableHeadRaw key={header.id}>\n                    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHeadRaw>\n                ))}\n              </TableRowRaw>\n            ))}\n          </TableHeaderRaw>\n          <TableBodyRaw>\n            {loading && rows.length === 0 ? (\n              // Only replace the body with a loading row on the FIRST load; on a\n              // refetch keep the (stale) rows visible while the reload icon spins.\n              <TableRowRaw>\n                <TableCellRaw className=\"h-24 text-center\" colSpan={columns.length}>\n                  {loadingText}\n                </TableCellRaw>\n              </TableRowRaw>\n            ) : rows.length ? (\n              rows.map(row => (\n                <TableRowRaw key={row.id} data-state={row.getIsSelected() && \"selected\"}>\n                  {row.getVisibleCells().map(cell => (\n                    <TableCellRaw key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCellRaw>\n                  ))}\n                </TableRowRaw>\n              ))\n            ) : (\n              <TableRowRaw>\n                <TableCellRaw className=\"text-muted-foreground h-24 text-center\" colSpan={columns.length}>\n                  {emptyText}\n                </TableCellRaw>\n              </TableRowRaw>\n            )}\n          </TableBodyRaw>\n        </TableRaw>\n        {infinite && loadingMore ? (\n          <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3 text-sm\">\n            <Loader2Icon className=\"size-4 animate-spin\" />\n            {loadingMoreText}\n          </div>\n        ) : null}\n        {infinite ? <div ref={sentinelRef} aria-hidden className=\"h-px w-full\" /> : null}\n      </div>\n      {!infinite && table.getPageCount() > 1 ? (\n        <div className=\"flex items-center justify-end gap-2 py-4\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => table.previousPage()} disabled={!table.getCanPreviousPage()}>\n            {previousLabel}\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => table.nextPage()} disabled={!table.getCanNextPage()}>\n            {nextLabel}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../../src/data-table/index.tsx"],"names":["TableHead","TableHeader","TableCell","TableRow","TableBody"],"mappings":"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","file":"index.js","sourcesContent":["import type { Cell, Column, ColumnDef, Header, HeaderGroup, Row, SortingState, Table } from \"@tanstack/react-table\"\nimport { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from \"@tanstack/react-table\"\nimport { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon, Loader2Icon, RefreshCwIcon, SearchIcon } from \"lucide-react\"\nimport type { HTMLAttributes, ReactNode } from \"react\"\nimport { createContext, memo, useCallback, useContext, useEffect, useRef, useState } from \"react\"\nimport { Button } from \"~/ui/primitives/button.js\"\nimport { Input } from \"~/ui/primitives/input.js\"\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  TableBody as TableBodyRaw,\n  TableCell as TableCellRaw,\n  TableHeader as TableHeaderRaw,\n  TableHead as TableHeadRaw,\n  Table as TableRaw,\n  TableRow as TableRowRaw,\n} from \"~/ui/primitives/table.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport type { ColumnDef } from \"@tanstack/react-table\"\n\n\nexport const TableContext = createContext<{\n  data: unknown[]\n  columns: ColumnDef<unknown, unknown>[]\n  table: Table<unknown> | null\n}>({\n  data: [],\n  columns: [],\n  table: null,\n})\n\nexport type TableProviderProps<TData, TValue> = {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  children: ReactNode\n  className?: string\n}\n\nexport function TableProvider<TData, TValue>({ columns, data, children, className }: TableProviderProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    // useState's setter is itself a valid TanStack OnChangeFn (it accepts a\n    // value or an updater fn), so it can be wired directly — type-safe, no cast.\n    onSortingChange: setSorting,\n    state: {\n      sorting,\n    },\n  })\n\n  return (\n    <TableContext.Provider\n      value={{\n        data,\n        columns: columns as never,\n        table: table as never,\n      }}\n    >\n      <TableRaw className={className}>{children}</TableRaw>\n    </TableContext.Provider>\n  )\n}\n\nexport type TableHeadProps = {\n  header: Header<unknown, unknown>\n  className?: string\n}\n\nexport const TableHead = memo(({ header, className }: TableHeadProps) => (\n  <TableHeadRaw className={className} key={header.id}>\n    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n  </TableHeadRaw>\n))\n\nTableHead.displayName = \"TableHead\"\n\nexport type TableHeaderGroupProps = {\n  headerGroup: HeaderGroup<unknown>\n  children: (props: { header: Header<unknown, unknown> }) => ReactNode\n}\n\nexport const TableHeaderGroup = ({ headerGroup, children }: TableHeaderGroupProps) => (\n  <TableRowRaw key={headerGroup.id}>{headerGroup.headers.map(header => children({ header }))}</TableRowRaw>\n)\n\nexport type TableHeaderProps = {\n  className?: string\n  children: (props: { headerGroup: HeaderGroup<unknown> }) => ReactNode\n}\n\nexport const TableHeader = ({ className, children }: TableHeaderProps) => {\n  const { table } = useContext(TableContext)\n\n  return <TableHeaderRaw className={className}>{table?.getHeaderGroups().map(headerGroup => children({ headerGroup }))}</TableHeaderRaw>\n}\n\nexport interface TableColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function TableColumnHeader<TData, TValue>({ column, title, className }: TableColumnHeaderProps<TData, TValue>) {\n  // Extract inline event handlers to prevent unnecessary re-renders\n  const handleSortAsc = useCallback(() => {\n    column.toggleSorting(false)\n  }, [column])\n\n  const handleSortDesc = useCallback(() => {\n    column.toggleSorting(true)\n  }, [column])\n\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button className=\"-ml-3 h-8 data-[state=open]:bg-accent\" size=\"sm\" variant=\"ghost\">\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <ArrowDownIcon className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <ArrowUpIcon className=\"ml-2 h-4 w-4\" />\n            ) : (\n              <ChevronsUpDownIcon className=\"ml-2 h-4 w-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={handleSortAsc}>\n            <ArrowUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={handleSortDesc}>\n            <ArrowDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n\nexport type TableCellProps = {\n  cell: Cell<unknown, unknown>\n  className?: string\n}\n\nexport const TableCell = ({ cell, className }: TableCellProps) => (\n  <TableCellRaw className={className}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCellRaw>\n)\n\nexport type TableRowProps = {\n  row: Row<unknown>\n  children: (props: { cell: Cell<unknown, unknown> }) => ReactNode\n  className?: string\n}\n\nexport const TableRow = ({ row, children, className }: TableRowProps) => (\n  <TableRowRaw className={className} data-state={row.getIsSelected() && \"selected\"} key={row.id}>\n    {row.getVisibleCells().map(cell => children({ cell }))}\n  </TableRowRaw>\n)\n\nexport type TableBodyProps = {\n  children: (props: { row: Row<unknown> }) => ReactNode\n  className?: string\n}\n\nexport const TableBody = ({ children, className }: TableBodyProps) => {\n  const { columns, table } = useContext(TableContext)\n  const rows = table?.getRowModel().rows\n\n  return (\n    <TableBodyRaw className={className}>\n      {rows?.length ? (\n        rows.map(row => children({ row }))\n      ) : (\n        <TableRowRaw>\n          <TableCellRaw className=\"h-24 text-center\" colSpan={columns.length}>\n            No results.\n          </TableCellRaw>\n        </TableRowRaw>\n      )}\n    </TableBodyRaw>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// DataTable — a batteries-included, self-contained paginated table. Unlike the\n// composition primitives above (TableProvider + render-prop parts), this is a\n// drop-in: pass `columns` + `data` and get header, body, empty/loading states\n// and Prev/Next pagination. All user-facing labels are props (English\n// defaults) so apps can feed i18n strings; the component itself ships no copy.\n// ---------------------------------------------------------------------------\n\nexport interface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  /** Show a single-row loading state instead of the body. */\n  loading?: boolean\n  /** Row shown when there are no results. */\n  emptyText?: string\n  /** Row shown while `loading`. */\n  loadingText?: string\n  /** Previous-page button label. */\n  previousLabel?: string\n  /** Next-page button label. */\n  nextLabel?: string\n  /** Rows per page (default 10). Pagination controls appear only when needed. */\n  pageSize?: number\n  /** Extra classes on the bordered table wrapper. */\n  className?: string\n  // --- control bar (all optional; the bar renders only when one is set) ---\n  /** Show a search box that globally filters rows across all accessor columns. */\n  searchable?: boolean\n  /** Placeholder for the search box. */\n  searchPlaceholder?: string\n  /** Show a reload button; called on click. Its icon spins while `loading`. */\n  onReload?: () => void\n  /** Accessible label / tooltip for the reload button. */\n  reloadLabel?: string\n  /** Custom controls rendered on the right of the bar (e.g. a \"New\" button). */\n  toolbar?: ReactNode\n  // --- infinite scroll (opt-in; providing `onLoadMore` switches the table from\n  // Prev/Next pagination to rendering every accumulated row and requesting more\n  // as a bottom sentinel scrolls into view). Data fetching stays with the caller\n  // (e.g. react-query useInfiniteQuery); the table only owns the sentinel. ---\n  /** Called when the bottom sentinel becomes visible and more rows can load. */\n  onLoadMore?: () => void\n  /** Whether another page is available; the sentinel is ignored once false. */\n  hasMore?: boolean\n  /** True while the next page is loading — shows a spinner row and de-dupes calls. */\n  loadingMore?: boolean\n  /** Label beside the bottom spinner. */\n  loadingMoreText?: string\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  loading,\n  emptyText = \"No results.\",\n  loadingText = \"Loading…\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  className,\n  searchable,\n  searchPlaceholder = \"Search…\",\n  onReload,\n  reloadLabel = \"Reload\",\n  toolbar,\n  onLoadMore,\n  hasMore,\n  loadingMore,\n  loadingMoreText = \"Loading more…\",\n}: DataTableProps<TData, TValue>) {\n  const [globalFilter, setGlobalFilter] = useState(\"\")\n  const infinite = Boolean(onLoadMore)\n  const table = useReactTable({\n    data,\n    columns,\n    state: { globalFilter },\n    onGlobalFilterChange: setGlobalFilter,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    // Infinite mode renders every accumulated row; pagination is only wired for\n    // the default finite table.\n    ...(infinite ? {} : { getPaginationRowModel: getPaginationRowModel(), initialState: { pagination: { pageSize } } }),\n  })\n\n  const rows = table.getRowModel().rows\n  const showBar = Boolean(searchable || onReload || toolbar)\n\n  // --- infinite scroll: observe a bottom sentinel and ask the caller for more.\n  // Latest callback/flags are kept in refs so the observer subscribes once. ---\n  const sentinelRef = useRef<HTMLDivElement | null>(null)\n  const onLoadMoreRef = useRef(onLoadMore)\n  onLoadMoreRef.current = onLoadMore\n  const flags = useRef({ hasMore, loadingMore })\n  flags.current = { hasMore, loadingMore }\n  const intersecting = useRef(false)\n\n  const maybeLoadMore = useCallback(() => {\n    if (intersecting.current && flags.current.hasMore && !flags.current.loadingMore) {\n      onLoadMoreRef.current?.()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!infinite) return\n    const el = sentinelRef.current\n    if (!el) return\n    const io = new IntersectionObserver(\n      entries => {\n        intersecting.current = entries[0]?.isIntersecting ?? false\n        maybeLoadMore()\n      },\n      { rootMargin: \"200px\" },\n    )\n    io.observe(el)\n    return () => {\n      io.disconnect()\n    }\n  }, [infinite, maybeLoadMore])\n\n  // A freshly loaded page can leave the sentinel still on-screen; the observer\n  // won't re-fire on its own, so re-check whenever the rows or flags change.\n  useEffect(() => {\n    if (infinite) maybeLoadMore()\n  }, [infinite, rows.length, loadingMore, hasMore, maybeLoadMore])\n\n  return (\n    <div>\n      {showBar ? (\n        <div className=\"flex items-center gap-2 pb-4\">\n          {searchable ? (\n            <div className=\"relative w-full max-w-xs\">\n              <SearchIcon className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2\" />\n              <Input\n                value={globalFilter}\n                onChange={e => table.setGlobalFilter(e.target.value)}\n                placeholder={searchPlaceholder}\n                className=\"pl-8\"\n              />\n            </div>\n          ) : null}\n          {onReload || toolbar ? (\n            <div className=\"ml-auto flex items-center gap-2\">\n              {toolbar}\n              {onReload ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"icon-sm\"\n                  onClick={onReload}\n                  disabled={loading}\n                  aria-label={reloadLabel}\n                  title={reloadLabel}\n                >\n                  <RefreshCwIcon className={cn(\"size-4\", loading && \"animate-spin\")} />\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n      <div className={cn(\"overflow-hidden border\", className)}>\n        <TableRaw>\n          <TableHeaderRaw>\n            {table.getHeaderGroups().map(hg => (\n              <TableRowRaw key={hg.id}>\n                {hg.headers.map(header => (\n                  <TableHeadRaw key={header.id}>\n                    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHeadRaw>\n                ))}\n              </TableRowRaw>\n            ))}\n          </TableHeaderRaw>\n          <TableBodyRaw>\n            {loading && rows.length === 0 ? (\n              // Only replace the body with a loading row on the FIRST load; on a\n              // refetch keep the (stale) rows visible while the reload icon spins.\n              <TableRowRaw>\n                <TableCellRaw className=\"h-24 text-center\" colSpan={columns.length}>\n                  {loadingText}\n                </TableCellRaw>\n              </TableRowRaw>\n            ) : rows.length ? (\n              rows.map(row => (\n                <TableRowRaw key={row.id} data-state={row.getIsSelected() && \"selected\"}>\n                  {row.getVisibleCells().map(cell => (\n                    <TableCellRaw key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCellRaw>\n                  ))}\n                </TableRowRaw>\n              ))\n            ) : (\n              <TableRowRaw>\n                <TableCellRaw className=\"text-muted-foreground h-24 text-center\" colSpan={columns.length}>\n                  {emptyText}\n                </TableCellRaw>\n              </TableRowRaw>\n            )}\n          </TableBodyRaw>\n        </TableRaw>\n        {infinite && loadingMore ? (\n          <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3 text-sm\">\n            <Loader2Icon className=\"size-4 animate-spin\" />\n            {loadingMoreText}\n          </div>\n        ) : null}\n        {infinite ? <div ref={sentinelRef} aria-hidden className=\"h-px w-full\" /> : null}\n      </div>\n      {!infinite && table.getPageCount() > 1 ? (\n        <div className=\"flex items-center justify-end gap-2 py-4\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => table.previousPage()} disabled={!table.getCanPreviousPage()}>\n            {previousLabel}\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => table.nextPage()} disabled={!table.getCanNextPage()}>\n            {nextLabel}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"]}

package/dist/people/index.d.ts

@@ -0,0 +1,170 @@
+import * as React$1 from 'react';
+
+/**
+ * The shape the pickers render.
+ *
+ * Deliberately NOT contact's `Person` type. lyra must not know that a service called
+ * contact exists: if it imported that type, every field contact adds would force a
+ * lyra release and re-lock every app that consumes it. Each app maps its own DTO onto
+ * this in about five lines, and only that app changes when its source changes.
+ *
+ * It covers people AND groups/orgs because the pickers are used to grant access as
+ * often as to address a message, and "share with the Legal team" is the same gesture
+ * as "share with Ada".
+ */
+interface Principal<T = unknown> {
+    /**
+     * The caller's own object, handed straight back on select.
+     *
+     * A picker's job is to answer "which one", but the app almost always needs more
+     * than what it renders — contact needs the contactId to open the right editor,
+     * drive needs the grantee kind. Without this the app has to rebuild a lookup from
+     * the key it just handed out, which is a map that exists only because the type
+     * threw information away.
+     */
+    data?: T;
+    /** Stable id in the caller's world: a uid, a group id, an org id. */
+    id?: string;
+    email?: string;
+    displayName?: string;
+    avatarUrl?: string;
+    /** One line under the name: a title, an org, "in your contacts". */
+    subtitle?: string;
+    kind?: "person" | "group" | "org";
+}
+/**
+ * How the app finds candidates. Injected, never implemented here.
+ *
+ * An EMPTY query is a legitimate call and should return the caller's recent or
+ * frequent people — that is what makes a picker feel like it knows you rather than
+ * like a search box you have to feed first.
+ *
+ * The signal is passed so a fast typist does not race their own requests; the picker
+ * aborts the previous lookup on every keystroke.
+ */
+type PrincipalSearch<T = unknown> = (query: string, signal?: AbortSignal) => Promise<Principal<T>[]>;
+/** Labels are injected: lyra ships no copy and no i18n runtime. */
+interface PeopleLabels {
+    placeholder?: string;
+    /** Shown while the list is empty and nothing has been typed. */
+    hint?: string;
+    noResults?: string;
+    /** Offer to use a typed address that matched nothing, e.g. "Use {email}". */
+    useTyped?: string;
+    /** Marks an entry the caller excluded, e.g. "already added". */
+    excluded?: string;
+    remove?: string;
+}
+/** A plausible email. Not RFC-complete on purpose — this gates a UI affordance,
+ *  and the server validates for real. Being strict here only refuses addresses that
+ *  actually work. */
+declare function looksLikeEmail(s: string): boolean;
+/** The key a principal is deduped and excluded by. */
+declare function principalKey(p: Principal<unknown>): string;
+
+/**
+ * Initials for the avatar fallback. Falls back through name → email → "?" so a
+ * principal that is nothing but a typed address still renders as something.
+ */
+declare function initials(p: Principal): string;
+declare function PersonAvatar({ principal, className, }: {
+    principal: Principal;
+    className?: string;
+}): React$1.JSX.Element;
+/**
+ * One line: avatar, name, and whatever the app chose to say underneath.
+ *
+ * Shared by the picker, the token field and any table that lists people — a person
+ * rendered three different ways in three apps is how a suite stops feeling like one
+ * product.
+ */
+declare function PersonRow({ principal, className, trailing, }: {
+    principal: Principal;
+    className?: string;
+    /** Slot for whatever the caller attaches per person: a role select, a remove button. */
+    trailing?: React.ReactNode;
+}): React$1.JSX.Element;
+
+interface PeoplePickerProps<T = unknown> {
+    /** Injected by the app — lyra never knows where people come from. */
+    search: PrincipalSearch<T>;
+    onSelect: (p: Principal<T>) => void;
+    /** Already-chosen keys (id or email): shown dimmed, not hidden. */
+    exclude?: string[];
+    /**
+     * Offer a typed address that matched nothing. Essential wherever the other party
+     * is a stranger by definition (a contract counterparty), and wrong wherever they
+     * must already exist (adding somebody to an org).
+     */
+    allowFreeEntry?: boolean;
+    labels?: PeopleLabels;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Pick one person (or group, or org), from a popover.
+ *
+ * Filtering is SERVER-side — `shouldFilter={false}` — because ranking is the point:
+ * the backend knows who this user actually works with, and cmdk's local fuzzy match
+ * would reorder that into alphabetical noise.
+ */
+declare function PeoplePicker<T = unknown>({ search, onSelect, exclude, allowFreeEntry, labels, disabled, className, }: PeoplePickerProps<T>): React$1.JSX.Element;
+
+interface PeopleFieldProps<T = unknown> {
+    search: PrincipalSearch<T>;
+    /** Chosen so far — rendered as tokens. */
+    value: Principal<T>[];
+    onAdd: (p: Principal<T>) => void;
+    onRemove: (p: Principal<T>) => void;
+    allowFreeEntry?: boolean;
+    labels?: PeopleLabels;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * A To:-style token field: type, pick, repeat.
+ *
+ * The popover picker and this are NOT the same component with a flag. A "To" line is
+ * used dozens of times a minute and lives or dies on keyboard flow — type, Enter,
+ * type, Enter, Backspace to undo — whereas a share dialog is opened once and clicked
+ * through. Forcing one into the other's shape produces something that is bad at both.
+ *
+ * Paste is handled: a list copied out of a spreadsheet or another mail client arrives
+ * as "a@x.com, b@y.com; c@z.com" and becomes three tokens, because the alternative is
+ * the user hand-splitting it.
+ */
+declare function PeopleField<T = unknown>({ search, value, onAdd, onRemove, allowFreeEntry, labels, disabled, className, }: PeopleFieldProps<T>): React$1.JSX.Element;
+
+interface UsePrincipalSearchOptions<T = unknown> {
+    search: PrincipalSearch<T>;
+    /** Keys (id or email) to mark as already chosen. */
+    exclude?: string[];
+    /** Milliseconds to wait after the last keystroke. */
+    debounceMs?: number;
+    limit?: number;
+}
+interface PrincipalSearchState<T = unknown> {
+    query: string;
+    setQuery: (q: string) => void;
+    results: Principal<T>[];
+    loading: boolean;
+    error: string | null;
+    /** Excluded keys, lowercased — the UI dims these rather than hiding them. */
+    excluded: Set<string>;
+}
+/**
+ * The behaviour both pickers share: debounce, abort the previous request, keep the
+ * last results visible while the next ones load.
+ *
+ * Two decisions worth keeping:
+ *
+ *   - **Results are NOT cleared while loading.** Emptying the list on every keystroke
+ *     makes a picker flicker between "here they are" and "nothing found", and users
+ *     read that flash as a failed search.
+ *   - **Excluded entries stay in the list, dimmed.** Removing them makes the search
+ *     look broken to the one person who most expects a hit — "I know Ada is in here,
+ *     why can't I find her?" — when the truth is she is already added.
+ */
+declare function usePrincipalSearch<T = unknown>({ search, exclude, debounceMs, limit, }: UsePrincipalSearchOptions<T>): PrincipalSearchState<T>;
+
+export { PeopleField, type PeopleFieldProps, type PeopleLabels, PeoplePicker, type PeoplePickerProps, PersonAvatar, PersonRow, type Principal, type PrincipalSearch, type PrincipalSearchState, type UsePrincipalSearchOptions, initials, looksLikeEmail, principalKey, usePrincipalSearch };

package/dist/people/index.js

@@ -0,0 +1,319 @@
+"use client";
+import '../chunk-PL37KFRJ.js';
+import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-5M44N7SV.js';
+import '../chunk-APYQOJAJ.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../chunk-7GY2KYNW.js';
+import { Input } from '../chunk-PI6SANLG.js';
+import { Button } from '../chunk-5Q4UTRYU.js';
+import { cn } from '../chunk-XH55BHUU.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { ChevronsUpDown, X } from 'lucide-react';
+
+// src/people/types.ts
+function looksLikeEmail(s) {
+  const v = s.trim();
+  return v.length >= 3 && !/\s/.test(v) && /^[^@]+@[^@.]+\.[^@]+$/.test(v);
+}
+function principalKey(p) {
+  return (p.id || p.email || p.displayName || "").toLowerCase();
+}
+function initials(p) {
+  const src = (p.displayName || "").trim() || p.email || "?";
+  const parts = src.split(/\s+/).filter(Boolean);
+  if (parts.length >= 2 && parts[0] && parts[1]) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return src.slice(0, 2).toUpperCase();
+}
+function PersonAvatar({
+  principal,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Avatar, { className, children: [
+    principal.avatarUrl ? /* @__PURE__ */ jsx(AvatarImage, { src: principal.avatarUrl, alt: principal.displayName ?? "" }) : null,
+    /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: initials(principal) })
+  ] });
+}
+function PersonRow({
+  principal,
+  className,
+  trailing
+}) {
+  const name = principal.displayName || principal.email || "\u2014";
+  const sub = principal.subtitle && principal.subtitle !== name ? principal.subtitle : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-3", className), children: [
+    /* @__PURE__ */ jsx(PersonAvatar, { principal, className: "size-8 shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: name }),
+      sub ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground truncate text-xs", children: sub }) : null
+    ] }),
+    trailing
+  ] });
+}
+function usePrincipalSearch({
+  search,
+  exclude,
+  debounceMs = 200,
+  limit
+}) {
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const excluded = React.useMemo(
+    () => new Set((exclude ?? []).filter(Boolean).map((k) => k.toLowerCase())),
+    [exclude]
+  );
+  const searchRef = React.useRef(search);
+  searchRef.current = search;
+  React.useEffect(() => {
+    const controller = new AbortController();
+    let cancelled = false;
+    const timer = setTimeout(() => {
+      setLoading(true);
+      setError(null);
+      searchRef.current(query, controller.signal).then((found) => {
+        if (cancelled) return;
+        const seen = /* @__PURE__ */ new Set();
+        const deduped = found.filter((p) => {
+          const k = principalKey(p);
+          if (!k || seen.has(k)) return false;
+          seen.add(k);
+          return true;
+        });
+        setResults(limit ? deduped.slice(0, limit) : deduped);
+      }).catch((e) => {
+        if (cancelled || e instanceof DOMException && e.name === "AbortError") return;
+        setError(e instanceof Error ? e.message : String(e));
+      }).finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    }, query ? debounceMs : 0);
+    return () => {
+      cancelled = true;
+      controller.abort();
+      clearTimeout(timer);
+    };
+  }, [query, debounceMs, limit]);
+  return { query, setQuery, results, loading, error, excluded };
+}
+function PeoplePicker({
+  search,
+  onSelect,
+  exclude,
+  allowFreeEntry,
+  labels,
+  disabled,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const { query, setQuery, results, loading, excluded } = usePrincipalSearch({
+    search,
+    exclude
+  });
+  const typedEmail = allowFreeEntry && looksLikeEmail(query) ? query.trim() : "";
+  const alreadyListed = results.some((p) => p.email?.toLowerCase() === typedEmail.toLowerCase());
+  const offerTyped = typedEmail !== "" && !alreadyListed;
+  function choose(p) {
+    onSelect(p);
+    setOpen(false);
+    setQuery("");
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn("text-muted-foreground w-full justify-between font-normal", className),
+        children: [
+          labels?.placeholder ?? "Search people",
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[22rem] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsx(
+        CommandInput,
+        {
+          value: query,
+          onValueChange: setQuery,
+          placeholder: labels?.placeholder ?? "Search people"
+        }
+      ),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        results.length === 0 && !offerTyped && !loading ? /* @__PURE__ */ jsx(CommandEmpty, { children: query ? labels?.noResults ?? "No matches" : labels?.hint ?? "Start typing" }) : null,
+        offerTyped ? /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(
+          CommandItem,
+          {
+            value: "__typed__",
+            onSelect: () => choose({ email: typedEmail, kind: "person" }),
+            children: [
+              /* @__PURE__ */ jsx(
+                PersonRow,
+                {
+                  principal: { email: typedEmail, displayName: typedEmail }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: labels?.useTyped ?? "Use this address" })
+            ]
+          }
+        ) }) : null,
+        results.length > 0 ? /* @__PURE__ */ jsx(CommandGroup, { children: results.map((p, i) => {
+          const off = excluded.has(principalKey(p));
+          return /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: String(i),
+              disabled: off,
+              onSelect: () => !off && choose(p),
+              className: cn(off && "opacity-50"),
+              children: [
+                /* @__PURE__ */ jsx(PersonRow, { principal: p }),
+                off ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: labels?.excluded ?? "already added" }) : null
+              ]
+            },
+            principalKey(p) || i
+          );
+        }) }) : null
+      ] })
+    ] }) })
+  ] });
+}
+function PeopleField({
+  search,
+  value,
+  onAdd,
+  onRemove,
+  allowFreeEntry,
+  labels,
+  disabled,
+  className
+}) {
+  const [focused, setFocused] = React.useState(false);
+  const exclude = React.useMemo(() => value.map(principalKey), [value]);
+  const { query, setQuery, results, excluded } = usePrincipalSearch({ search, exclude, limit: 6 });
+  const chosen = React.useMemo(() => new Set(exclude), [exclude]);
+  const typedEmail = allowFreeEntry && looksLikeEmail(query) ? query.trim() : "";
+  function add(p) {
+    const k = principalKey(p);
+    if (!k || chosen.has(k)) return;
+    onAdd(p);
+    setQuery("");
+  }
+  function onKeyDown(e) {
+    if ((e.key === "Enter" || e.key === "Tab" || e.key === ",") && query.trim()) {
+      const pick = results.find((p) => !excluded.has(principalKey(p)));
+      if (pick) {
+        e.preventDefault();
+        add(pick);
+      } else if (typedEmail) {
+        e.preventDefault();
+        add({ email: typedEmail, kind: "person" });
+      }
+      return;
+    }
+    if (e.key === "Backspace" && query === "" && value.length > 0) {
+      onRemove(value[value.length - 1]);
+    }
+  }
+  function onPaste(e) {
+    const text = e.clipboardData.getData("text");
+    const parts = text.split(/[,;\s]+/).map((s) => s.trim()).filter(Boolean);
+    if (parts.length < 2) return;
+    e.preventDefault();
+    for (const part of parts) {
+      if (looksLikeEmail(part)) add({ email: part, kind: "person" });
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "border-input focus-within:ring-ring flex min-h-10 flex-wrap items-center gap-1.5 rounded-md border px-2 py-1.5 focus-within:ring-1",
+          disabled && "opacity-50"
+        ),
+        children: [
+          value.map((p) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "bg-muted flex items-center gap-1.5 rounded-full py-0.5 pl-0.5 pr-2 text-xs",
+              children: [
+                /* @__PURE__ */ jsx(PersonAvatar, { principal: p, className: "size-5" }),
+                /* @__PURE__ */ jsx("span", { className: "max-w-40 truncate", children: p.displayName || p.email }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": labels?.remove ?? "Remove",
+                    onClick: () => onRemove(p),
+                    disabled,
+                    className: "opacity-60 hover:opacity-100",
+                    children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                  }
+                )
+              ]
+            },
+            principalKey(p)
+          )),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: query,
+              disabled,
+              placeholder: value.length === 0 ? labels?.placeholder ?? "Add people" : void 0,
+              onChange: (e) => setQuery(e.target.value),
+              onKeyDown,
+              onPaste,
+              onFocus: () => setFocused(true),
+              onBlur: () => setTimeout(() => setFocused(false), 150),
+              className: "h-7 min-w-40 flex-1 border-0 bg-transparent px-1 shadow-none focus-visible:ring-0"
+            }
+          )
+        ]
+      }
+    ),
+    focused && (results.length > 0 || typedEmail) ? /* @__PURE__ */ jsxs("div", { className: "bg-popover max-h-64 overflow-auto rounded-md border p-1 shadow-md", children: [
+      typedEmail && !results.some((p) => p.email === typedEmail) ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => add({ email: typedEmail, kind: "person" }),
+          className: "hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left",
+          children: [
+            /* @__PURE__ */ jsx(PersonRow, { principal: { email: typedEmail, displayName: typedEmail } }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: labels?.useTyped ?? "Use this address" })
+          ]
+        }
+      ) : null,
+      results.map((p) => {
+        const off = excluded.has(principalKey(p));
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled: off,
+            onClick: () => add(p),
+            className: cn(
+              "hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left",
+              off && "opacity-50"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(PersonRow, { principal: p }),
+              off ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs", children: labels?.excluded ?? "already added" }) : null
+            ]
+          },
+          principalKey(p)
+        );
+      })
+    ] }) : null
+  ] });
+}
+
+export { PeopleField, PeoplePicker, PersonAvatar, PersonRow, initials, looksLikeEmail, principalKey, usePrincipalSearch };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map