@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-XONGYCW3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/revision-timeline/revision-timeline.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * RevisionTimeline — a presentational git-history timeline.\n *\n * Renders revisions (newest-first) with:\n *   - Day grouping by calendar day from `timestamp`\n *   - An SVG lane gutter for branch-graph lanes and merge joins\n *   - Churn indicators (+additions / -deletions)\n *   - A selection rail (controlled + uncontrolled)\n *\n * The APP computes the graph layout (lane indices, edges). This component\n * only renders what it receives. Heavy graph-math stays out.\n *\n * WHY THIS DOES NOT RIDE THE SHARED `Timeline` RAIL (RM-014, #133).\n * `components/timeline/` is the canonical rail/node/connector spine (#190) and\n * `AgentTimeline` rides it. This component deliberately does not. The decision\n * was taken against the real code, so do not re-investigate it and do not\n * \"converge\" the two without reopening #133 — four things block it:\n *\n *   1. The node channel already carries a DIFFERENT meaning there. On the\n *      shared rail a node's colour IS the closed 7-state execution `Status`:\n *      `NODE_STYLE` is locked to `STATUS_ROLE`/`statusBadgeVariants` (#392)\n *      and every status owns a unique non-colour signature (#387). A node\n *      here is coloured by LANE IDENTITY (`laneColor` → `--chart-1..5`, a\n *      categorical series ramp), and a revision has no execution status at\n *      all. Mapping lane → status would be a lie (lane 3 is not `failed`),\n *      and opening the rail node to a free-form colour would dissolve the two\n *      invariants those tests exist to defend.\n *   2. A cross-lane join cannot be an item-local connector. The shared rail's\n *      connector is one `w-px` span inside each `<li>` at a fixed inline\n *      offset. A fork/merge join here is a cubic bezier from one row's centre\n *      to ANOTHER row's centre, several rows away and in a different lane —\n *      geometry that only exists in a coordinate space spanning the whole\n *      list (`rowCenterY` + `LaneGutter`). No per-item primitive can draw it,\n *      so the reusable unit would have to be the list, not the item.\n *   3. Row geometry is load-bearing, not styling. Rows are fixed-height\n *      (`ROW_H_COMFORTABLE`/`ROW_H_COMPACT`) and day headers fixed at\n *      `DAY_HEADER_H` precisely because the SVG shares the list's coordinate\n *      space; the shared rail item is content-height (`pb-5 ps-7 last:pb-0`).\n *      Riding it means overriding every geometry decision it makes.\n *   4. The row is a selection control, not a title slot. The whole row is one\n *      `<button aria-pressed>`, while the rail item's title slot is a span\n *      that unconditionally prefixes an `sr-only` status word — so every\n *      revision would announce a status it does not have.\n *\n * Teaching the rail all four means ~5 opt-in props, four of which turn OFF\n * what the spine provides (its node, its connector, its geometry, its status\n * announcement) and one of which moves `LaneGutter` into it — a behavioural\n * mode fork (.claude/rules/component-api.md) paid for by every existing rail\n * consumer. That relocates the duplication rather than removing it. The two\n * are one silhouette (\"a vertical list with dots and lines\") speaking two\n * grammars: an execution trace vs a commit DAG.\n *\n * Nothing visual is shared, but the fork-prevention gate still binds this\n * file — which is why the GATE NOTES below are not optional.\n *\n * GATE NOTES:\n *   - No identifier starting with `Timeline` (timeline-fork class 1).\n *   - Lanes/connectors drawn with SVG <line> / <path>, NOT `absolute w-px`\n *     hairlines (timeline-fork class 2 avoidance).\n */\n\nimport {\n  createContext,\n  forwardRef,\n  use,\n  useCallback,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ChevronRight, GitBranch, GitCommitHorizontal, GitMerge, Plus, Minus } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\n// ─── Public data types ────────────────────────────────────────────────────────\n\n/**\n * A single revision entry. The APP assigns `lane` (0-based column index),\n * computes `additions`/`deletions`, and orders revisions newest-first.\n */\nexport interface Revision {\n  /** Unique identifier — used for selection + edge references. */\n  id: string;\n  /** Commit message (may be long; the component truncates). */\n  message: string;\n  /** Display name of the commit author. */\n  author?: string;\n  /** Avatar image URL for the author. */\n  authorAvatar?: string;\n  /** When the commit was authored. Accepts Date, ISO string, or epoch ms. */\n  timestamp: Date | string | number;\n  /** Short commit hash (e.g. \"a1b2c3d\"). */\n  shortSha?: string;\n  /** Lines added (churn indicator). */\n  additions?: number;\n  /** Lines deleted (churn indicator). */\n  deletions?: number;\n  /**\n   * Column index assigned by the app (0-based). Lane 0 = main branch (leftmost).\n   * Used to position the node dot and draw the lane spine in the SVG gutter.\n   */\n  lane: number;\n  /** Branch or tag labels rendered as chips on this revision. */\n  refs?: string[];\n  /**\n   * Branch identity for the collapse/expand mode. Opt-in: only takes effect when\n   * a matching `branches` entry is supplied to `RevisionTimeline`. When omitted\n   * (or unmatched), the revision renders as a normal, never-collapsible row.\n   */\n  branchId?: string;\n}\n\n/**\n * A parent link between two revisions, for the lane graph.\n * Used to draw merge joins (curves / angled lines) in the SVG gutter.\n */\nexport interface RevisionEdge {\n  /** Id of the child revision (newer, higher in the list). */\n  from: string;\n  /** Id of the parent revision (older, lower in the list). */\n  to: string;\n}\n\n/**\n * A collapsible branch in the history. The APP supplies these (it already\n * computes lanes + edges); listing a branch here makes it collapsible. Nesting\n * via `parentBranchId` lets a parent branch's collapse also fold its descendants\n * (multi-level). Omitting a branch from this list keeps its commits permanently\n * visible (e.g. the trunk).\n */\nexport interface RevisionBranch {\n  /** Stable id, referenced by `Revision.branchId` and other branches' `parentBranchId`. */\n  id: string;\n  /** Human label for the collapsed summary row. Defaults to `id`. */\n  name?: string;\n  /** Parent branch id — enables multi-level nesting in the collapse hierarchy. */\n  parentBranchId?: string;\n}\n\n// ─── Variants ────────────────────────────────────────────────────────────────\n\n/** Visual density variants for the timeline. */\nexport const revisionTimelineVariants = cva(\"flex flex-col\", {\n  variants: {\n    density: {\n      comfortable: \"gap-0\",\n      compact: \"gap-0\",\n    },\n  },\n  defaultVariants: { density: \"comfortable\" },\n});\n\nexport type RevisionTimelineDensity = NonNullable<\n  VariantProps<typeof revisionTimelineVariants>[\"density\"]\n>;\n\n// ─── Lane geometry helpers ────────────────────────────────────────────────────\n\n/**\n * The number of chart palette colors. Lane index is wrapped modulo this count,\n * so `lane % LANE_PALETTE_SIZE` never exceeds the token range 1-5.\n */\nconst LANE_PALETTE_SIZE = 5;\n\n/** Lane index → CSS token string (`var(--chart-1)` … `var(--chart-5)`). */\nexport function laneColor(lane: number): string {\n  return `var(--chart-${(lane % LANE_PALETTE_SIZE) + 1})`;\n}\n\n/** Width of one lane column in the SVG gutter (px). */\nconst LANE_W = 16;\n/** Row height in the SVG gutter — must match the rendered row height. */\nconst ROW_H_COMFORTABLE = 48;\nconst ROW_H_COMPACT = 36;\n/**\n * Fixed height of a day-group header. MUST match the rendered `DayHeader`'s box\n * so the SVG gutter's node dots stay aligned with their list rows once a header\n * inserts vertical space between groups (otherwise the graph desyncs from the\n * rows — the gutter and the list share one coordinate space).\n */\nconst DAY_HEADER_H = 32;\n/** Radius of the node dot. */\nconst NODE_R = 4;\n/**\n * Vertical length (px) the connector runs straight along a lane before turning\n * into the adjacent lane. A FIXED corner length (not a proportion of the row\n * span) makes a cross-lane join read as \"leave the lane → short elbow → arrive\",\n * so a branch clearly leads down into its parent lane instead of meandering\n * across the whole gap with a lazy midpoint S-curve.\n */\nconst EDGE_TURN = 16;\n/**\n * One opacity for BOTH lane spines and cross-lane connectors so a fork/merge join\n * reads as one continuous line — a mismatch here leaves a visible seam exactly\n * where a branch should be leading into the previous level.\n */\nconst LANE_STROKE_OPACITY = 0.75;\n\n/** X centre of a lane column in the SVG. */\nfunction laneX(lane: number): number {\n  return lane * LANE_W + LANE_W / 2;\n}\n\n// ─── Branch collapse model ────────────────────────────────────────────────────\n\n/**\n * The minimal node shape the SVG gutter needs (lane position + id). Both real\n * revisions and synthetic collapsed-branch summary nodes satisfy this.\n */\ninterface GutterNode {\n  id: string;\n  lane: number;\n}\n\n/**\n * A list/gutter render item. Either a real revision row or a single summary row\n * standing in for a collapsed branch (placed at the branch's tip position).\n */\ntype RenderItem =\n  | {\n      kind: \"revision\";\n      revision: Revision;\n      /** True iff this row is the tip of an expanded, collapsible branch. */\n      canCollapse: boolean;\n      branchId?: string;\n    }\n  | {\n      kind: \"summary\";\n      branch: RevisionBranch;\n      /** Hidden revisions in this branch's subtree (no double counting). */\n      count: number;\n      /** Lane the summary node sits on (the tip's lane). */\n      lane: number;\n      /** Synthetic, collision-free id (`summary:<branchId>`). */\n      id: string;\n      /** Tip timestamp — used for day grouping so the summary lands in the tip's day. */\n      tipTimestamp: Date | string | number;\n    };\n\ninterface BranchMaps {\n  branchById: Map<string, RevisionBranch>;\n  parentOf: Map<string, string | undefined>;\n}\n\n/** Index `branches` for O(1) lookup + parent-chain walks. Pure. */\nfunction buildBranchMaps(branches: RevisionBranch[]): BranchMaps {\n  const branchById = new Map<string, RevisionBranch>();\n  const parentOf = new Map<string, string | undefined>();\n  for (const b of branches) {\n    branchById.set(b.id, b);\n    parentOf.set(b.id, b.parentBranchId);\n  }\n  return { branchById, parentOf };\n}\n\n/**\n * Returns a memoised lookup: branch id → the TOP-MOST collapsed ancestor on its\n * parent chain (itself included), or `undefined` if nothing in the chain is\n * collapsed. Walking leaf→root and keeping the last collapsed hit yields the\n * highest collapsed ancestor, which is the branch whose summary absorbs the row.\n * Cycle-guarded (defensive against malformed app data).\n */\nfunction makeTopCollapsed(parentOf: Map<string, string | undefined>, collapsedSet: Set<string>) {\n  const cache = new Map<string, string | undefined>();\n  return function topCollapsed(branchId: string): string | undefined {\n    const cached = cache.get(branchId);\n    if (cached !== undefined || cache.has(branchId)) return cached;\n    let topMost: string | undefined;\n    const visited = new Set<string>();\n    let cur: string | undefined = branchId;\n    while (cur !== undefined && !visited.has(cur)) {\n      visited.add(cur);\n      if (collapsedSet.has(cur)) topMost = cur;\n      cur = parentOf.get(cur);\n    }\n    cache.set(branchId, topMost);\n    return topMost;\n  };\n}\n\ninterface ComputeResult {\n  items: RenderItem[];\n  /** Hidden revision id → the summary item id that absorbed it (for edge remap). */\n  summaryOf: Map<string, string>;\n}\n\n/**\n * Single newest-first pass over `revisions` → the visible render-item list.\n *\n * A revision is hidden when its branch (or any ancestor branch) is collapsed; the\n * FIRST hidden revision of a collapsed subtree (the tip, since order is\n * newest-first) is replaced by ONE summary row at its slot, and the rest are\n * dropped. Each hidden revision is counted against its top-most collapsed\n * ancestor only, so nested collapse never double-counts. Light: Map/Set lookups\n * and a shallow parent-chain walk — no graph math.\n */\nfunction computeRenderItems(\n  revisions: Revision[],\n  collapsedSet: Set<string>,\n  maps: BranchMaps,\n): ComputeResult {\n  const items: RenderItem[] = [];\n  const summaryOf = new Map<string, string>();\n  const summaryCount = new Map<string, number>();\n  const summaryEmitted = new Set<string>();\n  const seenVisibleBranch = new Set<string>();\n  const topCollapsed = makeTopCollapsed(maps.parentOf, collapsedSet);\n\n  for (const rev of revisions) {\n    const bid = rev.branchId;\n    // Unknown branch ids (not in `branches`) are never hidden / never collapsible.\n    if (bid !== undefined && maps.branchById.has(bid)) {\n      const top = topCollapsed(bid);\n      if (top !== undefined) {\n        const summaryId = `summary:${top}`;\n        summaryOf.set(rev.id, summaryId);\n        summaryCount.set(top, (summaryCount.get(top) ?? 0) + 1);\n        if (!summaryEmitted.has(top)) {\n          summaryEmitted.add(top);\n          const branch = maps.branchById.get(top) ?? { id: top };\n          items.push({\n            kind: \"summary\",\n            branch,\n            count: 0,\n            lane: rev.lane,\n            id: summaryId,\n            tipTimestamp: rev.timestamp,\n          });\n        }\n        continue;\n      }\n      const canCollapse = !seenVisibleBranch.has(bid);\n      seenVisibleBranch.add(bid);\n      items.push({ kind: \"revision\", revision: rev, canCollapse, branchId: bid });\n      continue;\n    }\n\n    items.push({ kind: \"revision\", revision: rev, canCollapse: false, branchId: bid });\n  }\n\n  for (const it of items) {\n    if (it.kind === \"summary\") it.count = summaryCount.get(it.branch.id) ?? 0;\n  }\n\n  return { items, summaryOf };\n}\n\n// ─── Context ─────────────────────────────────────────────────────────────────\n\ninterface RevisionTimelineCtx {\n  selectedId: string | undefined;\n  onSelect: (id: string) => void;\n}\n\nconst RevisionTimelineContext = createContext<RevisionTimelineCtx | null>(null);\n\nfunction useRevisionTimelineCtx(): RevisionTimelineCtx {\n  const ctx = use(RevisionTimelineContext);\n  if (!ctx) throw new Error(\"RevisionTimeline sub-parts must be inside <RevisionTimeline>\");\n  return ctx;\n}\n\n// ─── SVG lane gutter ─────────────────────────────────────────────────────────\n\ninterface LaneGutterProps {\n  revisions: GutterNode[];\n  edges: RevisionEdge[];\n  /**\n   * Map of revision id → vertical centre (px) in the gutter's coordinate space.\n   * Computed by the parent so the gutter shares ONE coordinate space with the\n   * list — it already accounts for day-header heights, so dots line up with\n   * their rows even when `groupBy=\"day\"` inserts headers between groups.\n   */\n  rowCenterY: Map<string, number>;\n  /** Total gutter height (px) — equals the rendered list height. */\n  height: number;\n  className?: string;\n}\n\n/**\n * Renders the branch-graph SVG gutter. Draws:\n *   - A vertical spine per lane (coloured via chart tokens)\n *   - A filled circle node at each revision's lane position\n *   - Merge-join cubic-bezier curves between a child revision and its parent\n *     revision when they are in different lanes (cross-lane edges)\n *\n * All Y positions come from `rowCenterY` (header-aware), NOT `index * ROW_H`,\n * so the graph stays aligned with day-grouped rows. No `absolute w-px`\n * connectors — all drawing is SVG (timeline-fork safe).\n */\nfunction LaneGutter({ revisions, edges, rowCenterY, height, className }: LaneGutterProps) {\n  const maxLane = revisions.reduce((m, r) => Math.max(m, r.lane), 0);\n  const svgW = (maxLane + 1) * LANE_W;\n\n  const idToRev = useMemo(() => {\n    const m = new Map<string, GutterNode>();\n    for (const r of revisions) m.set(r.id, r);\n    return m;\n  }, [revisions]);\n\n  // Each lane's first + last revision (in list order) bound its spine.\n  const laneSpan = useMemo(() => {\n    const first = new Map<number, string>();\n    const last = new Map<number, string>();\n    for (const r of revisions) {\n      if (!first.has(r.lane)) first.set(r.lane, r.id);\n      last.set(r.lane, r.id);\n    }\n    return { first, last };\n  }, [revisions]);\n\n  // Pre-count incoming edges per revision → merge detection.\n  const incomingCount = useMemo(() => {\n    const m = new Map<string, number>();\n    for (const e of edges) m.set(e.to, (m.get(e.to) ?? 0) + 1);\n    return m;\n  }, [edges]);\n\n  if (height === 0 || revisions.length === 0) return null;\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width={svgW}\n      height={height}\n      className={cn(\"shrink-0 self-stretch\", className)}\n      style={{ minWidth: svgW }}\n    >\n      {/* Lane spines — one vertical line per lane from first to last revision */}\n      {Array.from(laneSpan.last.entries()).map(([lane, lastId]) => {\n        const firstId = laneSpan.first.get(lane);\n        const y1 = firstId ? rowCenterY.get(firstId) : undefined;\n        const y2 = rowCenterY.get(lastId);\n        if (y1 === undefined || y2 === undefined) return null;\n        const x = laneX(lane);\n        return (\n          <line\n            key={`spine-${lane}`}\n            x1={x}\n            y1={y1}\n            x2={x}\n            y2={y2}\n            stroke={laneColor(lane)}\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            opacity={LANE_STROKE_OPACITY}\n          />\n        );\n      })}\n\n      {/* Edge connectors — cross-lane merge / fork joins. The line stays in its\n          source lane for a fixed length (EDGE_TURN), turns through a short elbow,\n          then runs straight into the target lane — so it leads cleanly into the\n          previous level instead of drifting across the whole gap. */}\n      {edges.map((edge, ei) => {\n        const fromRev = idToRev.get(edge.from);\n        const toRev = idToRev.get(edge.to);\n        if (!fromRev || !toRev) return null;\n        if (fromRev.lane === toRev.lane) return null; // covered by the spine\n        const y1 = rowCenterY.get(fromRev.id);\n        const y2 = rowCenterY.get(toRev.id);\n        if (y1 === undefined || y2 === undefined) return null;\n        const x1 = laneX(fromRev.lane);\n        const x2 = laneX(toRev.lane);\n        const dir = y2 >= y1 ? 1 : -1;\n        // Tangent the curve to BOTH lanes (vertical at each end) with a fixed\n        // corner length, capped so short joins don't overshoot.\n        const k = Math.min(Math.abs(y2 - y1) / 2, EDGE_TURN);\n        return (\n          <path\n            key={`edge-${ei}`}\n            d={`M ${x1} ${y1} C ${x1} ${y1 + dir * k}, ${x2} ${y2 - dir * k}, ${x2} ${y2}`}\n            stroke={laneColor(fromRev.lane)}\n            strokeWidth={2}\n            fill=\"none\"\n            strokeLinecap=\"round\"\n            opacity={LANE_STROKE_OPACITY}\n          />\n        );\n      })}\n\n      {/* Node dots — one circle per revision */}\n      {revisions.map((rev) => {\n        const x = laneX(rev.lane);\n        const y = rowCenterY.get(rev.id);\n        if (y === undefined) return null;\n        const isMerge = (incomingCount.get(rev.id) ?? 0) >= 2;\n        return (\n          <g key={`node-${rev.id}`}>\n            {isMerge ? (\n              <>\n                <circle\n                  cx={x}\n                  cy={y}\n                  r={NODE_R + 2}\n                  fill=\"var(--background)\"\n                  stroke={laneColor(rev.lane)}\n                  strokeWidth={2}\n                />\n                <circle cx={x} cy={y} r={NODE_R - 1} fill={laneColor(rev.lane)} />\n              </>\n            ) : (\n              <circle cx={x} cy={y} r={NODE_R} fill={laneColor(rev.lane)} />\n            )}\n          </g>\n        );\n      })}\n    </svg>\n  );\n}\n\n// ─── Day group header ─────────────────────────────────────────────────────────\n\ninterface DayHeaderProps {\n  label: string;\n}\n\nfunction DayHeader({ label }: DayHeaderProps) {\n  // Fixed height (DAY_HEADER_H) so the SVG gutter's coordinate space stays in\n  // lockstep with the rendered rows — see LaneGutter / rowCenterY.\n  return (\n    <div\n      role=\"separator\"\n      aria-label={label}\n      style={{ height: DAY_HEADER_H }}\n      className=\"box-border flex items-center gap-3 px-3\"\n    >\n      <span className=\"text-eyebrow uppercase text-muted-foreground\">{label}</span>\n      <div className=\"h-px flex-1 bg-border\" aria-hidden=\"true\" />\n    </div>\n  );\n}\n\n// ─── Churn indicator ──────────────────────────────────────────────────────────\n\ninterface ChurnProps {\n  additions?: number;\n  deletions?: number;\n}\n\nfunction Churn({ additions, deletions }: ChurnProps) {\n  const hasAdditions = additions !== undefined && additions > 0;\n  const hasDeletions = deletions !== undefined && deletions > 0;\n  if (!hasAdditions && !hasDeletions) return null;\n\n  return (\n    <span\n      className=\"flex shrink-0 items-center gap-1 tabular-nums text-meta text-muted-foreground\"\n      aria-label={`${additions ?? 0} additions, ${deletions ?? 0} deletions`}\n    >\n      {hasAdditions && (\n        <span className=\"flex items-center gap-0.5 text-success-text\" aria-hidden=\"true\">\n          <Plus aria-hidden=\"true\" className=\"size-2.5\" />\n          {additions}\n        </span>\n      )}\n      {hasDeletions && (\n        <span className=\"flex items-center gap-0.5 text-destructive\" aria-hidden=\"true\">\n          <Minus aria-hidden=\"true\" className=\"size-2.5\" />\n          {deletions}\n        </span>\n      )}\n    </span>\n  );\n}\n\n// ─── Ref chip ─────────────────────────────────────────────────────────────────\n\nfunction RefChip({ label }: { label: string }) {\n  return (\n    <span className=\"inline-flex shrink-0 items-center rounded border border-border bg-muted px-1.5 py-0.5 text-meta text-muted-foreground\">\n      {label}\n    </span>\n  );\n}\n\n// ─── Branch collapse UI ───────────────────────────────────────────────────────\n\n/** A right-chevron that rotates 90° to point down when its branch is expanded. */\nfunction BranchChevron({ expanded }: { expanded: boolean }) {\n  return (\n    <ChevronRight\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-3.5 shrink-0 text-muted-foreground transition-transform duration-fast ease-standard motion-reduce:transition-none\",\n        expanded && \"rotate-90\",\n      )}\n    />\n  );\n}\n\n/**\n * The collapse toggle shown on an expanded branch's tip row. A standalone button\n * (a sibling of the row's select button — never nested inside it) so there are no\n * nested interactive elements.\n */\nfunction BranchToggle({ branchName, onToggle }: { branchName: string; onToggle: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={true}\n      aria-label={`Collapse branch ${branchName}`}\n      onClick={onToggle}\n      className={cn(\n        \"flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground\",\n        \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus-ring\",\n      )}\n    >\n      <BranchChevron expanded />\n    </button>\n  );\n}\n\ninterface CollapsedBranchRowProps {\n  branchId: string;\n  branchName: string;\n  /** Pre-formatted trailing label, e.g. \"3 commits\" (default) or \"3 steps\". */\n  summaryLabel: string;\n  density: RevisionTimelineDensity;\n  /** Left indent (px), proportional to the collapsed branch's lane depth. */\n  indent: number;\n  onExpand: () => void;\n}\n\n/**\n * The single summary row that stands in for a collapsed branch, placed at the\n * branch's tip position. The whole row IS the expand button (no nested\n * interactives), so it offers exactly one keyboard/AT target.\n */\nfunction CollapsedBranchRow({\n  branchId,\n  branchName,\n  summaryLabel,\n  density,\n  indent,\n  onExpand,\n}: CollapsedBranchRowProps) {\n  const ROW_H = density === \"compact\" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;\n\n  return (\n    <li\n      role=\"listitem\"\n      data-summary-branch-id={branchId}\n      style={{ height: ROW_H, paddingInlineStart: indent }}\n      className=\"relative flex items-center\"\n    >\n      <button\n        type=\"button\"\n        aria-expanded={false}\n        aria-label={`Collapsed branch ${branchName}, ${summaryLabel}, expand`}\n        onClick={onExpand}\n        className={cn(\n          \"flex h-full w-full min-w-0 items-center gap-2 px-2 text-start\",\n          \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n          \"rounded focus-ring\",\n          \"hover:bg-accent hover:text-accent-foreground\",\n        )}\n      >\n        <BranchChevron expanded={false} />\n        <GitBranch className=\"size-3.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 flex-1 truncate text-body text-foreground\" title={branchName}>\n          {branchName}\n        </span>\n        <span className=\"shrink-0 tabular-nums text-meta text-muted-foreground\">\n          {summaryLabel}\n        </span>\n      </button>\n    </li>\n  );\n}\n\n// ─── Revision row ────────────────────────────────────────────────────────────\n\ninterface RevisionRowProps {\n  revision: Revision;\n  isMerge: boolean;\n  density: RevisionTimelineDensity;\n  /**\n   * Left indent (px) for this row's content, proportional to its lane depth, so\n   * the row text staircases alongside the branch graph instead of all rows\n   * starting at the same point.\n   */\n  indent: number;\n  /**\n   * When set, this row is the tip of an expanded collapsible branch: render a\n   * collapse toggle as a sibling of the select button (never nested).\n   */\n  collapseToggle?: { branchName: string; onToggle: () => void };\n}\n\nfunction RevisionRow({ revision, isMerge, density, indent, collapseToggle }: RevisionRowProps) {\n  const { selectedId, onSelect } = useRevisionTimelineCtx();\n  const isSelected = selectedId === revision.id;\n  const ROW_H = density === \"compact\" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;\n\n  const formattedTimestamp = useMemo(() => {\n    const d =\n      revision.timestamp instanceof Date ? revision.timestamp : new Date(revision.timestamp);\n    return new Intl.DateTimeFormat(undefined, {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    }).format(d);\n  }, [revision.timestamp]);\n\n  const fullTimestamp = useMemo(() => {\n    const d =\n      revision.timestamp instanceof Date ? revision.timestamp : new Date(revision.timestamp);\n    return new Intl.DateTimeFormat(undefined, {\n      dateStyle: \"full\",\n      timeStyle: \"medium\",\n    }).format(d);\n  }, [revision.timestamp]);\n\n  return (\n    <li\n      role=\"listitem\"\n      data-revision-id={revision.id}\n      data-selected={isSelected || undefined}\n      style={{ height: ROW_H, paddingInlineStart: indent }}\n      className=\"relative flex items-center\"\n    >\n      {collapseToggle && (\n        <BranchToggle branchName={collapseToggle.branchName} onToggle={collapseToggle.onToggle} />\n      )}\n      <button\n        type=\"button\"\n        aria-label={`Select revision: ${revision.message}`}\n        aria-pressed={isSelected}\n        onClick={() => onSelect(revision.id)}\n        className={cn(\n          collapseToggle\n            ? \"flex h-full min-w-0 flex-1 items-center gap-2 px-2 text-start\"\n            : \"flex h-full w-full min-w-0 items-center gap-2 px-2 text-start\",\n          \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n          \"rounded focus-ring\",\n          \"hover:bg-accent hover:text-accent-foreground\",\n          isSelected && \"border-s-2 border-s-primary bg-accent text-accent-foreground\",\n        )}\n      >\n        {/* Merge icon (non-color visual cue for merge commits) */}\n        <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n          {isMerge ? (\n            <GitMerge className=\"size-3.5\" aria-hidden=\"true\" />\n          ) : (\n            <GitCommitHorizontal className=\"size-3.5\" aria-hidden=\"true\" />\n          )}\n        </span>\n\n        {/* Commit message — truncates with min-w-0 */}\n        <span\n          className=\"min-w-0 flex-1 truncate text-body text-foreground\"\n          title={revision.message}\n        >\n          {revision.message}\n        </span>\n\n        {/* Ref chips (branch / tag labels) */}\n        {revision.refs && revision.refs.length > 0 && (\n          <span className=\"hidden shrink-0 items-center gap-1 sm:flex\">\n            {revision.refs.map((ref) => (\n              <RefChip key={ref} label={ref} />\n            ))}\n          </span>\n        )}\n\n        {/* Churn indicators */}\n        <Churn additions={revision.additions} deletions={revision.deletions} />\n\n        {/* Author */}\n        {revision.author && (\n          <span\n            className=\"hidden shrink-0 text-caption text-muted-foreground md:block\"\n            title={revision.author}\n          >\n            {revision.author}\n          </span>\n        )}\n\n        {/* Short SHA */}\n        {revision.shortSha && (\n          <span\n            className=\"hidden shrink-0 font-mono text-meta text-muted-foreground sm:block\"\n            title={`Full SHA: ${revision.shortSha}`}\n          >\n            {revision.shortSha}\n          </span>\n        )}\n\n        {/* Timestamp */}\n        <time\n          dateTime={\n            revision.timestamp instanceof Date\n              ? revision.timestamp.toISOString()\n              : new Date(revision.timestamp).toISOString()\n          }\n          className=\"shrink-0 text-meta text-muted-foreground\"\n          title={fullTimestamp}\n        >\n          {formattedTimestamp}\n        </time>\n      </button>\n    </li>\n  );\n}\n\n// ─── Collapse state hook ──────────────────────────────────────────────────────\n\n/**\n * Controlled/uncontrolled collapsed-branch state — mirrors the selection pattern.\n * Internally a `Set`; the controlled API stays array-shaped. `toggleBranch`\n * fires `onBranchToggle(id, next)` and only mutates internal state when\n * uncontrolled.\n */\nfunction useBranchCollapse(opts: {\n  collapsedBranchIds?: string[];\n  defaultCollapsedBranchIds?: string[];\n  onBranchToggle?: (branchId: string, collapsed: boolean) => void;\n}) {\n  const { collapsedBranchIds, defaultCollapsedBranchIds, onBranchToggle } = opts;\n  const isControlled = collapsedBranchIds !== undefined;\n  const [internal, setInternal] = useState<Set<string>>(\n    () => new Set(defaultCollapsedBranchIds ?? []),\n  );\n  const collapsedSet = useMemo(\n    () => (isControlled ? new Set(collapsedBranchIds) : internal),\n    [isControlled, collapsedBranchIds, internal],\n  );\n  const toggleBranch = useCallback(\n    (branchId: string) => {\n      const next = !collapsedSet.has(branchId);\n      onBranchToggle?.(branchId, next);\n      if (!isControlled) {\n        setInternal((prev) => {\n          const s = new Set(prev);\n          if (next) s.add(branchId);\n          else s.delete(branchId);\n          return s;\n        });\n      }\n    },\n    [collapsedSet, isControlled, onBranchToggle],\n  );\n  return { collapsedSet, toggleBranch };\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport interface RevisionTimelineProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\">,\n    VariantProps<typeof revisionTimelineVariants> {\n  /** Ordered revisions, newest → oldest. */\n  revisions: Revision[];\n  /**\n   * Parent-link edges for drawing the branch graph.\n   * Each edge connects a child revision (`from`) to its parent (`to`).\n   */\n  edges?: RevisionEdge[];\n  /**\n   * How to group revisions. `\"day\"` inserts day headers; `\"none\"` renders a\n   * flat list. @default \"day\"\n   */\n  groupBy?: \"day\" | \"none\";\n  /** Format the day-group header label. Defaults to `Intl.DateTimeFormat` long date. */\n  formatDay?: (d: Date) => string;\n  /**\n   * Controlled selection: the id of the currently-selected revision.\n   * Omit to use uncontrolled selection (`defaultSelectedId`).\n   */\n  selectedId?: string;\n  /** Initial selected revision id for uncontrolled usage. */\n  defaultSelectedId?: string;\n  /** Called when the user selects a revision row. */\n  onSelect?: (id: string) => void;\n  /**\n   * Collapsible branch registry. **Supplying this opts in to the collapse/expand\n   * mode.** Each listed branch becomes collapsible; a branch's commits fold into a\n   * single summary row at its tip. `parentBranchId` nests branches so collapsing a\n   * parent also folds its descendants (multi-level). A revision whose `branchId`\n   * is not listed here (e.g. the trunk) stays permanently visible. Omit entirely\n   * for the classic, non-collapsible timeline.\n   */\n  branches?: RevisionBranch[];\n  /** Controlled set of collapsed branch ids. */\n  collapsedBranchIds?: string[];\n  /** Uncontrolled initial set of collapsed branch ids. */\n  defaultCollapsedBranchIds?: string[];\n  /** Called when a branch is collapsed or expanded. `collapsed` is the NEXT state. */\n  onBranchToggle?: (branchId: string, collapsed: boolean) => void;\n  /**\n   * Trailing summary text on a collapsed branch row. Defaults to\n   * `\"<n> commit(s)\"`; override to re-vocabulary the timeline (e.g. `\"<n> steps\"`\n   * when modelling a process flow rather than git history).\n   */\n  formatBranchSummary?: (count: number, branch: RevisionBranch) => string;\n}\n\n/**\n * RevisionTimeline — presentational git-history timeline.\n *\n * Renders revisions in a scrollable list with:\n *   - Day grouping (collapsible via `groupBy`)\n *   - SVG branch-graph lanes + merge joins in the left gutter\n *   - Churn indicators, ref chips, author, SHA, timestamp\n *   - Accessible selection (real `<button>` elements in an `<ol>`)\n *\n * Self-contained: no required Provider ancestor. Use `selectedId` +\n * `onSelect` for controlled selection, or `defaultSelectedId` for uncontrolled.\n *\n * Pass `branches` to enable the collapse/expand mode: a branch's commits fold\n * into a single summary row at its tip (multi-level via `parentBranchId`).\n */\nexport const RevisionTimeline = forwardRef<HTMLDivElement, RevisionTimelineProps>(\n  function RevisionTimeline(\n    {\n      revisions,\n      edges = [],\n      groupBy = \"day\",\n      formatDay,\n      selectedId: controlledSelectedId,\n      defaultSelectedId,\n      onSelect,\n      branches,\n      collapsedBranchIds,\n      defaultCollapsedBranchIds,\n      onBranchToggle,\n      formatBranchSummary,\n      density,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const resolvedDensity: RevisionTimelineDensity = density ?? \"comfortable\";\n\n    // Collapse/expand mode is opt-in: active only when `branches` are supplied.\n    const collapseEnabled = !!branches && branches.length > 0;\n    const branchMaps = useMemo(() => buildBranchMaps(branches ?? []), [branches]);\n    const { collapsedSet, toggleBranch } = useBranchCollapse({\n      collapsedBranchIds,\n      defaultCollapsedBranchIds,\n      onBranchToggle,\n    });\n\n    // Controlled / uncontrolled selection\n    const isControlled = controlledSelectedId !== undefined;\n    const [internalSelectedId, setInternalSelectedId] = useState<string | undefined>(\n      defaultSelectedId,\n    );\n    const resolvedSelectedId = isControlled ? controlledSelectedId : internalSelectedId;\n\n    const handleSelect = useCallback(\n      (id: string) => {\n        onSelect?.(id);\n        if (!isControlled) {\n          setInternalSelectedId(id);\n        }\n      },\n      [isControlled, onSelect],\n    );\n\n    // Default day formatter\n    const defaultFormatDay = useCallback(\n      (d: Date) =>\n        new Intl.DateTimeFormat(undefined, {\n          weekday: \"short\",\n          month: \"short\",\n          day: \"numeric\",\n          year: \"numeric\",\n        }).format(d),\n      [],\n    );\n    const resolvedFormatDay = formatDay ?? defaultFormatDay;\n\n    // Merge detection: revision is a merge if ≥2 incoming edges target it\n    const mergeIds = useMemo(() => {\n      const incoming = new Map<string, number>();\n      for (const e of edges) {\n        incoming.set(e.to, (incoming.get(e.to) ?? 0) + 1);\n      }\n      return new Set([...incoming.entries()].filter(([, n]) => n >= 2).map(([id]) => id));\n    }, [edges]);\n\n    // Visible render items (revisions + collapsed-branch summaries). With no\n    // `branches`, `branchMaps` is empty → every item is a plain revision and\n    // `summaryOf` is empty, so the legacy render path is reproduced exactly.\n    const { items: renderItems, summaryOf } = useMemo(\n      () => computeRenderItems(revisions, collapsedSet, branchMaps),\n      [revisions, collapsedSet, branchMaps],\n    );\n\n    // Group the VISIBLE render items by day. A summary inherits its tip's\n    // timestamp, so it lands in the tip's day; a fully-hidden day drops out.\n    const groups = useMemo<Array<{ dayKey: string; dayLabel: string; items: RenderItem[] }>>(() => {\n      const itemTime = (it: RenderItem) =>\n        it.kind === \"revision\" ? it.revision.timestamp : it.tipTimestamp;\n      if (groupBy === \"none\") {\n        return [{ dayKey: \"all\", dayLabel: \"\", items: renderItems }];\n      }\n      const result: Array<{ dayKey: string; dayLabel: string; items: RenderItem[] }> = [];\n      for (const it of renderItems) {\n        const ts = itemTime(it);\n        const d = ts instanceof Date ? ts : new Date(ts);\n        // YYYY-MM-DD in local time for grouping key\n        const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n        const last = result[result.length - 1];\n        if (last && last.dayKey === key) {\n          last.items.push(it);\n        } else {\n          result.push({ dayKey: key, dayLabel: resolvedFormatDay(d), items: [it] });\n        }\n      }\n      return result;\n    }, [renderItems, groupBy, resolvedFormatDay]);\n\n    // Shared gutter↔list coordinate space: a per-row vertical centre keyed by\n    // render-item id (revision id OR `summary:<branchId>`), accounting for\n    // day-header height, so the SVG dots line up with their rows.\n    const ROW_H = resolvedDensity === \"compact\" ? ROW_H_COMPACT : ROW_H_COMFORTABLE;\n    const { rowCenterY, gutterHeight } = useMemo(() => {\n      const map = new Map<string, number>();\n      let y = 0;\n      for (const group of groups) {\n        if (groupBy === \"day\") y += DAY_HEADER_H;\n        for (const it of group.items) {\n          const id = it.kind === \"revision\" ? it.revision.id : it.id;\n          map.set(id, y + ROW_H / 2);\n          y += ROW_H;\n        }\n      }\n      return { rowCenterY: map, gutterHeight: y };\n    }, [groups, groupBy, ROW_H]);\n\n    // Gutter nodes: one per visible revision + one synthetic node per summary\n    // (on the collapsed branch's own lane = its tip's lane).\n    const gutterRevisions = useMemo<GutterNode[]>(\n      () =>\n        renderItems.map((it) =>\n          it.kind === \"revision\"\n            ? { id: it.revision.id, lane: it.revision.lane }\n            : { id: it.id, lane: it.lane },\n        ),\n      [renderItems],\n    );\n\n    // Remap edges whose endpoints were hidden onto the summary that absorbed\n    // them, so merge/fork curves still connect to the summary node.\n    const visibleEdges = useMemo<RevisionEdge[]>(() => {\n      if (!collapseEnabled || summaryOf.size === 0) return edges;\n      const seen = new Set<string>();\n      const out: RevisionEdge[] = [];\n      for (const e of edges) {\n        const from = summaryOf.get(e.from) ?? e.from;\n        const to = summaryOf.get(e.to) ?? e.to;\n        if (from === to) continue; // collapsed into a single node\n        const key = `${from}\\u0000${to}`;\n        if (seen.has(key)) continue; // de-dup coincident remaps\n        seen.add(key);\n        out.push({ from, to });\n      }\n      return out;\n    }, [collapseEnabled, edges, summaryOf]);\n\n    const ctx: RevisionTimelineCtx = useMemo(\n      () => ({\n        selectedId: resolvedSelectedId,\n        onSelect: handleSelect,\n      }),\n      [resolvedSelectedId, handleSelect],\n    );\n\n    const branchLabel = (branch: RevisionBranch) => branch.name ?? branch.id;\n    const summaryText =\n      formatBranchSummary ?? ((count: number) => `${count} ${count === 1 ? \"commit\" : \"commits\"}`);\n\n    return (\n      <RevisionTimelineContext.Provider value={ctx}>\n        <div\n          ref={ref}\n          className={cn(revisionTimelineVariants({ density: resolvedDensity }), className)}\n          {...props}\n        >\n          {/* Lane gutter + list side-by-side */}\n          <div className=\"flex min-w-0\">\n            {/* SVG branch-graph gutter */}\n            <LaneGutter\n              revisions={gutterRevisions}\n              edges={visibleEdges}\n              rowCenterY={rowCenterY}\n              height={gutterHeight}\n              className=\"mr-1\"\n            />\n\n            {/* Revision list */}\n            <div className=\"min-w-0 flex-1\">\n              {groups.map((group) => (\n                <div key={group.dayKey}>\n                  {groupBy === \"day\" && <DayHeader label={group.dayLabel} />}\n                  <ol\n                    role=\"list\"\n                    aria-label={groupBy === \"day\" ? group.dayLabel : t(\"ui.revisionTimeline.label\")}\n                  >\n                    {group.items.map((it) => {\n                      if (it.kind === \"summary\") {\n                        return (\n                          <CollapsedBranchRow\n                            key={it.id}\n                            branchId={it.branch.id}\n                            branchName={branchLabel(it.branch)}\n                            summaryLabel={summaryText(it.count, it.branch)}\n                            density={resolvedDensity}\n                            indent={it.lane * LANE_W}\n                            onExpand={() => toggleBranch(it.branch.id)}\n                          />\n                        );\n                      }\n                      const branch = it.branchId\n                        ? branchMaps.branchById.get(it.branchId)\n                        : undefined;\n                      const collapseToggle =\n                        it.canCollapse && branch\n                          ? {\n                              branchName: branchLabel(branch),\n                              onToggle: () => toggleBranch(branch.id),\n                            }\n                          : undefined;\n                      return (\n                        <RevisionRow\n                          key={it.revision.id}\n                          revision={it.revision}\n                          isMerge={mergeIds.has(it.revision.id)}\n                          density={resolvedDensity}\n                          indent={it.revision.lane * LANE_W}\n                          collapseToggle={collapseToggle}\n                        />\n                      );\n                    })}\n                  </ol>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </RevisionTimelineContext.Provider>\n    );\n  },\n);\n"],"mappings":"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","names":["RevisionTimeline"]}

package/dist/chunk-XYACSO57.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/input/input.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Input = forwardRef(function Input2({ className, type = "text", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type,
+      className: cn(
+        "flex h-control w-full rounded-control border border-input bg-input-background text-foreground px-3 py-1 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard",
+        "placeholder:text-muted-foreground",
+        "focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus",
+        // One disabled mechanism (opacity fade), matching every `Button`
+        // variant — `disabled:bg-muted` used to also fire here, stacking a
+        // fill swap on top of the fade (#286); `disabled:border-border` stays,
+        // it is the separate/subtle "not editable" edge, not a fill.
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border",
+        "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive",
+        "file:border-0 file:bg-transparent file:text-body file:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-XYACSO57.js.map

package/dist/chunk-XYACSO57.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/input.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, type = \"text\", ...props },\n  ref,\n) {\n  return (\n    <input\n      ref={ref}\n      type={type}\n      className={cn(\n        \"flex h-control w-full rounded-control border border-input bg-input-background text-foreground px-3 py-1 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard\",\n        \"placeholder:text-muted-foreground\",\n        \"focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus\",\n        // One disabled mechanism (opacity fade), matching every `Button`\n        // variant — `disabled:bg-muted` used to also fire here, stacking a\n        // fill swap on top of the fade (#286); `disabled:border-border` stays,\n        // it is the separate/subtle \"not editable\" edge, not a fill.\n        \"disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border\",\n        \"aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive\",\n        \"file:border-0 file:bg-transparent file:text-body file:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAA4C;AAUjD;AALG,IAAM,QAAQ,WAAyC,SAASA,OACrE,EAAE,WAAW,OAAO,QAAQ,GAAG,MAAM,GACrC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Input"]}

package/dist/chunk-XYFEQHEM.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-XYFEQHEM.js.map

package/dist/chunk-XYFEQHEM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-XZ23AFOP.js

@@ -0,0 +1,26 @@
+"use client";
+import {
+  StatePanel
+} from "./chunk-BLNXHETI.js";
+
+// src/components/empty-state/empty-state.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function EmptyState({ title, description, icon, actions, className }) {
+  return /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "empty",
+      title,
+      description,
+      icon,
+      actions,
+      className
+    }
+  );
+}
+
+export {
+  EmptyState
+};
+//# sourceMappingURL=chunk-XZ23AFOP.js.map

