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

package/dist/{ShareBar-3Z5np-NY.cjs.map → ShareBar-DERy_egz.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareBar-3Z5np-NY.cjs","names":["cn","Txt","ChevronDownIcon","ChevronUpIcon","_Fragment","Skeleton","cn","Txt","cn","useState","Txt","_Fragment"],"sources":["../src/ds/components/ShareBar/share-bar-classes.ts","../src/ds/components/ShareBar/share-bar-row.tsx","../src/ds/components/ShareBar/share-bar-rows.ts","../src/ds/components/ShareBar/share-bar-show-more.tsx","../src/ds/components/ShareBar/share-bar-skeleton.tsx","../src/ds/components/ShareBar/share-bar.tsx"],"sourcesContent":["export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShownRow } from './share-bar-rows';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareBarRowViewProps = {\n  row: ShownRow;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  /** The row's share, formatted. */\n  share: string;\n  highlighted: boolean;\n  dimmed: boolean;\n  onHover: () => void;\n  LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareBarRowView({\n  row,\n  columns,\n  valueWidth,\n  share,\n  highlighted,\n  dimmed,\n  onHover,\n  LinkComponent,\n}: ShareBarRowViewProps) {\n  const className = cn(ROW, highlighted && 'bg-fill-subtle', (row.href || row.onClick) && 'hover:bg-fill-subtle');\n  return (\n    <li>\n      <RowShell\n        row={row}\n        LinkComponent={LinkComponent}\n        className={className}\n        style={{ opacity: dimmed ? 0.5 : 1 }}\n        onMouseEnter={onHover}\n      >\n        <span\n          className=\"size-2 shrink-0 rounded-[2px]\"\n          style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n        />\n        <RowLabel row={row} />\n        {columns.map((c, i) => (\n          <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n            {row.cells?.[i]}\n          </span>\n        ))}\n        <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n        <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n      </RowShell>\n    </li>\n  );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n  row,\n  LinkComponent,\n  ...props\n}: {\n  row: ShownRow;\n  LinkComponent?: ElementType;\n  className: string;\n  style: CSSProperties;\n  onMouseEnter: () => void;\n  children: ReactNode;\n}) {\n  if (row.href) {\n    const Anchor = LinkComponent ?? 'a';\n    return <Anchor href={row.href} {...props} />;\n  }\n  if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n  return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n  if (typeof row.label !== 'string') {\n    return (\n      <span className=\"flex min-w-0 flex-1\" title={row.title}>\n        {row.label}\n      </span>\n    );\n  }\n  return (\n    <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n      <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n        {row.label}\n      </Txt>\n    </span>\n  );\n}\n","import type { ShareBarProps, ShareBarRow } from './share-bar-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the bar segment it highlights. */\nexport type ShownRow = ShareBarRow & { paint: Paint; segment: string };\n\nexport type BarSegment = { key: string; paint: Paint; /** flex-grow, in percent of the bar. */ grow: number };\n\ntype Palette = NonNullable<ShareBarProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n  if (palette === 'hues') {\n    // A lead color from the palette moves to the front. Any other color leads the violet and teal\n    // hues first: custom leads are usually green or blue, which sit next to the palette's own\n    // green and sky.\n    const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n    return Array.from({ length: count }, (_, i) => ({\n      color: hues[i % hues.length] ?? base,\n      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n    }));\n  }\n  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: ShareBarRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: ShareBarRow[]): ShareBarRow[] {\n  return rows\n    .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n    .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n  ranked: ShareBarRow[],\n  { limit, other, color, palette }: Colors & Pick<ShareBarProps, 'other'> & { limit: number },\n) {\n  if (ranked.length <= limit + 1) {\n    const bar = paintRows(ranked, color, palette);\n    return { shown: bar, bar, rest: [] };\n  }\n  const rest = ranked.slice(limit);\n  const folded = other?.(rest);\n  const otherRow: ShownRow = {\n    key: REST_KEY,\n    label: `Other (${rest.length})`,\n    share: sumShares(rest),\n    value: folded?.value,\n    cells: folded?.cells,\n    paint: REST,\n    segment: REST_KEY,\n  };\n  const bar = paintRows(ranked.slice(0, limit), color, palette);\n  return { shown: [...bar, otherRow], bar, rest };\n}\n\nfunction paintRows(rows: ShareBarRow[], color: string, palette: Palette): ShownRow[] {\n  const colors = rowColors(color, rows.length, palette);\n  return rows.map((r, i) => ({ ...r, paint: ownPaint(r) ?? colors[i] ?? REST, segment: r.key }));\n}\n\nconst ownPaint = (row: ShareBarRow): Paint | undefined => (row.color ? { color: row.color, alpha: 1 } : undefined);\n\n/**\n * The first `count` rows. The top rows have their own segments, and rows past the bar's own\n * segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(ranked: ShareBarRow[], { count, color, palette }: Colors & { count: number }) {\n  const own = Math.min(count, ranked.length, SEGMENTS);\n  const bar = paintRows(ranked.slice(0, own), color, palette);\n  const gray = ranked.slice(own, count).map(r => ({ ...r, paint: REST, segment: REST_KEY }));\n  return { shown: [...bar, ...gray], bar, rest: ranked.slice(own) };\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function barSegments(bar: ShownRow[], rest: ShareBarRow[]): BarSegment[] {\n  const own = bar.map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n  const segments = [...own, ...gray].filter(s => s.share > 0);\n  // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n  // would leave the rest of the bar empty.\n  const total = segments.reduce((sum, s) => sum + s.share, 0);\n  return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The bar segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n  if (hover === undefined) return undefined;\n  return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n  if (hover === undefined || hover === row.key) return false;\n  return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n  const r = n / (total || 1);\n  if (!(r > 0)) return '0%';\n  if (r < 0.001) return '<0.1%';\n  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n  shown,\n  total,\n  limit,\n  pageSize,\n  onMore,\n  onLess,\n}: {\n  shown: number;\n  total: number;\n  limit: number;\n  pageSize: number;\n  onMore: () => void;\n  onLess: () => void;\n}) {\n  if (total <= limit) return null;\n  const left = total - shown;\n  const button =\n    'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n  const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n  return (\n    <li className=\"-mx-2 flex items-center gap-1\">\n      {left > 0 && (\n        <button type=\"button\" onClick={onMore} className={button}>\n          <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n          Show {Math.min(left, pageSize)} more\n        </button>\n      )}\n      {shown > limit && (\n        <button type=\"button\" onClick={onLess} className={button}>\n          <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n          Show top {limit}\n        </button>\n      )}\n      {left > 0 && (\n        <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n          {n.format(shown)} of {n.format(total)}\n        </span>\n      )}\n    </li>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n  return (\n    <>\n      {'​'}\n      <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n    </>\n  );\n}\n\n/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */\nexport function ShareBarSkeleton({\n  rows,\n  columns,\n  valueWidth,\n  header,\n}: {\n  rows: number;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  header: ReactNode;\n}) {\n  return (\n    <>\n      <div className=\"flex h-2\">\n        <Skeleton className=\"size-full rounded-full\" />\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n        {Array.from({ length: rows }, (_, i) => (\n          <li key={i} className={ROW}>\n            <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n            <span className=\"min-w-0 flex-1\">\n              <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n                <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n              </Txt>\n            </span>\n            {columns.map(c => (\n              <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n                <Bar className=\"right-0 w-10\" />\n              </span>\n            ))}\n            <span className={cn(NUM, 'relative w-12')}>\n              <Bar className=\"right-0 w-9\" />\n            </span>\n            <span className={cn(NUM, 'relative', valueWidth)}>\n              <Bar className=\"right-0 w-12\" />\n            </span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ShareBarRowView } from './share-bar-row';\nimport {\n  DEFAULT_COLOR,\n  barSegments,\n  fmtShare,\n  foldRows,\n  hoveredSegment,\n  isRowDimmed,\n  isSegmentDimmed,\n  pageRows,\n  rankRows,\n  sumShares,\n} from './share-bar-rows';\nimport { ShowMore } from './share-bar-show-more';\nimport { ShareBarSkeleton } from './share-bar-skeleton';\nimport type { ShareBarColumn, ShareBarProps } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key\n * it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no\n * tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of\n * figures (many columns, sorting, pages), use `MetricsTable`.\n */\nexport function ShareBar({ className, ...props }: ShareBarProps) {\n  return (\n    <div className={cn('grid grid-cols-1', className)}>\n      <ShareBarBody {...props} />\n    </div>\n  );\n}\n\n/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */\nfunction ShareBarBody({\n  rows,\n  columns = [],\n  valueLabel,\n  valueWidth = 'w-14',\n  palette = 'shades',\n  color = DEFAULT_COLOR,\n  limit = 5,\n  overflow = 'other',\n  pageSize = 50,\n  other,\n  emptyState = 'No data in this range.',\n  isLoading = false,\n  LinkComponent,\n}: Omit<ShareBarProps, 'className'>) {\n  const [hover, setHover] = useState<string>();\n  // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n  const [pages, setPages] = useState(0);\n  const count = limit + pages * pageSize;\n  const header = <ShareBarHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />;\n\n  if (isLoading) {\n    return (\n      <ShareBarSkeleton\n        rows={overflow === 'other' ? limit + 1 : limit}\n        columns={columns}\n        valueWidth={valueWidth}\n        header={header}\n      />\n    );\n  }\n\n  const ranked = rankRows(rows);\n  if (ranked.length === 0) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n        {emptyState}\n      </Txt>\n    );\n  }\n\n  const total = sumShares(ranked);\n  const paging = overflow === 'more';\n  const { shown, bar, rest } = paging\n    ? pageRows(ranked, { count, color, palette })\n    : foldRows(ranked, { limit, other, color, palette });\n  const segments = barSegments(bar, rest);\n  const litSegment = hoveredSegment(shown, hover);\n  const clearHover = () => setHover(undefined);\n\n  return (\n    <>\n      <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n        {segments.map(s => (\n          <span\n            key={s.key}\n            data-testid=\"share-bar-segment\"\n            onMouseEnter={() => setHover(s.key)}\n            className=\"h-full min-w-[3px] first:rounded-l-full last:rounded-r-full\"\n            style={{\n              flex: `${s.grow} 1 0`,\n              backgroundColor: s.paint.color,\n              opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n            }}\n          />\n        ))}\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n        {shown.map(r => (\n          <ShareBarRowView\n            key={r.key}\n            row={r}\n            columns={columns}\n            valueWidth={valueWidth}\n            share={fmtShare(r.share, total)}\n            highlighted={hover === r.key}\n            dimmed={isRowDimmed(r, hover)}\n            onHover={() => setHover(r.key)}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n        {paging && (\n          <ShowMore\n            shown={Math.min(count, ranked.length)}\n            total={ranked.length}\n            limit={limit}\n            pageSize={pageSize}\n            onMore={() => setPages(p => p + 1)}\n            onLess={() => setPages(0)}\n          />\n        )}\n      </ul>\n    </>\n  );\n}\n\n/** Column headers between the bar and the rows, right above the values they label. */\nfunction ShareBarHeader({\n  columns,\n  valueLabel,\n  valueWidth,\n}: {\n  columns: ShareBarColumn[];\n  valueLabel: string;\n  valueWidth: string;\n}) {\n  const cells = [\n    ...columns.map(c => ({ label: c.label, width: c.width ?? 'w-16' })),\n    { label: 'Share', width: 'w-12' },\n    { label: valueLabel, width: valueWidth },\n  ];\n  return (\n    <div aria-hidden className=\"flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder\">\n      {cells.map(cell => (\n        <span key={cell.label} className={cn('shrink-0 text-right whitespace-nowrap', cell.width)}>\n          {cell.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShareBar-DERy_egz.cjs","names":["cn","Txt","ChevronDownIcon","ChevronUpIcon","_Fragment","Skeleton","cn","Txt","cn","useState","Txt","_Fragment"],"sources":["../src/ds/components/ShareBar/share-bar-classes.ts","../src/ds/components/ShareBar/share-bar-row.tsx","../src/ds/components/ShareBar/share-bar-rows.ts","../src/ds/components/ShareBar/share-bar-show-more.tsx","../src/ds/components/ShareBar/share-bar-skeleton.tsx","../src/ds/components/ShareBar/share-bar.tsx"],"sourcesContent":["export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShownRow } from './share-bar-rows';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareBarRowViewProps = {\n  row: ShownRow;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  /** The row's share, formatted. */\n  share: string;\n  highlighted: boolean;\n  dimmed: boolean;\n  onHover: () => void;\n  LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareBarRowView({\n  row,\n  columns,\n  valueWidth,\n  share,\n  highlighted,\n  dimmed,\n  onHover,\n  LinkComponent,\n}: ShareBarRowViewProps) {\n  const className = cn(ROW, highlighted && 'bg-fill-subtle', (row.href || row.onClick) && 'hover:bg-fill-subtle');\n  return (\n    <li>\n      <RowShell\n        row={row}\n        LinkComponent={LinkComponent}\n        className={className}\n        style={{ opacity: dimmed ? 0.5 : 1 }}\n        onMouseEnter={onHover}\n      >\n        <span\n          className=\"size-2 shrink-0 rounded-[2px]\"\n          style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n        />\n        <RowLabel row={row} />\n        {columns.map((c, i) => (\n          <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n            {row.cells?.[i]}\n          </span>\n        ))}\n        <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n        <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n      </RowShell>\n    </li>\n  );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n  row,\n  LinkComponent,\n  ...props\n}: {\n  row: ShownRow;\n  LinkComponent?: ElementType;\n  className: string;\n  style: CSSProperties;\n  onMouseEnter: () => void;\n  children: ReactNode;\n}) {\n  if (row.href) {\n    const Anchor = LinkComponent ?? 'a';\n    return <Anchor href={row.href} {...props} />;\n  }\n  if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n  return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n  if (typeof row.label !== 'string') {\n    return (\n      <span className=\"flex min-w-0 flex-1\" title={row.title}>\n        {row.label}\n      </span>\n    );\n  }\n  return (\n    <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n      <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n        {row.label}\n      </Txt>\n    </span>\n  );\n}\n","import type { ShareBarProps, ShareBarRow } from './share-bar-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the bar segment it highlights. */\nexport type ShownRow = ShareBarRow & { paint: Paint; segment: string };\n\nexport type BarSegment = { key: string; paint: Paint; /** flex-grow, in percent of the bar. */ grow: number };\n\ntype Palette = NonNullable<ShareBarProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n  if (palette === 'hues') {\n    // A lead color from the palette moves to the front. Any other color leads the violet and teal\n    // hues first: custom leads are usually green or blue, which sit next to the palette's own\n    // green and sky.\n    const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n    return Array.from({ length: count }, (_, i) => ({\n      color: hues[i % hues.length] ?? base,\n      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n    }));\n  }\n  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: ShareBarRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: ShareBarRow[]): ShareBarRow[] {\n  return rows\n    .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n    .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n  ranked: ShareBarRow[],\n  { limit, other, color, palette }: Colors & Pick<ShareBarProps, 'other'> & { limit: number },\n) {\n  if (ranked.length <= limit + 1) {\n    const bar = paintRows(ranked, color, palette);\n    return { shown: bar, bar, rest: [] };\n  }\n  const rest = ranked.slice(limit);\n  const folded = other?.(rest);\n  const otherRow: ShownRow = {\n    key: REST_KEY,\n    label: `Other (${rest.length})`,\n    share: sumShares(rest),\n    value: folded?.value,\n    cells: folded?.cells,\n    paint: REST,\n    segment: REST_KEY,\n  };\n  const bar = paintRows(ranked.slice(0, limit), color, palette);\n  return { shown: [...bar, otherRow], bar, rest };\n}\n\nfunction paintRows(rows: ShareBarRow[], color: string, palette: Palette): ShownRow[] {\n  const colors = rowColors(color, rows.length, palette);\n  return rows.map((r, i) => ({ ...r, paint: ownPaint(r) ?? colors[i] ?? REST, segment: r.key }));\n}\n\nconst ownPaint = (row: ShareBarRow): Paint | undefined => (row.color ? { color: row.color, alpha: 1 } : undefined);\n\n/**\n * The first `count` rows. The top rows have their own segments, and rows past the bar's own\n * segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(ranked: ShareBarRow[], { count, color, palette }: Colors & { count: number }) {\n  const own = Math.min(count, ranked.length, SEGMENTS);\n  const bar = paintRows(ranked.slice(0, own), color, palette);\n  const gray = ranked.slice(own, count).map(r => ({ ...r, paint: REST, segment: REST_KEY }));\n  return { shown: [...bar, ...gray], bar, rest: ranked.slice(own) };\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function barSegments(bar: ShownRow[], rest: ShareBarRow[]): BarSegment[] {\n  const own = bar.map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n  const segments = [...own, ...gray].filter(s => s.share > 0);\n  // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n  // would leave the rest of the bar empty.\n  const total = segments.reduce((sum, s) => sum + s.share, 0);\n  return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The bar segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n  if (hover === undefined) return undefined;\n  return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n  if (hover === undefined || hover === row.key) return false;\n  return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n  const r = n / (total || 1);\n  if (!(r > 0)) return '0%';\n  if (r < 0.001) return '<0.1%';\n  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n  shown,\n  total,\n  limit,\n  pageSize,\n  onMore,\n  onLess,\n}: {\n  shown: number;\n  total: number;\n  limit: number;\n  pageSize: number;\n  onMore: () => void;\n  onLess: () => void;\n}) {\n  if (total <= limit) return null;\n  const left = total - shown;\n  const button =\n    'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n  const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n  return (\n    <li className=\"-mx-2 flex items-center gap-1\">\n      {left > 0 && (\n        <button type=\"button\" onClick={onMore} className={button}>\n          <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n          Show {Math.min(left, pageSize)} more\n        </button>\n      )}\n      {shown > limit && (\n        <button type=\"button\" onClick={onLess} className={button}>\n          <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n          Show top {limit}\n        </button>\n      )}\n      {left > 0 && (\n        <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n          {n.format(shown)} of {n.format(total)}\n        </span>\n      )}\n    </li>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n  return (\n    <>\n      {'​'}\n      <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n    </>\n  );\n}\n\n/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */\nexport function ShareBarSkeleton({\n  rows,\n  columns,\n  valueWidth,\n  header,\n}: {\n  rows: number;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  header: ReactNode;\n}) {\n  return (\n    <>\n      <div className=\"flex h-2\">\n        <Skeleton className=\"size-full rounded-full\" />\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n        {Array.from({ length: rows }, (_, i) => (\n          <li key={i} className={ROW}>\n            <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n            <span className=\"min-w-0 flex-1\">\n              <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n                <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n              </Txt>\n            </span>\n            {columns.map(c => (\n              <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n                <Bar className=\"right-0 w-10\" />\n              </span>\n            ))}\n            <span className={cn(NUM, 'relative w-12')}>\n              <Bar className=\"right-0 w-9\" />\n            </span>\n            <span className={cn(NUM, 'relative', valueWidth)}>\n              <Bar className=\"right-0 w-12\" />\n            </span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ShareBarRowView } from './share-bar-row';\nimport {\n  DEFAULT_COLOR,\n  barSegments,\n  fmtShare,\n  foldRows,\n  hoveredSegment,\n  isRowDimmed,\n  isSegmentDimmed,\n  pageRows,\n  rankRows,\n  sumShares,\n} from './share-bar-rows';\nimport { ShowMore } from './share-bar-show-more';\nimport { ShareBarSkeleton } from './share-bar-skeleton';\nimport type { ShareBarColumn, ShareBarProps } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key\n * it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no\n * tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of\n * figures (many columns, sorting, pages), use `MetricsTable`.\n */\nexport function ShareBar({ className, ...props }: ShareBarProps) {\n  return (\n    <div className={cn('grid grid-cols-1', className)}>\n      <ShareBarBody {...props} />\n    </div>\n  );\n}\n\n/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */\nfunction ShareBarBody({\n  rows,\n  columns = [],\n  valueLabel,\n  valueWidth = 'w-14',\n  palette = 'shades',\n  color = DEFAULT_COLOR,\n  limit = 5,\n  overflow = 'other',\n  pageSize = 50,\n  other,\n  emptyState = 'No data in this range.',\n  isLoading = false,\n  LinkComponent,\n}: Omit<ShareBarProps, 'className'>) {\n  const [hover, setHover] = useState<string>();\n  // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n  const [pages, setPages] = useState(0);\n  const count = limit + pages * pageSize;\n  const header = <ShareBarHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />;\n\n  if (isLoading) {\n    return (\n      <ShareBarSkeleton\n        rows={overflow === 'other' ? limit + 1 : limit}\n        columns={columns}\n        valueWidth={valueWidth}\n        header={header}\n      />\n    );\n  }\n\n  const ranked = rankRows(rows);\n  if (ranked.length === 0) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n        {emptyState}\n      </Txt>\n    );\n  }\n\n  const total = sumShares(ranked);\n  const paging = overflow === 'more';\n  const { shown, bar, rest } = paging\n    ? pageRows(ranked, { count, color, palette })\n    : foldRows(ranked, { limit, other, color, palette });\n  const segments = barSegments(bar, rest);\n  const litSegment = hoveredSegment(shown, hover);\n  const clearHover = () => setHover(undefined);\n\n  return (\n    <>\n      <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n        {segments.map(s => (\n          <span\n            key={s.key}\n            data-testid=\"share-bar-segment\"\n            onMouseEnter={() => setHover(s.key)}\n            className=\"h-full min-w-[3px] first:rounded-l-full last:rounded-r-full\"\n            style={{\n              flex: `${s.grow} 1 0`,\n              backgroundColor: s.paint.color,\n              opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n            }}\n          />\n        ))}\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n        {shown.map(r => (\n          <ShareBarRowView\n            key={r.key}\n            row={r}\n            columns={columns}\n            valueWidth={valueWidth}\n            share={fmtShare(r.share, total)}\n            highlighted={hover === r.key}\n            dimmed={isRowDimmed(r, hover)}\n            onHover={() => setHover(r.key)}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n        {paging && (\n          <ShowMore\n            shown={Math.min(count, ranked.length)}\n            total={ranked.length}\n            limit={limit}\n            pageSize={pageSize}\n            onMore={() => setPages(p => p + 1)}\n            onLess={() => setPages(0)}\n          />\n        )}\n      </ul>\n    </>\n  );\n}\n\n/** Column headers between the bar and the rows, right above the values they label. */\nfunction ShareBarHeader({\n  columns,\n  valueLabel,\n  valueWidth,\n}: {\n  columns: ShareBarColumn[];\n  valueLabel: string;\n  valueWidth: string;\n}) {\n  const cells = [\n    ...columns.map(c => ({ label: c.label, width: c.width ?? 'w-16' })),\n    { label: 'Share', width: 'w-12' },\n    { label: valueLabel, width: valueWidth },\n  ];\n  return (\n    <div aria-hidden className=\"flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder\">\n      {cells.map(cell => (\n        <span key={cell.label} className={cn('shrink-0 text-right whitespace-nowrap', cell.width)}>\n          {cell.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{ShareBar-D6dWWl4C.js → ShareBar-KrzzdcyI.js}

@@ -1,5 +1,5 @@
+import { t as Txt } from "./Txt-5efBsb2p.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
 import { Skeleton } from "./components/Skeleton.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -448,4 +448,4 @@ function ShareBarHeader({ columns, valueLabel, valueWidth }) {
 }
 export { ShareBar as t };
 
-//# sourceMappingURL=ShareBar-D6dWWl4C.js.map
+//# sourceMappingURL=ShareBar-KrzzdcyI.js.map

package/dist/{ShareBar-D6dWWl4C.js.map → ShareBar-KrzzdcyI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareBar-D6dWWl4C.js","names":["_Fragment","_Fragment"],"sources":["../src/ds/components/ShareBar/share-bar-classes.ts","../src/ds/components/ShareBar/share-bar-row.tsx","../src/ds/components/ShareBar/share-bar-rows.ts","../src/ds/components/ShareBar/share-bar-show-more.tsx","../src/ds/components/ShareBar/share-bar-skeleton.tsx","../src/ds/components/ShareBar/share-bar.tsx"],"sourcesContent":["export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShownRow } from './share-bar-rows';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareBarRowViewProps = {\n  row: ShownRow;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  /** The row's share, formatted. */\n  share: string;\n  highlighted: boolean;\n  dimmed: boolean;\n  onHover: () => void;\n  LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareBarRowView({\n  row,\n  columns,\n  valueWidth,\n  share,\n  highlighted,\n  dimmed,\n  onHover,\n  LinkComponent,\n}: ShareBarRowViewProps) {\n  const className = cn(ROW, highlighted && 'bg-fill-subtle', (row.href || row.onClick) && 'hover:bg-fill-subtle');\n  return (\n    <li>\n      <RowShell\n        row={row}\n        LinkComponent={LinkComponent}\n        className={className}\n        style={{ opacity: dimmed ? 0.5 : 1 }}\n        onMouseEnter={onHover}\n      >\n        <span\n          className=\"size-2 shrink-0 rounded-[2px]\"\n          style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n        />\n        <RowLabel row={row} />\n        {columns.map((c, i) => (\n          <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n            {row.cells?.[i]}\n          </span>\n        ))}\n        <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n        <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n      </RowShell>\n    </li>\n  );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n  row,\n  LinkComponent,\n  ...props\n}: {\n  row: ShownRow;\n  LinkComponent?: ElementType;\n  className: string;\n  style: CSSProperties;\n  onMouseEnter: () => void;\n  children: ReactNode;\n}) {\n  if (row.href) {\n    const Anchor = LinkComponent ?? 'a';\n    return <Anchor href={row.href} {...props} />;\n  }\n  if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n  return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n  if (typeof row.label !== 'string') {\n    return (\n      <span className=\"flex min-w-0 flex-1\" title={row.title}>\n        {row.label}\n      </span>\n    );\n  }\n  return (\n    <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n      <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n        {row.label}\n      </Txt>\n    </span>\n  );\n}\n","import type { ShareBarProps, ShareBarRow } from './share-bar-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the bar segment it highlights. */\nexport type ShownRow = ShareBarRow & { paint: Paint; segment: string };\n\nexport type BarSegment = { key: string; paint: Paint; /** flex-grow, in percent of the bar. */ grow: number };\n\ntype Palette = NonNullable<ShareBarProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n  if (palette === 'hues') {\n    // A lead color from the palette moves to the front. Any other color leads the violet and teal\n    // hues first: custom leads are usually green or blue, which sit next to the palette's own\n    // green and sky.\n    const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n    return Array.from({ length: count }, (_, i) => ({\n      color: hues[i % hues.length] ?? base,\n      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n    }));\n  }\n  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: ShareBarRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: ShareBarRow[]): ShareBarRow[] {\n  return rows\n    .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n    .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n  ranked: ShareBarRow[],\n  { limit, other, color, palette }: Colors & Pick<ShareBarProps, 'other'> & { limit: number },\n) {\n  if (ranked.length <= limit + 1) {\n    const bar = paintRows(ranked, color, palette);\n    return { shown: bar, bar, rest: [] };\n  }\n  const rest = ranked.slice(limit);\n  const folded = other?.(rest);\n  const otherRow: ShownRow = {\n    key: REST_KEY,\n    label: `Other (${rest.length})`,\n    share: sumShares(rest),\n    value: folded?.value,\n    cells: folded?.cells,\n    paint: REST,\n    segment: REST_KEY,\n  };\n  const bar = paintRows(ranked.slice(0, limit), color, palette);\n  return { shown: [...bar, otherRow], bar, rest };\n}\n\nfunction paintRows(rows: ShareBarRow[], color: string, palette: Palette): ShownRow[] {\n  const colors = rowColors(color, rows.length, palette);\n  return rows.map((r, i) => ({ ...r, paint: ownPaint(r) ?? colors[i] ?? REST, segment: r.key }));\n}\n\nconst ownPaint = (row: ShareBarRow): Paint | undefined => (row.color ? { color: row.color, alpha: 1 } : undefined);\n\n/**\n * The first `count` rows. The top rows have their own segments, and rows past the bar's own\n * segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(ranked: ShareBarRow[], { count, color, palette }: Colors & { count: number }) {\n  const own = Math.min(count, ranked.length, SEGMENTS);\n  const bar = paintRows(ranked.slice(0, own), color, palette);\n  const gray = ranked.slice(own, count).map(r => ({ ...r, paint: REST, segment: REST_KEY }));\n  return { shown: [...bar, ...gray], bar, rest: ranked.slice(own) };\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function barSegments(bar: ShownRow[], rest: ShareBarRow[]): BarSegment[] {\n  const own = bar.map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n  const segments = [...own, ...gray].filter(s => s.share > 0);\n  // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n  // would leave the rest of the bar empty.\n  const total = segments.reduce((sum, s) => sum + s.share, 0);\n  return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The bar segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n  if (hover === undefined) return undefined;\n  return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n  if (hover === undefined || hover === row.key) return false;\n  return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n  const r = n / (total || 1);\n  if (!(r > 0)) return '0%';\n  if (r < 0.001) return '<0.1%';\n  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n  shown,\n  total,\n  limit,\n  pageSize,\n  onMore,\n  onLess,\n}: {\n  shown: number;\n  total: number;\n  limit: number;\n  pageSize: number;\n  onMore: () => void;\n  onLess: () => void;\n}) {\n  if (total <= limit) return null;\n  const left = total - shown;\n  const button =\n    'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n  const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n  return (\n    <li className=\"-mx-2 flex items-center gap-1\">\n      {left > 0 && (\n        <button type=\"button\" onClick={onMore} className={button}>\n          <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n          Show {Math.min(left, pageSize)} more\n        </button>\n      )}\n      {shown > limit && (\n        <button type=\"button\" onClick={onLess} className={button}>\n          <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n          Show top {limit}\n        </button>\n      )}\n      {left > 0 && (\n        <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n          {n.format(shown)} of {n.format(total)}\n        </span>\n      )}\n    </li>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n  return (\n    <>\n      {'​'}\n      <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n    </>\n  );\n}\n\n/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */\nexport function ShareBarSkeleton({\n  rows,\n  columns,\n  valueWidth,\n  header,\n}: {\n  rows: number;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  header: ReactNode;\n}) {\n  return (\n    <>\n      <div className=\"flex h-2\">\n        <Skeleton className=\"size-full rounded-full\" />\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n        {Array.from({ length: rows }, (_, i) => (\n          <li key={i} className={ROW}>\n            <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n            <span className=\"min-w-0 flex-1\">\n              <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n                <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n              </Txt>\n            </span>\n            {columns.map(c => (\n              <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n                <Bar className=\"right-0 w-10\" />\n              </span>\n            ))}\n            <span className={cn(NUM, 'relative w-12')}>\n              <Bar className=\"right-0 w-9\" />\n            </span>\n            <span className={cn(NUM, 'relative', valueWidth)}>\n              <Bar className=\"right-0 w-12\" />\n            </span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ShareBarRowView } from './share-bar-row';\nimport {\n  DEFAULT_COLOR,\n  barSegments,\n  fmtShare,\n  foldRows,\n  hoveredSegment,\n  isRowDimmed,\n  isSegmentDimmed,\n  pageRows,\n  rankRows,\n  sumShares,\n} from './share-bar-rows';\nimport { ShowMore } from './share-bar-show-more';\nimport { ShareBarSkeleton } from './share-bar-skeleton';\nimport type { ShareBarColumn, ShareBarProps } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key\n * it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no\n * tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of\n * figures (many columns, sorting, pages), use `MetricsTable`.\n */\nexport function ShareBar({ className, ...props }: ShareBarProps) {\n  return (\n    <div className={cn('grid grid-cols-1', className)}>\n      <ShareBarBody {...props} />\n    </div>\n  );\n}\n\n/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */\nfunction ShareBarBody({\n  rows,\n  columns = [],\n  valueLabel,\n  valueWidth = 'w-14',\n  palette = 'shades',\n  color = DEFAULT_COLOR,\n  limit = 5,\n  overflow = 'other',\n  pageSize = 50,\n  other,\n  emptyState = 'No data in this range.',\n  isLoading = false,\n  LinkComponent,\n}: Omit<ShareBarProps, 'className'>) {\n  const [hover, setHover] = useState<string>();\n  // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n  const [pages, setPages] = useState(0);\n  const count = limit + pages * pageSize;\n  const header = <ShareBarHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />;\n\n  if (isLoading) {\n    return (\n      <ShareBarSkeleton\n        rows={overflow === 'other' ? limit + 1 : limit}\n        columns={columns}\n        valueWidth={valueWidth}\n        header={header}\n      />\n    );\n  }\n\n  const ranked = rankRows(rows);\n  if (ranked.length === 0) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n        {emptyState}\n      </Txt>\n    );\n  }\n\n  const total = sumShares(ranked);\n  const paging = overflow === 'more';\n  const { shown, bar, rest } = paging\n    ? pageRows(ranked, { count, color, palette })\n    : foldRows(ranked, { limit, other, color, palette });\n  const segments = barSegments(bar, rest);\n  const litSegment = hoveredSegment(shown, hover);\n  const clearHover = () => setHover(undefined);\n\n  return (\n    <>\n      <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n        {segments.map(s => (\n          <span\n            key={s.key}\n            data-testid=\"share-bar-segment\"\n            onMouseEnter={() => setHover(s.key)}\n            className=\"h-full min-w-[3px] first:rounded-l-full last:rounded-r-full\"\n            style={{\n              flex: `${s.grow} 1 0`,\n              backgroundColor: s.paint.color,\n              opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n            }}\n          />\n        ))}\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n        {shown.map(r => (\n          <ShareBarRowView\n            key={r.key}\n            row={r}\n            columns={columns}\n            valueWidth={valueWidth}\n            share={fmtShare(r.share, total)}\n            highlighted={hover === r.key}\n            dimmed={isRowDimmed(r, hover)}\n            onHover={() => setHover(r.key)}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n        {paging && (\n          <ShowMore\n            shown={Math.min(count, ranked.length)}\n            total={ranked.length}\n            limit={limit}\n            pageSize={pageSize}\n            onMore={() => setPages(p => p + 1)}\n            onLess={() => setPages(0)}\n          />\n        )}\n      </ul>\n    </>\n  );\n}\n\n/** Column headers between the bar and the rows, right above the values they label. */\nfunction ShareBarHeader({\n  columns,\n  valueLabel,\n  valueWidth,\n}: {\n  columns: ShareBarColumn[];\n  valueLabel: string;\n  valueWidth: string;\n}) {\n  const cells = [\n    ...columns.map(c => ({ label: c.label, width: c.width ?? 'w-16' })),\n    { label: 'Share', width: 'w-12' },\n    { label: valueLabel, width: valueWidth },\n  ];\n  return (\n    <div aria-hidden className=\"flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder\">\n      {cells.map(cell => (\n        <span key={cell.label} className={cn('shrink-0 text-right whitespace-nowrap', cell.width)}>\n          {cell.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShareBar-KrzzdcyI.js","names":["_Fragment","_Fragment"],"sources":["../src/ds/components/ShareBar/share-bar-classes.ts","../src/ds/components/ShareBar/share-bar-row.tsx","../src/ds/components/ShareBar/share-bar-rows.ts","../src/ds/components/ShareBar/share-bar-show-more.tsx","../src/ds/components/ShareBar/share-bar-skeleton.tsx","../src/ds/components/ShareBar/share-bar.tsx"],"sourcesContent":["export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShownRow } from './share-bar-rows';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareBarRowViewProps = {\n  row: ShownRow;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  /** The row's share, formatted. */\n  share: string;\n  highlighted: boolean;\n  dimmed: boolean;\n  onHover: () => void;\n  LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareBarRowView({\n  row,\n  columns,\n  valueWidth,\n  share,\n  highlighted,\n  dimmed,\n  onHover,\n  LinkComponent,\n}: ShareBarRowViewProps) {\n  const className = cn(ROW, highlighted && 'bg-fill-subtle', (row.href || row.onClick) && 'hover:bg-fill-subtle');\n  return (\n    <li>\n      <RowShell\n        row={row}\n        LinkComponent={LinkComponent}\n        className={className}\n        style={{ opacity: dimmed ? 0.5 : 1 }}\n        onMouseEnter={onHover}\n      >\n        <span\n          className=\"size-2 shrink-0 rounded-[2px]\"\n          style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n        />\n        <RowLabel row={row} />\n        {columns.map((c, i) => (\n          <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n            {row.cells?.[i]}\n          </span>\n        ))}\n        <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n        <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n      </RowShell>\n    </li>\n  );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n  row,\n  LinkComponent,\n  ...props\n}: {\n  row: ShownRow;\n  LinkComponent?: ElementType;\n  className: string;\n  style: CSSProperties;\n  onMouseEnter: () => void;\n  children: ReactNode;\n}) {\n  if (row.href) {\n    const Anchor = LinkComponent ?? 'a';\n    return <Anchor href={row.href} {...props} />;\n  }\n  if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n  return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n  if (typeof row.label !== 'string') {\n    return (\n      <span className=\"flex min-w-0 flex-1\" title={row.title}>\n        {row.label}\n      </span>\n    );\n  }\n  return (\n    <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n      <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n        {row.label}\n      </Txt>\n    </span>\n  );\n}\n","import type { ShareBarProps, ShareBarRow } from './share-bar-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the bar segment it highlights. */\nexport type ShownRow = ShareBarRow & { paint: Paint; segment: string };\n\nexport type BarSegment = { key: string; paint: Paint; /** flex-grow, in percent of the bar. */ grow: number };\n\ntype Palette = NonNullable<ShareBarProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own bar segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n  if (palette === 'hues') {\n    // A lead color from the palette moves to the front. Any other color leads the violet and teal\n    // hues first: custom leads are usually green or blue, which sit next to the palette's own\n    // green and sky.\n    const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n    return Array.from({ length: count }, (_, i) => ({\n      color: hues[i % hues.length] ?? base,\n      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n    }));\n  }\n  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: ShareBarRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: ShareBarRow[]): ShareBarRow[] {\n  return rows\n    .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n    .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n  ranked: ShareBarRow[],\n  { limit, other, color, palette }: Colors & Pick<ShareBarProps, 'other'> & { limit: number },\n) {\n  if (ranked.length <= limit + 1) {\n    const bar = paintRows(ranked, color, palette);\n    return { shown: bar, bar, rest: [] };\n  }\n  const rest = ranked.slice(limit);\n  const folded = other?.(rest);\n  const otherRow: ShownRow = {\n    key: REST_KEY,\n    label: `Other (${rest.length})`,\n    share: sumShares(rest),\n    value: folded?.value,\n    cells: folded?.cells,\n    paint: REST,\n    segment: REST_KEY,\n  };\n  const bar = paintRows(ranked.slice(0, limit), color, palette);\n  return { shown: [...bar, otherRow], bar, rest };\n}\n\nfunction paintRows(rows: ShareBarRow[], color: string, palette: Palette): ShownRow[] {\n  const colors = rowColors(color, rows.length, palette);\n  return rows.map((r, i) => ({ ...r, paint: ownPaint(r) ?? colors[i] ?? REST, segment: r.key }));\n}\n\nconst ownPaint = (row: ShareBarRow): Paint | undefined => (row.color ? { color: row.color, alpha: 1 } : undefined);\n\n/**\n * The first `count` rows. The top rows have their own segments, and rows past the bar's own\n * segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(ranked: ShareBarRow[], { count, color, palette }: Colors & { count: number }) {\n  const own = Math.min(count, ranked.length, SEGMENTS);\n  const bar = paintRows(ranked.slice(0, own), color, palette);\n  const gray = ranked.slice(own, count).map(r => ({ ...r, paint: REST, segment: REST_KEY }));\n  return { shown: [...bar, ...gray], bar, rest: ranked.slice(own) };\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function barSegments(bar: ShownRow[], rest: ShareBarRow[]): BarSegment[] {\n  const own = bar.map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n  const segments = [...own, ...gray].filter(s => s.share > 0);\n  // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n  // would leave the rest of the bar empty.\n  const total = segments.reduce((sum, s) => sum + s.share, 0);\n  return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The bar segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n  if (hover === undefined) return undefined;\n  return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n  if (hover === undefined || hover === row.key) return false;\n  return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n  const r = n / (total || 1);\n  if (!(r > 0)) return '0%';\n  if (r < 0.001) return '<0.1%';\n  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n  shown,\n  total,\n  limit,\n  pageSize,\n  onMore,\n  onLess,\n}: {\n  shown: number;\n  total: number;\n  limit: number;\n  pageSize: number;\n  onMore: () => void;\n  onLess: () => void;\n}) {\n  if (total <= limit) return null;\n  const left = total - shown;\n  const button =\n    'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n  const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n  return (\n    <li className=\"-mx-2 flex items-center gap-1\">\n      {left > 0 && (\n        <button type=\"button\" onClick={onMore} className={button}>\n          <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n          Show {Math.min(left, pageSize)} more\n        </button>\n      )}\n      {shown > limit && (\n        <button type=\"button\" onClick={onLess} className={button}>\n          <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n          Show top {limit}\n        </button>\n      )}\n      {left > 0 && (\n        <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n          {n.format(shown)} of {n.format(total)}\n        </span>\n      )}\n    </li>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { NUM, ROW } from './share-bar-classes';\nimport type { ShareBarColumn } from './share-bar-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n  return (\n    <>\n      {'​'}\n      <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n    </>\n  );\n}\n\n/** The bar and its rows while loading, in the real markup (line boxes, paddings, columns). */\nexport function ShareBarSkeleton({\n  rows,\n  columns,\n  valueWidth,\n  header,\n}: {\n  rows: number;\n  columns: ShareBarColumn[];\n  valueWidth: string;\n  header: ReactNode;\n}) {\n  return (\n    <>\n      <div className=\"flex h-2\">\n        <Skeleton className=\"size-full rounded-full\" />\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n        {Array.from({ length: rows }, (_, i) => (\n          <li key={i} className={ROW}>\n            <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n            <span className=\"min-w-0 flex-1\">\n              <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n                <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n              </Txt>\n            </span>\n            {columns.map(c => (\n              <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n                <Bar className=\"right-0 w-10\" />\n              </span>\n            ))}\n            <span className={cn(NUM, 'relative w-12')}>\n              <Bar className=\"right-0 w-9\" />\n            </span>\n            <span className={cn(NUM, 'relative', valueWidth)}>\n              <Bar className=\"right-0 w-12\" />\n            </span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ShareBarRowView } from './share-bar-row';\nimport {\n  DEFAULT_COLOR,\n  barSegments,\n  fmtShare,\n  foldRows,\n  hoveredSegment,\n  isRowDimmed,\n  isSegmentDimmed,\n  pageRows,\n  rankRows,\n  sumShares,\n} from './share-bar-rows';\nimport { ShowMore } from './share-bar-show-more';\nimport { ShareBarSkeleton } from './share-bar-skeleton';\nimport type { ShareBarColumn, ShareBarProps } from './share-bar-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% bar, then the column headers and the ranked rows that key\n * it. Hovering a segment or a row highlights the pair; every segment has its row, so there is no\n * tooltip. A non-zero share always gets a visible segment; a zero gets none. For a table of\n * figures (many columns, sorting, pages), use `MetricsTable`.\n */\nexport function ShareBar({ className, ...props }: ShareBarProps) {\n  return (\n    <div className={cn('grid grid-cols-1', className)}>\n      <ShareBarBody {...props} />\n    </div>\n  );\n}\n\n/** A skeleton while loading, the empty message, or the bar, the headers and the rows. */\nfunction ShareBarBody({\n  rows,\n  columns = [],\n  valueLabel,\n  valueWidth = 'w-14',\n  palette = 'shades',\n  color = DEFAULT_COLOR,\n  limit = 5,\n  overflow = 'other',\n  pageSize = 50,\n  other,\n  emptyState = 'No data in this range.',\n  isLoading = false,\n  LinkComponent,\n}: Omit<ShareBarProps, 'className'>) {\n  const [hover, setHover] = useState<string>();\n  // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n  const [pages, setPages] = useState(0);\n  const count = limit + pages * pageSize;\n  const header = <ShareBarHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />;\n\n  if (isLoading) {\n    return (\n      <ShareBarSkeleton\n        rows={overflow === 'other' ? limit + 1 : limit}\n        columns={columns}\n        valueWidth={valueWidth}\n        header={header}\n      />\n    );\n  }\n\n  const ranked = rankRows(rows);\n  if (ranked.length === 0) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n        {emptyState}\n      </Txt>\n    );\n  }\n\n  const total = sumShares(ranked);\n  const paging = overflow === 'more';\n  const { shown, bar, rest } = paging\n    ? pageRows(ranked, { count, color, palette })\n    : foldRows(ranked, { limit, other, color, palette });\n  const segments = barSegments(bar, rest);\n  const litSegment = hoveredSegment(shown, hover);\n  const clearHover = () => setHover(undefined);\n\n  return (\n    <>\n      <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n        {segments.map(s => (\n          <span\n            key={s.key}\n            data-testid=\"share-bar-segment\"\n            onMouseEnter={() => setHover(s.key)}\n            className=\"h-full min-w-[3px] first:rounded-l-full last:rounded-r-full\"\n            style={{\n              flex: `${s.grow} 1 0`,\n              backgroundColor: s.paint.color,\n              opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n            }}\n          />\n        ))}\n      </div>\n      {header}\n      <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n        {shown.map(r => (\n          <ShareBarRowView\n            key={r.key}\n            row={r}\n            columns={columns}\n            valueWidth={valueWidth}\n            share={fmtShare(r.share, total)}\n            highlighted={hover === r.key}\n            dimmed={isRowDimmed(r, hover)}\n            onHover={() => setHover(r.key)}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n        {paging && (\n          <ShowMore\n            shown={Math.min(count, ranked.length)}\n            total={ranked.length}\n            limit={limit}\n            pageSize={pageSize}\n            onMore={() => setPages(p => p + 1)}\n            onLess={() => setPages(0)}\n          />\n        )}\n      </ul>\n    </>\n  );\n}\n\n/** Column headers between the bar and the rows, right above the values they label. */\nfunction ShareBarHeader({\n  columns,\n  valueLabel,\n  valueWidth,\n}: {\n  columns: ShareBarColumn[];\n  valueLabel: string;\n  valueWidth: string;\n}) {\n  const cells = [\n    ...columns.map(c => ({ label: c.label, width: c.width ?? 'w-16' })),\n    { label: 'Share', width: 'w-12' },\n    { label: valueLabel, width: valueWidth },\n  ];\n  return (\n    <div aria-hidden className=\"flex items-center justify-end gap-3 pt-3 pb-0.5 text-column text-placeholder\">\n      {cells.map(cell => (\n        <span key={cell.label} className={cn('shrink-0 text-right whitespace-nowrap', cell.width)}>\n          {cell.label}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{Tree-BplQcY8u.cjs → Tree-Caz4FTCU.cjs}

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
-const require_primitives_password_manager_autofill = require("./primitives/password-manager-autofill.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_components_Collapsible = require("./components/Collapsible.cjs.js");
 const require_components_DisclosureChevron = require("./components/DisclosureChevron.cjs.js");
+const require_primitives_password_manager_autofill = require("./primitives/password-manager-autofill.cjs.js");
 const require_hooks_use_isomorphic_layout_effect = require("./hooks/use-isomorphic-layout-effect.cjs.js");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
@@ -441,4 +441,4 @@ Object.defineProperty(exports, "Tree", {
 	}
 });
 
-//# sourceMappingURL=Tree-BplQcY8u.cjs.map
+//# sourceMappingURL=Tree-Caz4FTCU.cjs.map

package/dist/{Tree-BplQcY8u.cjs.map → Tree-Caz4FTCU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Tree-BplQcY8u.cjs","names":["React","React","cn","transitions","React","cn","Collapsible","React","CollapsibleContent","cn","React","cn","transitions","CollapsibleTrigger","DisclosureChevron","React","cn","React","Folder","File","cn","transitions","passwordManagerOptOutProps","React","cn","React","cn"],"sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n  isFocused: boolean;\n  isOpen: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue | null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n  return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue | null {\n  return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget);\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-level={depth + 1}\n      aria-selected={isSelected || undefined}\n      data-tree-item-kind=\"file\"\n      data-tree-item-id={id}\n      tabIndex={-1}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n        isSelected && 'bg-fill-hover text-foreground',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  id?: string;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n    const treeCtx = useTreeContext();\n    const depth = useTreeDepth();\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const isOpen = open ?? internalOpen;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setInternalOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n      },\n      [onOpenChange],\n    );\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLLIElement>) => {\n        if (e.target !== e.currentTarget) {\n          setIsFocused(false);\n          return;\n        }\n\n        setIsFocused(true);\n        treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n      },\n      [treeCtx],\n    );\n\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n    }, []);\n\n    const folderContextValue = React.useMemo(() => ({ isFocused, isOpen }), [isFocused, isOpen]);\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-expanded={isOpen}\n        aria-level={depth + 1}\n        data-tree-item-kind=\"folder\"\n        data-tree-item-id={id}\n        tabIndex={-1}\n        className={cn('flex flex-col outline-hidden', className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        <TreeFolderProvider value={folderContextValue}>\n          <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n            {children}\n          </Collapsible>\n        </TreeFolderProvider>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} fill className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const treeCtx = useTreeContext();\n    const folderCtx = useTreeFolderContext();\n    const depth = useTreeDepth();\n\n    const focusFolderItem = React.useCallback(\n      (target: HTMLElement, options?: { focus?: boolean }) => {\n        const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n        if (item) {\n          treeCtx?.focusItem?.(item, options);\n        }\n      },\n      [treeCtx],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-tree-folder-row=\"true\"\n        className={cn(\n          'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n          transitions.colors,\n          folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          data-tree-folder-trigger=\"true\"\n          tabIndex={-1}\n          className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden\"\n          style={{ paddingLeft: depth * 12 }}\n          onMouseDown={e => {\n            e.preventDefault();\n            focusFolderItem(e.currentTarget);\n          }}\n          onFocus={e => {\n            focusFolderItem(e.currentTarget, { focus: false });\n          }}\n        >\n          <DisclosureChevron direction=\"right\" open={folderCtx?.isOpen} className=\"size-3 text-muted-foreground\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        data-tree-item-kind=\"input\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-muted-foreground\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          {...passwordManagerOptOutProps}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-caption text-foreground outline-hidden placeholder:text-muted-foreground\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-foreground', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n    item => item.getAttribute('role') === 'treeitem',\n  );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n  for (const item of items) {\n    item.tabIndex = item === focusableItem ? 0 : -1;\n  }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n  const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n  for (const group of groups) {\n    const items = Array.from(group.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.getAttribute('role') === 'treeitem' &&\n        child.hasAttribute('data-tree-item-kind'),\n    );\n\n    items.forEach((item, index) => {\n      item.setAttribute('aria-posinset', String(index + 1));\n      item.setAttribute('aria-setsize', String(items.length));\n    });\n  }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string | undefined): HTMLElement | null {\n  if (!selectedId) return null;\n  return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement | null {\n  const activeElement = root.ownerDocument.activeElement;\n  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;\n\n  const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget | null): HTMLElement | null {\n  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;\n  const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n  const items = getTreeItems(root);\n  if (!items.includes(item)) return;\n\n  setTabStops(items, item);\n  if (options.focus !== false) {\n    item.focus();\n  }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string | undefined) {\n  const items = getTreeItems(root);\n  syncTreeItemSetMetadata(root);\n\n  const firstItem = items[0];\n  if (!firstItem) return;\n\n  const activeItem = getActiveTreeItem(root, items);\n  const selectedItem = findSelectedItem(items, selectedId);\n  setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.dataset.treeFolderTrigger === 'true') return false;\n  if (target.isContentEditable) return true;\n\n  return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement | null {\n  return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement | null {\n  const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n  return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n  const trigger = getFolderTrigger(item);\n  if (trigger) {\n    trigger.click();\n  } else {\n    item.click();\n  }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const rootRef = React.useRef<HTMLUListElement | null>(null);\n\n    const handleRootRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        rootRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n      const root = rootRef.current;\n      if (!root) return;\n      focusTreeItem(root, item, options);\n    }, []);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const items = getTreeItems(root);\n      const currentItem =\n        getClosestTreeItem(root, event.target) ??\n        getActiveTreeItem(root, items) ??\n        items.find(item => item.tabIndex === 0);\n      if (!currentItem) return;\n\n      const currentIndex = items.indexOf(currentItem);\n      if (currentIndex < 0) return;\n\n      let nextItem: HTMLElement | null = null;\n      let handled = true;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          break;\n        case 'ArrowUp':\n          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n          break;\n        case 'Home':\n          nextItem = items[0] ?? null;\n          break;\n        case 'End':\n          nextItem = items[items.length - 1] ?? null;\n          break;\n        case 'ArrowRight': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = getParentTreeItem(currentItem);\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar':\n          activateTreeItem(currentItem);\n          nextItem = currentItem;\n          break;\n        default:\n          handled = false;\n      }\n\n      if (!handled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextItem) {\n        focusTreeItem(root, nextItem);\n      }\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n      syncTreeTabStops(root, selectedId);\n    }, [children, selectedId]);\n\n    React.useEffect(() => {\n      const root = rootRef.current;\n      if (!root || typeof MutationObserver === 'undefined') return;\n\n      const observer = new MutationObserver(() => {\n        syncTreeTabStops(root, selectedId);\n      });\n      observer.observe(root, { childList: true, subtree: true });\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [selectedId]);\n\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul\n            ref={handleRootRef}\n            role=\"tree\"\n            className={cn('flex flex-col text-caption', className)}\n            onKeyDown={handleKeyDown}\n          >\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Tree-Caz4FTCU.cjs","names":["React","React","cn","transitions","React","cn","Collapsible","React","CollapsibleContent","cn","React","cn","transitions","CollapsibleTrigger","DisclosureChevron","React","cn","React","Folder","File","cn","transitions","passwordManagerOptOutProps","React","cn","React","cn"],"sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n  isFocused: boolean;\n  isOpen: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue | null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n  return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue | null {\n  return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget);\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-level={depth + 1}\n      aria-selected={isSelected || undefined}\n      data-tree-item-kind=\"file\"\n      data-tree-item-id={id}\n      tabIndex={-1}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n        isSelected && 'bg-fill-hover text-foreground',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  id?: string;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n    const treeCtx = useTreeContext();\n    const depth = useTreeDepth();\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const isOpen = open ?? internalOpen;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setInternalOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n      },\n      [onOpenChange],\n    );\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLLIElement>) => {\n        if (e.target !== e.currentTarget) {\n          setIsFocused(false);\n          return;\n        }\n\n        setIsFocused(true);\n        treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n      },\n      [treeCtx],\n    );\n\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n    }, []);\n\n    const folderContextValue = React.useMemo(() => ({ isFocused, isOpen }), [isFocused, isOpen]);\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-expanded={isOpen}\n        aria-level={depth + 1}\n        data-tree-item-kind=\"folder\"\n        data-tree-item-id={id}\n        tabIndex={-1}\n        className={cn('flex flex-col outline-hidden', className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        <TreeFolderProvider value={folderContextValue}>\n          <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n            {children}\n          </Collapsible>\n        </TreeFolderProvider>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} fill className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const treeCtx = useTreeContext();\n    const folderCtx = useTreeFolderContext();\n    const depth = useTreeDepth();\n\n    const focusFolderItem = React.useCallback(\n      (target: HTMLElement, options?: { focus?: boolean }) => {\n        const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n        if (item) {\n          treeCtx?.focusItem?.(item, options);\n        }\n      },\n      [treeCtx],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-tree-folder-row=\"true\"\n        className={cn(\n          'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n          transitions.colors,\n          folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          data-tree-folder-trigger=\"true\"\n          tabIndex={-1}\n          className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden\"\n          style={{ paddingLeft: depth * 12 }}\n          onMouseDown={e => {\n            e.preventDefault();\n            focusFolderItem(e.currentTarget);\n          }}\n          onFocus={e => {\n            focusFolderItem(e.currentTarget, { focus: false });\n          }}\n        >\n          <DisclosureChevron direction=\"right\" open={folderCtx?.isOpen} className=\"size-3 text-muted-foreground\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        data-tree-item-kind=\"input\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-muted-foreground\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          {...passwordManagerOptOutProps}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-caption text-foreground outline-hidden placeholder:text-muted-foreground\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-foreground', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n    item => item.getAttribute('role') === 'treeitem',\n  );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n  for (const item of items) {\n    item.tabIndex = item === focusableItem ? 0 : -1;\n  }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n  const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n  for (const group of groups) {\n    const items = Array.from(group.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.getAttribute('role') === 'treeitem' &&\n        child.hasAttribute('data-tree-item-kind'),\n    );\n\n    items.forEach((item, index) => {\n      item.setAttribute('aria-posinset', String(index + 1));\n      item.setAttribute('aria-setsize', String(items.length));\n    });\n  }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string | undefined): HTMLElement | null {\n  if (!selectedId) return null;\n  return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement | null {\n  const activeElement = root.ownerDocument.activeElement;\n  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;\n\n  const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget | null): HTMLElement | null {\n  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;\n  const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n  const items = getTreeItems(root);\n  if (!items.includes(item)) return;\n\n  setTabStops(items, item);\n  if (options.focus !== false) {\n    item.focus();\n  }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string | undefined) {\n  const items = getTreeItems(root);\n  syncTreeItemSetMetadata(root);\n\n  const firstItem = items[0];\n  if (!firstItem) return;\n\n  const activeItem = getActiveTreeItem(root, items);\n  const selectedItem = findSelectedItem(items, selectedId);\n  setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.dataset.treeFolderTrigger === 'true') return false;\n  if (target.isContentEditable) return true;\n\n  return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement | null {\n  return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement | null {\n  const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n  return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n  const trigger = getFolderTrigger(item);\n  if (trigger) {\n    trigger.click();\n  } else {\n    item.click();\n  }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const rootRef = React.useRef<HTMLUListElement | null>(null);\n\n    const handleRootRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        rootRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n      const root = rootRef.current;\n      if (!root) return;\n      focusTreeItem(root, item, options);\n    }, []);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const items = getTreeItems(root);\n      const currentItem =\n        getClosestTreeItem(root, event.target) ??\n        getActiveTreeItem(root, items) ??\n        items.find(item => item.tabIndex === 0);\n      if (!currentItem) return;\n\n      const currentIndex = items.indexOf(currentItem);\n      if (currentIndex < 0) return;\n\n      let nextItem: HTMLElement | null = null;\n      let handled = true;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          break;\n        case 'ArrowUp':\n          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n          break;\n        case 'Home':\n          nextItem = items[0] ?? null;\n          break;\n        case 'End':\n          nextItem = items[items.length - 1] ?? null;\n          break;\n        case 'ArrowRight': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = getParentTreeItem(currentItem);\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar':\n          activateTreeItem(currentItem);\n          nextItem = currentItem;\n          break;\n        default:\n          handled = false;\n      }\n\n      if (!handled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextItem) {\n        focusTreeItem(root, nextItem);\n      }\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n      syncTreeTabStops(root, selectedId);\n    }, [children, selectedId]);\n\n    React.useEffect(() => {\n      const root = rootRef.current;\n      if (!root || typeof MutationObserver === 'undefined') return;\n\n      const observer = new MutationObserver(() => {\n        syncTreeTabStops(root, selectedId);\n      });\n      observer.observe(root, { childList: true, subtree: true });\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [selectedId]);\n\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul\n            ref={handleRootRef}\n            role=\"tree\"\n            className={cn('flex flex-col text-caption', className)}\n            onKeyDown={handleKeyDown}\n          >\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"mappings":"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"}

package/dist/{Tree-CoLkeBCL.js → Tree-od43gLMO.js}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { transitions } from "./primitives/transitions.es.js";
-import { passwordManagerOptOutProps } from "./primitives/password-manager-autofill.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/Collapsible.es.js";
 import { DisclosureChevron } from "./components/DisclosureChevron.es.js";
+import { passwordManagerOptOutProps } from "./primitives/password-manager-autofill.es.js";
 import { useIsomorphicLayoutEffect } from "./hooks/use-isomorphic-layout-effect.es.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -434,4 +434,4 @@ var Tree = Object.assign(TreeRoot, {
 });
 export { Tree as t };
 
-//# sourceMappingURL=Tree-CoLkeBCL.js.map
+//# sourceMappingURL=Tree-od43gLMO.js.map