package/dist/chunk-XZ23AFOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/empty-state/empty-state.tsx"],"sourcesContent":["/**\n * @deprecated Use `StatePanel kind=\"empty\"` from `@elabs-ai/components-ui` instead.\n * This wrapper is kept for back-compat and will be removed in a future release.\n */\nimport { type ReactNode } from \"react\";\nimport { StatePanel } from \"../state-panel/state-panel\";\n\nexport interface EmptyStateProps {\n  title: ReactNode;\n  description?: ReactNode;\n  /**\n   * Optional icon shown above the title, clamped to a fixed 40×40 (this\n   * wrapper only ever forwards `icon` to `StatePanel`, never `illustration`\n   * — for a larger, unclamped illustration use\n   * `StatePanel kind=\"empty\" illustration={...}` directly).\n   */\n  icon?: ReactNode;\n  /** Primary/secondary actions. */\n  actions?: ReactNode;\n  className?: string;\n}\n\n/** @deprecated Use `<StatePanel kind=\"empty\" />` instead. */\nexport function EmptyState({ title, description, icon, actions, className }: EmptyStateProps) {\n  return (\n    <StatePanel\n      kind=\"empty\"\n      title={title}\n      description={description}\n      icon={icon}\n      actions={actions}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,OAA+B;AAqB3B;AAFG,SAAS,WAAW,EAAE,OAAO,aAAa,MAAM,SAAS,UAAU,GAAoB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-YACASX6X.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  illustrationAccent,
+  illustrationSvgProps
+} from "./chunk-A47AZPCL.js";
+
+// src/illustrations/error-illustration.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorIllustration = forwardRef(
+  function ErrorIllustration2({ size, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        ...illustrationSvgProps(size, className),
+        "data-slot": "error-illustration",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M36,32 L83.06,32 L71.29,55.16 L92.47,69.06 L66.59,92.24 L76,120 L36,120 Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M124,36 L124,124 L84,124 L74.59,96.24 L100.47,73.06 L79.29,59.16 L91.06,36 Z" }),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: "104",
+              y: "46",
+              width: "8",
+              height: "24",
+              rx: "4",
+              style: { fill: illustrationAccent("var(--destructive-text)") },
+              stroke: "none"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: "108",
+              cy: "80",
+              r: "5",
+              style: { fill: illustrationAccent("var(--destructive-text)") },
+              stroke: "none"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ErrorIllustration.displayName = "ErrorIllustration";
+
+export {
+  ErrorIllustration
+};
+//# sourceMappingURL=chunk-YACASX6X.js.map

package/dist/chunk-YACASX6X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/error-illustration.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  illustrationSvgProps,\n  illustrationAccent,\n  type IllustrationProps,\n} from \"./illustration-base\";\n\n/**\n * Recoverable-failure state. A line-art document split into two halves with a\n * visible gap between them — distinguishable from `NoAccessIllustration`/\n * `OfflineIllustration` by silhouette alone (a split document reads as\n * \"broken\" even in greyscale), per the WCAG 1.4.1 \"never color-only\" rule.\n * The exclamation mark IS meaning-bearing (per the accent-semantics\n * convention in `illustration-base.tsx`, #48 finding 1) — it turns \"torn\n * document\" into \"warning\", information the silhouette alone doesn't carry —\n * so it stays, in the upper-right quadrant of the right-hand half, clear of\n * both documents' outlines.\n *\n * Redrawn for #24 fix round 1 (P1-3) — the previous cracked-card + tiny alert\n * triangle read as a lightning bolt or a broken-image placeholder and the\n * triangle's exclamation collapsed to an illegible blob at 4rem.\n *\n * Redrawn again for #48 finding 3 — the mark previously sat at (76-84,\n * 54-95), exactly where the two document halves' torn edges converge, so it\n * read as a knot of overlapping lines rather than a \"!\". Moved to\n * (98-113, 44-85), 8-15 units clear of the nearest tear line at every\n * y-coordinate it spans.\n */\nexport const ErrorIllustration = forwardRef<SVGSVGElement, IllustrationProps>(\n  function ErrorIllustration({ size, className, ...props }, ref) {\n    return (\n      <svg\n        ref={ref}\n        {...illustrationSvgProps(size, className)}\n        data-slot=\"error-illustration\"\n        {...props}\n      >\n        <path d=\"M36,32 L83.06,32 L71.29,55.16 L92.47,69.06 L66.59,92.24 L76,120 L36,120 Z\" />\n        <path d=\"M124,36 L124,124 L84,124 L74.59,96.24 L100.47,73.06 L79.29,59.16 L91.06,36 Z\" />\n        <rect\n          x=\"104\"\n          y=\"46\"\n          width=\"8\"\n          height=\"24\"\n          rx=\"4\"\n          style={{ fill: illustrationAccent(\"var(--destructive-text)\") }}\n          stroke=\"none\"\n        />\n        <circle\n          cx=\"108\"\n          cy=\"80\"\n          r=\"5\"\n          style={{ fill: illustrationAccent(\"var(--destructive-text)\") }}\n          stroke=\"none\"\n        />\n      </svg>\n    );\n  },\n);\nErrorIllustration.displayName = \"ErrorIllustration\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAkB;AA+BrB,SAME,KANF;AAHC,IAAM,oBAAoB;AAAA,EAC/B,SAASA,mBAAkB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,qBAAqB,MAAM,SAAS;AAAA,QACxC,aAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAK,GAAE,6EAA4E;AAAA,UACpF,oBAAC,UAAK,GAAE,gFAA+E;AAAA,UACvF;AAAA,YAAC;AAAA;AAAA,cACC,GAAE;AAAA,cACF,GAAE;AAAA,cACF,OAAM;AAAA,cACN,QAAO;AAAA,cACP,IAAG;AAAA,cACH,OAAO,EAAE,MAAM,mBAAmB,yBAAyB,EAAE;AAAA,cAC7D,QAAO;AAAA;AAAA,UACT;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACF,OAAO,EAAE,MAAM,mBAAmB,yBAAyB,EAAE;AAAA,cAC7D,QAAO;AAAA;AAAA,UACT;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;","names":["ErrorIllustration"]}

package/dist/chunk-YCFOFNQF.js

@@ -0,0 +1,28 @@
+"use client";
+
+// src/lib/use-mobile.ts
+import { useSyncExternalStore } from "react";
+var MOBILE_BREAKPOINT = 768;
+function subscribe(breakpoint, onStoreChange) {
+  const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+  mql.addEventListener("change", onStoreChange);
+  return () => mql.removeEventListener("change", onStoreChange);
+}
+function getSnapshot(breakpoint) {
+  return window.innerWidth < breakpoint;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMobile(breakpoint = MOBILE_BREAKPOINT) {
+  return useSyncExternalStore(
+    (onStoreChange) => subscribe(breakpoint, onStoreChange),
+    () => getSnapshot(breakpoint),
+    getServerSnapshot
+  );
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-YCFOFNQF.js.map

package/dist/chunk-YCFOFNQF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-mobile.ts"],"sourcesContent":["\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nfunction subscribe(breakpoint: number, onStoreChange: () => void) {\n  const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n  mql.addEventListener(\"change\", onStoreChange);\n  return () => mql.removeEventListener(\"change\", onStoreChange);\n}\n\nfunction getSnapshot(breakpoint: number) {\n  return window.innerWidth < breakpoint;\n}\n\n// SSR / first-paint snapshot: no viewport to measure yet, so report \"not\n// mobile\" rather than guessing — this must match what the server rendered to\n// avoid a hydration mismatch, and useSyncExternalStore re-syncs to the real\n// value on the client before paint (no desktop-layout flash).\nfunction getServerSnapshot() {\n  return false;\n}\n\n/**\n * Returns true when the viewport is below `breakpoint` (default 768px, the\n * mobile breakpoint). Additive optional argument (ADR 0035 §5) — every\n * existing zero-arg call site is unchanged. A caller with its own threshold\n * (e.g. `ContextRail`'s `overlayBreakpoint`) passes it directly instead of a\n * second hook.\n */\nexport function useIsMobile(breakpoint: number = MOBILE_BREAKPOINT): boolean {\n  return useSyncExternalStore(\n    (onStoreChange) => subscribe(breakpoint, onStoreChange),\n    () => getSnapshot(breakpoint),\n    getServerSnapshot,\n  );\n}\n"],"mappings":";;;AAEA,SAAS,4BAA4B;AAErC,IAAM,oBAAoB;AAE1B,SAAS,UAAU,YAAoB,eAA2B;AAChE,QAAM,MAAM,OAAO,WAAW,eAAe,aAAa,CAAC,KAAK;AAChE,MAAI,iBAAiB,UAAU,aAAa;AAC5C,SAAO,MAAM,IAAI,oBAAoB,UAAU,aAAa;AAC9D;AAEA,SAAS,YAAY,YAAoB;AACvC,SAAO,OAAO,aAAa;AAC7B;AAMA,SAAS,oBAAoB;AAC3B,SAAO;AACT;AASO,SAAS,YAAY,aAAqB,mBAA4B;AAC3E,SAAO;AAAA,IACL,CAAC,kBAAkB,UAAU,YAAY,aAAa;AAAA,IACtD,MAAM,YAAY,UAAU;AAAA,IAC5B;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-YIFB24WW.js

@@ -0,0 +1,37 @@
+"use client";
+
+// src/components/theme-switcher/use-theme-transition.ts
+import { useCallback } from "react";
+import { useReducedMotion, useTheme } from "@elabs-ai/components-tokens";
+function useThemeTransition(effect = "polygon") {
+  const { theme, setTheme, themeDefinitions } = useTheme();
+  const reduced = useReducedMotion();
+  return useCallback(
+    (next) => {
+      if (next === theme) return;
+      if (typeof document === "undefined") {
+        setTheme(next);
+        return;
+      }
+      const doc = document;
+      if (reduced || typeof doc.startViewTransition !== "function") {
+        setTheme(next);
+        return;
+      }
+      const root = document.documentElement;
+      root.dataset.vt = themeDefinitions.find((d) => d.value === next)?.dark ? "to-dark" : "to-light";
+      root.dataset.vtEffect = effect;
+      const transition = doc.startViewTransition(() => setTheme(next));
+      transition.finished.finally(() => {
+        delete root.dataset.vt;
+        delete root.dataset.vtEffect;
+      });
+    },
+    [theme, setTheme, reduced, effect, themeDefinitions]
+  );
+}
+
+export {
+  useThemeTransition
+};
+//# sourceMappingURL=chunk-YIFB24WW.js.map

package/dist/chunk-YIFB24WW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-switcher/use-theme-transition.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useReducedMotion, useTheme, type ThemeName } from \"@elabs-ai/components-tokens\";\n\n/** Whole-screen reveal effects for the animated theme switch (View Transitions API). */\nexport type ThemeTransitionEffect = \"polygon\" | \"circle\" | \"circle-blur\" | \"triangle\";\n\ntype ViewTransitionDocument = Document & {\n  startViewTransition?: (callback: () => void | Promise<void>) => { finished: Promise<void> };\n};\n\n/**\n * Returns a theme setter that animates the whole-screen switch via the View\n * Transitions API (the chanhdai.com \"theme toggle effect\", adapted to brand-ui).\n *\n * - Direction-aware: sets `data-vt=\"to-dark|to-light\"` on `<html>` from the\n *   target theme's `dark` flag, so the clip-path wipes the right way for ANY\n *   theme (not just light/dark).\n * - `data-vt-effect` selects the reveal shape (default \"polygon\").\n * - Motion-aware: under `useReducedMotion()` (OS or in-app preference) — or when\n *   the browser lacks `startViewTransition` — it falls back to an instant,\n *   unanimated `setTheme`.\n *\n * The visual is pure CSS on `::view-transition-*` in `@elabs-ai/components-tokens` themes.css;\n * this hook only orchestrates it.\n */\nexport function useThemeTransition(effect: ThemeTransitionEffect = \"polygon\") {\n  const { theme, setTheme, themeDefinitions } = useTheme();\n  const reduced = useReducedMotion();\n\n  return useCallback(\n    (next: ThemeName) => {\n      if (next === theme) return;\n      if (typeof document === \"undefined\") {\n        setTheme(next);\n        return;\n      }\n      const doc = document as ViewTransitionDocument;\n      if (reduced || typeof doc.startViewTransition !== \"function\") {\n        setTheme(next);\n        return;\n      }\n      const root = document.documentElement;\n      // The direction of the reveal comes from the provider's REGISTRY entry\n      // for the incoming theme (ADR 0029) — a consumer theme animates correctly\n      // without registering here. `resolveThemeIsDark` is deliberately NOT used:\n      // it reads the CURRENT computed `color-scheme`, and `next` has not been\n      // applied yet, so it would report the OUTGOING theme's direction.\n      root.dataset.vt = themeDefinitions.find((d) => d.value === next)?.dark\n        ? \"to-dark\"\n        : \"to-light\";\n      root.dataset.vtEffect = effect;\n      const transition = doc.startViewTransition(() => setTheme(next));\n      transition.finished.finally(() => {\n        delete root.dataset.vt;\n        delete root.dataset.vtEffect;\n      });\n    },\n    [theme, setTheme, reduced, effect, themeDefinitions],\n  );\n}\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,gBAAgC;AAwBpD,SAAS,mBAAmB,SAAgC,WAAW;AAC5E,QAAM,EAAE,OAAO,UAAU,iBAAiB,IAAI,SAAS;AACvD,QAAM,UAAU,iBAAiB;AAEjC,SAAO;AAAA,IACL,CAAC,SAAoB;AACnB,UAAI,SAAS,MAAO;AACpB,UAAI,OAAO,aAAa,aAAa;AACnC,iBAAS,IAAI;AACb;AAAA,MACF;AACA,YAAM,MAAM;AACZ,UAAI,WAAW,OAAO,IAAI,wBAAwB,YAAY;AAC5D,iBAAS,IAAI;AACb;AAAA,MACF;AACA,YAAM,OAAO,SAAS;AAMtB,WAAK,QAAQ,KAAK,iBAAiB,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,GAAG,OAC9D,YACA;AACJ,WAAK,QAAQ,WAAW;AACxB,YAAM,aAAa,IAAI,oBAAoB,MAAM,SAAS,IAAI,CAAC;AAC/D,iBAAW,SAAS,QAAQ,MAAM;AAChC,eAAO,KAAK,QAAQ;AACpB,eAAO,KAAK,QAAQ;AAAA,MACtB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO,UAAU,SAAS,QAAQ,gBAAgB;AAAA,EACrD;AACF;","names":[]}

package/dist/chunk-YIVL6HWS.js

@@ -0,0 +1,68 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/collapsible-panel/use-collapsible-panel.ts
+import { useCallback, useMemo, useState } from "react";
+var DEFAULT_WIDTH_CLASSNAME = "w-(--collapsible-panel-width)";
+var DEFAULT_SPACER_COLLAPSED_CLASSNAME = "group-data-[state=collapsed]:w-0";
+var DEFAULT_CONTAINER_SLIDE_CLASSNAMES = {
+  left: "left-0 group-data-[state=collapsed]:left-[calc(var(--collapsible-panel-width)*-1)]",
+  right: "right-0 group-data-[state=collapsed]:right-[calc(var(--collapsible-panel-width)*-1)]"
+};
+function useCollapsiblePanel({
+  side = "left",
+  open: openProp,
+  defaultOpen = true,
+  onOpenChange,
+  widthClassName = DEFAULT_WIDTH_CLASSNAME,
+  spacerCollapsedClassName = DEFAULT_SPACER_COLLAPSED_CLASSNAME,
+  containerSlideClassNames = DEFAULT_CONTAINER_SLIDE_CLASSNAMES,
+  containerPosition = "viewport"
+} = {}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = useCallback(
+    (value) => {
+      const next = typeof value === "function" ? value(open) : value;
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange, open]
+  );
+  const toggle = useCallback(() => setOpen((o) => !o), [setOpen]);
+  const state = open ? "expanded" : "collapsed";
+  const spacerClassName = useMemo(
+    () => cn(
+      "relative",
+      widthClassName,
+      "bg-transparent transition-[width] duration-base ease-linear",
+      spacerCollapsedClassName
+    ),
+    [spacerCollapsedClassName, widthClassName]
+  );
+  const containerClassName = useMemo(
+    () => cn(
+      containerPosition === "inset" ? "absolute inset-y-0 z-10 hidden h-full" : "fixed inset-y-0 z-10 hidden h-svh",
+      widthClassName,
+      "transition-[left,right,width] duration-base ease-linear md:flex",
+      containerSlideClassNames[side]
+    ),
+    [containerPosition, containerSlideClassNames, side, widthClassName]
+  );
+  const attrs = useMemo(
+    () => ({ "data-state": state, "data-side": side }),
+    [side, state]
+  );
+  return useMemo(
+    () => ({ open, state, side, setOpen, toggle, attrs, spacerClassName, containerClassName }),
+    [open, state, side, setOpen, toggle, attrs, spacerClassName, containerClassName]
+  );
+}
+
+export {
+  useCollapsiblePanel
+};
+//# sourceMappingURL=chunk-YIVL6HWS.js.map

package/dist/chunk-YIVL6HWS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collapsible-panel/use-collapsible-panel.ts"],"sourcesContent":["\"use client\";\n\n/**\n * useCollapsiblePanel — THE canonical collapsing-panel mechanism (#190,\n * research 09 §B.2/§E.1).\n *\n * Extracted from Sidebar's collapse (sidebar.tsx): an always-mounted,\n * two-element width tween — a gap SPACER that reserves/releases the inline\n * width (`transition-[width] duration-base ease-linear`, collapsing to `w-0`)\n * and a fixed CONTAINER that slides off-screen\n * (`transition-[left,right,width] duration-base ease-linear`). `duration-base`\n * is the gated `--t-base` motion token, so reduced-motion is honoured for free\n * (pure CSS — the shared base stays motion-free, research 09 decision 2).\n *\n * The hook owns:\n *   - the state machine — controlled + uncontrolled `open` per\n *     component-api.md (`isControlled = open !== undefined`, never flips\n *     modes) with `setOpen`/`toggle`;\n *   - the `data-state`/`data-side` attrs for the group element;\n *   - the assembly of the two class fragments in the canonical order.\n *\n * Width / collapse-trigger / slide utilities are passed as LITERAL class\n * strings by the consumer (Tailwind's scanner must see each literal in\n * source — a template-interpolated class is never generated), with\n * state-keyed defaults for a generic panel. Sidebar passes its\n * `--sidebar-width` + `group-data-[collapsible=offcanvas]` literals and gets\n * back its exact original fragments (the byte-identical re-point).\n */\nimport { useCallback, useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type CollapsiblePanelSide = \"left\" | \"right\";\nexport type CollapsiblePanelState = \"expanded\" | \"collapsed\";\n/**\n * Where the CONTAINER fragment positions itself. `\"viewport\"` (default) pins\n * to the viewport edge (`fixed`) — Sidebar's original mechanism, byte-\n * identical to pre-#432 output. `\"inset\"` pins to the panel's OWN nearest\n * `relative` ancestor instead (`absolute`) — for a panel nested inside\n * another `fixed`-to-viewport element (e.g. a `SideDock` inside a Sidebar's\n * `SidebarInset`), so the two never race for the same viewport edge (#432).\n * The consumer must give that ancestor `relative` itself; `SideDock` does\n * this via its own `containerPosition` prop.\n */\nexport type CollapsiblePanelContainerPosition = \"viewport\" | \"inset\";\n\n/**\n * State-keyed defaults for a generic panel: the consumer wraps the panel in a\n * `group` element carrying `attrs` and sets `--collapsible-panel-width` on it.\n */\nconst DEFAULT_WIDTH_CLASSNAME = \"w-(--collapsible-panel-width)\";\nconst DEFAULT_SPACER_COLLAPSED_CLASSNAME = \"group-data-[state=collapsed]:w-0\";\nconst DEFAULT_CONTAINER_SLIDE_CLASSNAMES: Record<CollapsiblePanelSide, string> = {\n  left: \"left-0 group-data-[state=collapsed]:left-[calc(var(--collapsible-panel-width)*-1)]\",\n  right: \"right-0 group-data-[state=collapsed]:right-[calc(var(--collapsible-panel-width)*-1)]\",\n};\n\nexport interface UseCollapsiblePanelOptions {\n  /** Which edge the panel lives on. Default `\"left\"`. */\n  side?: CollapsiblePanelSide;\n  /** Controlled open state (`isControlled = open !== undefined`). */\n  open?: boolean;\n  /** Uncontrolled initial open state. Default `true`. */\n  defaultOpen?: boolean;\n  /** Called with the next open state on `setOpen`/`toggle`. */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Literal expanded-width utility (e.g. `\"w-(--sidebar-width)\"`). Must be a\n   * literal in the consumer's source so Tailwind generates it.\n   */\n  widthClassName?: string;\n  /**\n   * Literal collapsed-state utility for the gap spacer (e.g.\n   * `\"group-data-[collapsible=offcanvas]:w-0\"`).\n   */\n  spacerCollapsedClassName?: string;\n  /**\n   * Literal off-screen slide utilities for the fixed container, keyed by side\n   * (e.g. `left: \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"`).\n   */\n  containerSlideClassNames?: Record<CollapsiblePanelSide, string>;\n  /**\n   * `\"viewport\"` (default, byte-identical to pre-#432) or `\"inset\"` — see\n   * `CollapsiblePanelContainerPosition`.\n   */\n  containerPosition?: CollapsiblePanelContainerPosition;\n}\n\n/** Data attributes for the panel's `group` element. */\nexport interface CollapsiblePanelAttrs {\n  \"data-state\": CollapsiblePanelState;\n  \"data-side\": CollapsiblePanelSide;\n}\n\nexport interface UseCollapsiblePanelReturn {\n  /** Resolved open state (controlled prop wins). */\n  open: boolean;\n  /** `\"expanded\"` when open, `\"collapsed\"` when closed. */\n  state: CollapsiblePanelState;\n  side: CollapsiblePanelSide;\n  /** Set the open state (accepts a value or an updater fn). */\n  setOpen: (open: boolean | ((open: boolean) => boolean)) => void;\n  toggle: () => void;\n  /** `data-state`/`data-side` for the group element wrapping both fragments. */\n  attrs: CollapsiblePanelAttrs;\n  /** The gap-spacer fragment: reserves/releases the inline width. */\n  spacerClassName: string;\n  /** The fixed-container fragment: slides the panel off-screen. */\n  containerClassName: string;\n}\n\nexport function useCollapsiblePanel({\n  side = \"left\",\n  open: openProp,\n  defaultOpen = true,\n  onOpenChange,\n  widthClassName = DEFAULT_WIDTH_CLASSNAME,\n  spacerCollapsedClassName = DEFAULT_SPACER_COLLAPSED_CLASSNAME,\n  containerSlideClassNames = DEFAULT_CONTAINER_SLIDE_CLASSNAMES,\n  containerPosition = \"viewport\",\n}: UseCollapsiblePanelOptions = {}): UseCollapsiblePanelReturn {\n  // Controlled/uncontrolled per component-api.md: controlled iff the `open`\n  // prop is provided; the mode never flips mid-life.\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean | ((open: boolean) => boolean)) => {\n      const next = typeof value === \"function\" ? value(open) : value;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange, open],\n  );\n\n  const toggle = useCallback(() => setOpen((o) => !o), [setOpen]);\n\n  const state: CollapsiblePanelState = open ? \"expanded\" : \"collapsed\";\n\n  // The two class fragments — the Sidebar collapse mechanism verbatim\n  // (research 09 §A.1): assembly order is part of the contract (it is what\n  // keeps Sidebar's emitted className strings byte-identical).\n  const spacerClassName = useMemo(\n    () =>\n      cn(\n        \"relative\",\n        widthClassName,\n        \"bg-transparent transition-[width] duration-base ease-linear\",\n        spacerCollapsedClassName,\n      ),\n    [spacerCollapsedClassName, widthClassName],\n  );\n  const containerClassName = useMemo(\n    () =>\n      cn(\n        containerPosition === \"inset\"\n          ? \"absolute inset-y-0 z-10 hidden h-full\"\n          : \"fixed inset-y-0 z-10 hidden h-svh\",\n        widthClassName,\n        \"transition-[left,right,width] duration-base ease-linear md:flex\",\n        containerSlideClassNames[side],\n      ),\n    [containerPosition, containerSlideClassNames, side, widthClassName],\n  );\n\n  const attrs = useMemo<CollapsiblePanelAttrs>(\n    () => ({ \"data-state\": state, \"data-side\": side }),\n    [side, state],\n  );\n\n  return useMemo(\n    () => ({ open, state, side, setOpen, toggle, attrs, spacerClassName, containerClassName }),\n    [open, state, side, setOpen, toggle, attrs, spacerClassName, containerClassName],\n  );\n}\n"],"mappings":";;;;;;AA4BA,SAAS,aAAa,SAAS,gBAAgB;AAqB/C,IAAM,0BAA0B;AAChC,IAAM,qCAAqC;AAC3C,IAAM,qCAA2E;AAAA,EAC/E,MAAM;AAAA,EACN,OAAO;AACT;AAwDO,SAAS,oBAAoB;AAAA,EAClC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,cAAc;AAAA,EACd;AAAA,EACA,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,oBAAoB;AACtB,IAAgC,CAAC,GAA8B;AAG7D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,WAAW;AACpE,QAAM,eAAe,aAAa;AAClC,QAAM,OAAO,eAAe,WAAW;AAEvC,QAAM,UAAU;AAAA,IACd,CAAC,UAAkD;AACjD,YAAM,OAAO,OAAO,UAAU,aAAa,MAAM,IAAI,IAAI;AACzD,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,qBAAe,IAAI;AAAA,IACrB;AAAA,IACA,CAAC,cAAc,cAAc,IAAI;AAAA,EACnC;AAEA,QAAM,SAAS,YAAY,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;AAE9D,QAAM,QAA+B,OAAO,aAAa;AAKzD,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF,CAAC,0BAA0B,cAAc;AAAA,EAC3C;AACA,QAAM,qBAAqB;AAAA,IACzB,MACE;AAAA,MACE,sBAAsB,UAClB,0CACA;AAAA,MACJ;AAAA,MACA;AAAA,MACA,yBAAyB,IAAI;AAAA,IAC/B;AAAA,IACF,CAAC,mBAAmB,0BAA0B,MAAM,cAAc;AAAA,EACpE;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,cAAc,OAAO,aAAa,KAAK;AAAA,IAChD,CAAC,MAAM,KAAK;AAAA,EACd;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,MAAM,OAAO,MAAM,SAAS,QAAQ,OAAO,iBAAiB,mBAAmB;AAAA,IACxF,CAAC,MAAM,OAAO,MAAM,SAAS,QAAQ,OAAO,iBAAiB,kBAAkB;AAAA,EACjF;AACF;","names":[]}

package/dist/chunk-YK4H7VWM.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-YK4H7VWM.js.map

package/dist/chunk-YK4H7VWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-YL7VBHPZ.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  Skeleton
+} from "./chunk-JNWXHPZG.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/link-preview/link-preview.tsx
+import { forwardRef } from "react";
+import { GlobeIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Thumbnail({ image }) {
+  if (!image) return null;
+  return /* @__PURE__ */ jsx("div", { className: "relative h-full w-28 shrink-0 overflow-hidden rounded-e-lg", children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: image,
+      alt: "",
+      "aria-hidden": "true",
+      width: 112,
+      height: 112,
+      loading: "lazy",
+      className: "h-full w-full object-cover"
+    }
+  ) });
+}
+function SkeletonLayout() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[5rem] gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2 py-0.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-5/6" })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-28 shrink-0 rounded-md" })
+  ] });
+}
+var LinkPreviewCard = forwardRef(
+  function LinkPreviewCard2({ className, title, description, image, domain, href, loading = false, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-busy": loading || void 0,
+        className: cn(
+          // Base card chrome — rounded border, card surface, subtle shadow
+          "relative overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm",
+          // Stretched-link focus ring: when `href` is present the inner <a>
+          // covers the whole card; the ring is painted on the card container via
+          // focus-within so the outer border gets the visible ring, not the
+          // hidden absolutely-positioned link.
+          // When `href` is present: stretched-link focus ring (via focus-within on
+          // the container, not the <a>) + hover lift + motion-tokened transition.
+          href && "cursor-pointer transition-[translate,box-shadow,border-color] duration-fast ease-standard focus-ring-within hover:-translate-y-0.5 hover:border-ring/40 hover:shadow-md motion-reduce:hover:translate-y-0",
+          className
+        ),
+        ...props,
+        children: loading ? /* @__PURE__ */ jsx(SkeletonLayout, {}) : /* @__PURE__ */ jsxs("div", { className: "flex min-h-[5rem] gap-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1.5 p-3", children: [
+            domain && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-meta text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(GlobeIcon, { "aria-hidden": "true", className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", translate: "no", children: domain })
+            ] }),
+            title && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 min-w-0 text-body font-medium leading-snug", children: href ? (
+              /*
+               * Stretched-link pattern: `<a>` is absolutely positioned to
+               * cover the entire card (after:absolute after:inset-0). The
+               * visible focus ring lives on the card container via
+               * focus-within (above). `focus-visible:outline-none` removes
+               * the browser's own ring on the link so it doesn't double up.
+               */
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "after:absolute after:inset-0 focus-visible:outline-none",
+                  children: title
+                }
+              )
+            ) : title }),
+            description && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 min-w-0 text-caption text-muted-foreground", children: description }),
+            children
+          ] }),
+          /* @__PURE__ */ jsx(Thumbnail, { image })
+        ] })
+      }
+    );
+  }
+);
+var LinkPreview = LinkPreviewCard;
+
+export {
+  LinkPreviewCard,
+  LinkPreview
+};
+//# sourceMappingURL=chunk-YL7VBHPZ.js.map

package/dist/chunk-YL7VBHPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/link-preview/link-preview.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { GlobeIcon } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Skeleton } from \"../skeleton/skeleton\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface LinkPreviewCardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Page title — the primary text, 1–2 lines. */\n  title?: string;\n  /** Short description / Open-Graph description. Omit for title+domain only. */\n  description?: string;\n  /**\n   * Absolute URL of the thumbnail image (consumer-provided; the library never\n   * fetches). Decorative — `alt` is always `\"\"`. Omit to hide the thumbnail\n   * area cleanly (no broken-image placeholder).\n   */\n  image?: string;\n  /**\n   * Domain label shown with the globe icon, e.g. `\"github.com\"`. Wrapped in\n   * `translate=\"no\"` so browsers never auto-translate identifiers.\n   */\n  domain?: string;\n  /**\n   * When set, the entire card becomes a keyboard-focusable link (stretched-link\n   * pattern). The visible focus ring is placed on the card via `focus-within`.\n   * Prefer a full absolute URL so the `<a>` is meaningful.\n   */\n  href?: string;\n  /**\n   * Render skeleton placeholders in lieu of real content. Sets `aria-busy=\"true\"`\n   * on the card root so assistive technology knows the content is pending.\n   */\n  loading?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\n/** Thumbnail — hidden when `image` is absent (no broken-icon placeholder). */\nfunction Thumbnail({ image }: { image?: string }) {\n  if (!image) return null;\n  return (\n    <div className=\"relative h-full w-28 shrink-0 overflow-hidden rounded-e-lg\">\n      {/* explicit width/height prevent CLS; object-cover fills the container */}\n      <img\n        src={image}\n        alt=\"\" // decorative; title carries meaning\n        aria-hidden=\"true\"\n        width={112}\n        height={112}\n        loading=\"lazy\"\n        className=\"h-full w-full object-cover\"\n      />\n    </div>\n  );\n}\n\n/** Skeleton layout matching the card shape. */\nfunction SkeletonLayout() {\n  return (\n    <div className=\"flex min-h-[5rem] gap-3 p-3\">\n      <div className=\"flex min-w-0 flex-1 flex-col gap-2 py-0.5\">\n        {/* domain row */}\n        <Skeleton className=\"h-3 w-24\" />\n        {/* title — two lines */}\n        <Skeleton className=\"h-4 w-full\" />\n        <Skeleton className=\"h-4 w-3/4\" />\n        {/* description */}\n        <Skeleton className=\"mt-1 h-3 w-full\" />\n        <Skeleton className=\"h-3 w-5/6\" />\n      </div>\n      {/* thumbnail placeholder */}\n      <Skeleton className=\"h-20 w-28 shrink-0 rounded-md\" />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// LinkPreviewCard\n// ---------------------------------------------------------------------------\n\n/**\n * A rich, presentational link-preview card (unfurled URL / bookmark block).\n * Renders favicon/domain, title, description, and an optional thumbnail from\n * **consumer-provided** metadata — the library never fetches.\n *\n * States: `loading` (skeleton), loaded (full), no-image, no-description\n * (title + domain only), and empty/error (degrades to a plain placeholder).\n *\n * Pass `href` to make the whole card a keyboard-focusable stretched link.\n * Use `loading` for the skeleton state; set `aria-busy` is applied automatically.\n */\nexport const LinkPreviewCard = forwardRef<HTMLDivElement, LinkPreviewCardProps>(\n  function LinkPreviewCard(\n    { className, title, description, image, domain, href, loading = false, children, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(\n          // Base card chrome — rounded border, card surface, subtle shadow\n          \"relative overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm\",\n          // Stretched-link focus ring: when `href` is present the inner <a>\n          // covers the whole card; the ring is painted on the card container via\n          // focus-within so the outer border gets the visible ring, not the\n          // hidden absolutely-positioned link.\n          // When `href` is present: stretched-link focus ring (via focus-within on\n          // the container, not the <a>) + hover lift + motion-tokened transition.\n          href &&\n            \"cursor-pointer transition-[translate,box-shadow,border-color] duration-fast ease-standard focus-ring-within hover:-translate-y-0.5 hover:border-ring/40 hover:shadow-md motion-reduce:hover:translate-y-0\",\n          className,\n        )}\n        {...props}\n      >\n        {loading ? (\n          <SkeletonLayout />\n        ) : (\n          <div className=\"flex min-h-[5rem] gap-0\">\n            {/* Main content */}\n            <div className=\"flex min-w-0 flex-1 flex-col justify-center gap-1.5 p-3\">\n              {/* Domain row */}\n              {domain && (\n                <p className=\"flex items-center gap-1.5 text-meta text-muted-foreground\">\n                  <GlobeIcon aria-hidden=\"true\" className=\"size-3 shrink-0\" />\n                  {/* translate=\"no\" so browsers never auto-translate domain identifiers */}\n                  <span className=\"truncate\" translate=\"no\">\n                    {domain}\n                  </span>\n                </p>\n              )}\n\n              {/* Title */}\n              {title && (\n                <p className=\"line-clamp-2 min-w-0 text-body font-medium leading-snug\">\n                  {href ? (\n                    /*\n                     * Stretched-link pattern: `<a>` is absolutely positioned to\n                     * cover the entire card (after:absolute after:inset-0). The\n                     * visible focus ring lives on the card container via\n                     * focus-within (above). `focus-visible:outline-none` removes\n                     * the browser's own ring on the link so it doesn't double up.\n                     */\n                    <a\n                      href={href}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"after:absolute after:inset-0 focus-visible:outline-none\"\n                    >\n                      {title}\n                    </a>\n                  ) : (\n                    title\n                  )}\n                </p>\n              )}\n\n              {/* Description */}\n              {description && (\n                <p className=\"line-clamp-2 min-w-0 text-caption text-muted-foreground\">\n                  {description}\n                </p>\n              )}\n\n              {children}\n            </div>\n\n            {/* Thumbnail — conditionally rendered */}\n            <Thumbnail image={image} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\n// ---------------------------------------------------------------------------\n// LinkPreview alias\n// ---------------------------------------------------------------------------\n\n/**\n * Convenience alias for `LinkPreviewCard`. Identical component — use whichever\n * name reads more naturally at the call site.\n *\n * `LinkPreviewCard` is the canonical export; `LinkPreview` is the alias.\n */\nexport const LinkPreview = LinkPreviewCard;\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAuC;AAChD,SAAS,iBAAiB;AA+CpB,cAiBA,YAjBA;AALN,SAAS,UAAU,EAAE,MAAM,GAAuB;AAChD,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,oBAAC,SAAI,WAAU,8DAEb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WAAU;AAAA;AAAA,EACZ,GACF;AAEJ;AAGA,SAAS,iBAAiB;AACxB,SACE,qBAAC,SAAI,WAAU,+BACb;AAAA,yBAAC,SAAI,WAAU,6CAEb;AAAA,0BAAC,YAAS,WAAU,YAAW;AAAA,MAE/B,oBAAC,YAAS,WAAU,cAAa;AAAA,MACjC,oBAAC,YAAS,WAAU,aAAY;AAAA,MAEhC,oBAAC,YAAS,WAAU,mBAAkB;AAAA,MACtC,oBAAC,YAAS,WAAU,aAAY;AAAA,OAClC;AAAA,IAEA,oBAAC,YAAS,WAAU,iCAAgC;AAAA,KACtD;AAEJ;AAiBO,IAAM,kBAAkB;AAAA,EAC7B,SAASA,iBACP,EAAE,WAAW,OAAO,aAAa,OAAO,QAAQ,MAAM,UAAU,OAAO,UAAU,GAAG,MAAM,GAC1F,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAW;AAAA;AAAA,UAET;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOA,QACE;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH,oBACC,oBAAC,kBAAe,IAEhB,qBAAC,SAAI,WAAU,2BAEb;AAAA,+BAAC,SAAI,WAAU,2DAEZ;AAAA,sBACC,qBAAC,OAAE,WAAU,6DACX;AAAA,kCAAC,aAAU,eAAY,QAAO,WAAU,mBAAkB;AAAA,cAE1D,oBAAC,UAAK,WAAU,YAAW,WAAU,MAClC,kBACH;AAAA,eACF;AAAA,YAID,SACC,oBAAC,OAAE,WAAU,2DACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQC;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,gBAEA,OAEJ;AAAA,YAID,eACC,oBAAC,OAAE,WAAU,2DACV,uBACH;AAAA,YAGD;AAAA,aACH;AAAA,UAGA,oBAAC,aAAU,OAAc;AAAA,WAC3B;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAYO,IAAM,cAAc;","names":["LinkPreviewCard"]}

package/dist/chunk-YMFEBGTU.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-YMFEBGTU.js.map

package/dist/chunk-YMFEBGTU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}