@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/comments/comment-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-utils.d.ts","sourceRoot":"","sources":["../../src/comments/comment-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EAEvB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEjB,MAAM,iBAAiB,CAAC;AAEzB,oEAAoE;AACpE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,MAAM,CAEtE;AAED,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAexE;AAED,4DAA4D;AAC5D,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,mBAAmB,GAAG,SAAS,CAGjC;AAED,wDAAwD;AACxD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,kBAAkB,GAAG,SAAS,CAGhC;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,CAG5E;AAED,yDAAyD;AACzD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,OAAO,CAET;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAEvD;AAED,0CAA0C;AAC1C,wBAAgB,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CASzE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,OAAO,EAAE,EACnB,MAAM,EAAE,aAAa,GACpB,OAAO,EAAE,CAkBX;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,OAAO,EAAE,EACnB,MAAM,EAAE,aAAa,GACpB,OAAO,EAAE,CASX;AAED,wDAAwD;AACxD,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAMzD;AAED,uEAAuE;AACvE,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EAAE,EACnB,QAAQ,EAAE,MAAM,GACf,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CASxB;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,OAAO,EAAE,GAClB,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAO/B;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,OAAO,EAAE,GAClB,MAAM,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAuB1C;AAED,wFAAwF;AACxF,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,SAAS,SAAM,GACd,MAAM,CAMR;AAED,uEAAuE;AACvE,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,KAAK,WAA0B,GAC9B,MAAM,CAIR;AAED,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAK,GAAG,MAAM,CAG5D;AAMD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,OAAO,EAAE,EACnB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,GACpB,OAAO,EAAE,CA+BX;AAED,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAIjE;AAED,6BAA6B;AAC7B,wBAAgB,mBAAmB,IAAI,cAAc,CAEpD;AAED,mFAAmF;AACnF,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,kBAAkB,EAAE,GACjC,cAAc,EAAE,CAKlB;AAED,qDAAqD;AACrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,OAAO,EAAE,EACnB,MAAM,EAAE,aAAa,EACrB,EAAE,EAAE,gBAAgB,GACnB,kBAAkB,CAgCpB"}
+{"version":3,"file":"comment-utils.d.ts","sourceRoot":"","sources":["../../src/comments/comment-utils.ts"],"names":[],"mappings":"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"}

package/dist/comments/comment-utils.js

@@ -196,6 +196,8 @@ function buildThreadListHandlers(comments, config, cb) {
 	const handlers = {};
 	if (cb.onUpdateStatus) handlers.onUpdateStatus = cb.onUpdateStatus;
 	if (cb.onClose) handlers.onClose = cb.onClose;
+	if (cb.onAcknowledge) handlers.onAcknowledge = cb.onAcknowledge;
+	if (cb.onAssign) handlers.onAssign = cb.onAssign;
 	if (cb.onDelete) handlers.onDelete = cb.onDelete;
 	if (cb.onChecklistToggle) {
 		const toggle = cb.onChecklistToggle;

package/dist/comments/comment-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment-utils.js","names":[],"sources":["../../src/comments/comment-utils.ts"],"sourcesContent":["import type { BadgeTone } from \"../data/Badge\";\nimport {\n  DEFAULT_CHECKLIST_CYCLE,\n  type Comment,\n  type CommentAnchor,\n  type CommentAnchorMeta,\n  type CommentAuthor,\n  type CommentCallbacks,\n  type CommentConfig,\n  type CommentFacet,\n  type CommentFacetOption,\n  type CommentFilters,\n  type CommentMention,\n  type CommentMentionable,\n  type CommentMentionKind,\n  type CommentStatusConfig,\n  type CommentTone,\n  DOCUMENT_ANCHOR,\n} from \"./comment-types\";\n\n/** Human-readable name for an author, falling back to \"Unknown\". */\nexport function authorDisplayName(author: CommentAuthor | null): string {\n  return author?.name?.trim() || \"Unknown\";\n}\n\n/** Maps a CommentTone onto the Badge component's tone vocabulary. */\nexport function toneToBadgeTone(tone: CommentTone | undefined): BadgeTone {\n  switch (tone) {\n    case \"success\":\n      return \"success\";\n    case \"danger\":\n      return \"danger\";\n    case \"warning\":\n      return \"warning\";\n    case \"info\":\n      return \"info\";\n    case \"neutral\":\n    case \"default\":\n    default:\n      return \"neutral\";\n  }\n}\n\n/** Looks up the status config for a stored status value. */\nexport function resolveStatusConfig(\n  config: CommentConfig,\n  value: string | undefined,\n): CommentStatusConfig | undefined {\n  if (value == null) return undefined;\n  return config.statuses.find((s) => s.value === value);\n}\n\n/** Looks up a facet option for a stored facet value. */\nexport function resolveFacetOption(\n  facet: CommentFacet,\n  value: string | undefined,\n): CommentFacetOption | undefined {\n  if (value == null) return undefined;\n  return facet.options.find((o) => o.value === value);\n}\n\n/** The default status value for new comments: first unresolved, else first. */\nexport function defaultStatusValue(config: CommentConfig): string | undefined {\n  const unresolved = config.statuses.find((s) => s.unresolved);\n  return (unresolved ?? config.statuses[0])?.value;\n}\n\n/** Whether a stored status counts as unresolved/open. */\nexport function isUnresolved(\n  config: CommentConfig,\n  status: string | undefined,\n): boolean {\n  return resolveStatusConfig(config, status)?.unresolved ?? false;\n}\n\n/** Returns the root (non-reply) comments in input order. */\nexport function getRoots(comments: Comment[]): Comment[] {\n  return comments.filter((c) => !c.parentId);\n}\n\n/** Indexes replies by their parent id. */\nexport function buildReplyMap(comments: Comment[]): Map<string, Comment[]> {\n  const map = new Map<string, Comment[]>();\n  for (const reply of comments) {\n    if (!reply.parentId) continue;\n    const items = map.get(reply.parentId) ?? [];\n    items.push(reply);\n    map.set(reply.parentId, items);\n  }\n  return map;\n}\n\n/**\n * Comments forming the threads rooted at `anchor`: matching roots plus their\n * descendants. Replies carry no anchor of their own — they belong to a thread,\n * not to a location — so selecting by anchor equality alone would drop them.\n */\nexport function selectAnchorThreads(\n  comments: Comment[],\n  anchor: CommentAnchor,\n): Comment[] {\n  const roots = comments.filter(\n    (c) => !c.parentId && (c.anchor ?? DOCUMENT_ANCHOR) === anchor,\n  );\n  const ids = new Set(roots.map((c) => String(c.id)));\n  const descendants: Comment[] = [];\n  // Fixed point, so a reply to a reply is kept when replies are not flattened.\n  for (let grew = true; grew; ) {\n    grew = false;\n    for (const c of comments) {\n      if (!c.parentId || ids.has(String(c.id))) continue;\n      if (!ids.has(String(c.parentId))) continue;\n      ids.add(String(c.id));\n      descendants.push(c);\n      grew = true;\n    }\n  }\n  return [...roots, ...descendants];\n}\n\n/**\n * Threads whose root is not yet resolved. A root carrying no status has not\n * been acted on, so it counts as unresolved; replies follow their root.\n */\nexport function selectUnresolvedThreads(\n  comments: Comment[],\n  config: CommentConfig,\n): Comment[] {\n  const keep = new Set(\n    getRoots(comments)\n      .filter(\n        (root) => root.status == null || isUnresolved(config, root.status),\n      )\n      .map((root) => String(root.id)),\n  );\n  return comments.filter((c) => keep.has(String(c.parentId ?? c.id)));\n}\n\n/** Stable reply ordering: by creation time, then id. */\nexport function sortReplies(replies: Comment[]): Comment[] {\n  return [...replies].sort((a, b) => {\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n}\n\n/** Groups root comments by the value of a facet key (missing → \"\"). */\nexport function groupByFacet(\n  comments: Comment[],\n  facetKey: string,\n): Map<string, Comment[]> {\n  const map = new Map<string, Comment[]>();\n  for (const root of getRoots(comments)) {\n    const key = root.facets?.[facetKey] ?? \"\";\n    const items = map.get(key) ?? [];\n    items.push(root);\n    map.set(key, items);\n  }\n  return map;\n}\n\n/** Per-anchor comment counts derived from the list (document-level → DOCUMENT_ANCHOR). */\nexport function deriveAnchorCounts(\n  comments: Comment[],\n): Record<CommentAnchor, number> {\n  const counts: Record<CommentAnchor, number> = {};\n  for (const c of comments) {\n    const key = c.anchor ?? DOCUMENT_ANCHOR;\n    counts[key] = (counts[key] ?? 0) + 1;\n  }\n  return counts;\n}\n\n/** Per-anchor aggregate metadata (count, distinct authors, latest status). */\nexport function deriveAnchorMeta(\n  comments: Comment[],\n): Record<CommentAnchor, CommentAnchorMeta> {\n  const grouped: Record<CommentAnchor, Comment[]> = {};\n  for (const c of comments) {\n    const key = c.anchor ?? DOCUMENT_ANCHOR;\n    (grouped[key] ??= []).push(c);\n  }\n  const meta: Record<CommentAnchor, CommentAnchorMeta> = {};\n  for (const [anchor, items] of Object.entries(grouped)) {\n    const authors = [\n      ...new Set(\n        items.map((c) => c.author?.name).filter((n): n is string => !!n),\n      ),\n    ];\n    const latest = items.reduce((a, b) =>\n      (a.updatedAt ?? a.createdAt) > (b.updatedAt ?? b.createdAt) ? a : b,\n    );\n    meta[anchor] = {\n      count: items.length,\n      authors,\n      ...(latest.status != null ? { latestStatus: latest.status } : {}),\n    };\n  }\n  return meta;\n}\n\n/** Sums counts for an anchor and its descendants under a separator-delimited prefix. */\nexport function commentCountForPrefix(\n  counts: Record<string, number>,\n  prefix: string,\n  separator = \".\",\n): number {\n  let total = 0;\n  for (const [key, count] of Object.entries(counts)) {\n    if (key === prefix || key.startsWith(prefix + separator)) total += count;\n  }\n  return total;\n}\n\n/** Advances a checklist status to the next in the cycle (wrapping). */\nexport function nextChecklistStatus(\n  current: string,\n  cycle = DEFAULT_CHECKLIST_CYCLE,\n): string {\n  const idx = cycle.indexOf(current);\n  if (idx === -1) return cycle[0] ?? current;\n  return cycle[(idx + 1) % cycle.length] ?? current;\n}\n\n/** Strips inline markdown punctuation and truncates to a plain preview. */\nexport function truncatePlain(body: string, max = 80): string {\n  const plain = body.replace(/[#*_`~>[\\]()!]/g, \"\").trim();\n  return plain.length > max ? `${plain.slice(0, max)}…` : plain;\n}\n\nfunction authorKindOf(comment: Comment): CommentMentionKind {\n  return comment.author?.kind ?? \"user\";\n}\n\n/**\n * Filters a comment list by status / facets / author kind while keeping threads\n * intact: a reply survives iff its root survives. An empty status set or empty\n * per-facet set means \"no constraint\" for that axis.\n */\nexport function applyCommentFilters(\n  comments: Comment[],\n  filters: CommentFilters,\n  config: CommentConfig,\n): Comment[] {\n  const facetKeys = (config.facets ?? []).map((f) => f.key);\n  const passingRootIds = new Set<string>();\n\n  for (const root of getRoots(comments)) {\n    if (\n      filters.statuses.size > 0 &&\n      (root.status == null || !filters.statuses.has(root.status))\n    ) {\n      continue;\n    }\n    if (\n      filters.authorKind &&\n      filters.authorKind !== \"all\" &&\n      authorKindOf(root) !== filters.authorKind\n    ) {\n      continue;\n    }\n    const facetsPass = facetKeys.every((key) => {\n      const selected = filters.facets[key];\n      if (!selected || selected.size === 0) return true;\n      const value = root.facets?.[key];\n      return value != null && selected.has(value);\n    });\n    if (!facetsPass) continue;\n    passingRootIds.add(root.id);\n  }\n\n  return comments.filter((c) =>\n    c.parentId ? passingRootIds.has(c.parentId) : passingRootIds.has(c.id),\n  );\n}\n\n/** True when any filter axis constrains the result. */\nexport function hasActiveFilters(filters: CommentFilters): boolean {\n  if (filters.statuses.size > 0) return true;\n  if (filters.authorKind && filters.authorKind !== \"all\") return true;\n  return Object.values(filters.facets).some((set) => set.size > 0);\n}\n\n/** An empty filter state. */\nexport function emptyCommentFilters(): CommentFilters {\n  return { statuses: new Set(), facets: {}, authorKind: \"all\" };\n}\n\n/** Finds mentionables whose `@name` token appears in a body (case-insensitive). */\nexport function matchMentionsInBody(\n  body: string,\n  mentionables: CommentMentionable[],\n): CommentMention[] {\n  const lower = body.toLowerCase();\n  return mentionables\n    .filter((m) => lower.includes(`@${m.name.toLowerCase()}`))\n    .map((m) => ({ id: m.id, name: m.name, kind: m.kind }));\n}\n\n/** Per-id handlers consumed by CommentThreadList. */\nexport type ThreadListHandlers = {\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\n/**\n * Adapts high-level {@link CommentCallbacks} into the id-keyed handlers a\n * {@link CommentThreadList} consumes: resolves the next checklist status from the\n * cycle and extracts mentions from a reply body. Shared by `CommentThread` and\n * `CommentSidePanel` so the adaptation lives in one place.\n */\nexport function buildThreadListHandlers(\n  comments: Comment[],\n  config: CommentConfig,\n  cb: CommentCallbacks,\n): ThreadListHandlers {\n  const handlers: ThreadListHandlers = {};\n  if (cb.onUpdateStatus) handlers.onUpdateStatus = cb.onUpdateStatus;\n  if (cb.onClose) handlers.onClose = cb.onClose;\n  if (cb.onDelete) handlers.onDelete = cb.onDelete;\n  if (cb.onChecklistToggle) {\n    const toggle = cb.onChecklistToggle;\n    handlers.onChecklistToggle = (id, index) => {\n      const item = comments.find((c) => c.id === id)?.checklist?.[index];\n      if (!item) return;\n      void toggle(\n        id,\n        index,\n        nextChecklistStatus(item.status, config.checklistStatusCycle),\n      );\n    };\n  }\n  if (cb.onReply) {\n    const reply = cb.onReply;\n    const onMention = cb.onMention;\n    handlers.onReply = async (parent, body) => {\n      const mentions = matchMentionsInBody(body, config.mentionables ?? []);\n      await reply({\n        parentId: parent.id,\n        body,\n        anchor: parent.anchor ?? null,\n        ...(mentions.length > 0 ? { mentions } : {}),\n      });\n      for (const mention of mentions) onMention?.(mention, { body });\n    };\n  }\n  return handlers;\n}\n"],"mappings":"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"}
+{"version":3,"file":"comment-utils.js","names":[],"sources":["../../src/comments/comment-utils.ts"],"sourcesContent":["import type { BadgeTone } from \"../data/Badge\";\nimport {\n  DEFAULT_CHECKLIST_CYCLE,\n  type Comment,\n  type CommentAnchor,\n  type CommentAnchorMeta,\n  type CommentAuthor,\n  type CommentCallbacks,\n  type CommentConfig,\n  type CommentFacet,\n  type CommentFacetOption,\n  type CommentFilters,\n  type CommentMention,\n  type CommentMentionable,\n  type CommentMentionKind,\n  type CommentStatusConfig,\n  type CommentTone,\n  DOCUMENT_ANCHOR,\n} from \"./comment-types\";\n\n/** Human-readable name for an author, falling back to \"Unknown\". */\nexport function authorDisplayName(author: CommentAuthor | null): string {\n  return author?.name?.trim() || \"Unknown\";\n}\n\n/** Maps a CommentTone onto the Badge component's tone vocabulary. */\nexport function toneToBadgeTone(tone: CommentTone | undefined): BadgeTone {\n  switch (tone) {\n    case \"success\":\n      return \"success\";\n    case \"danger\":\n      return \"danger\";\n    case \"warning\":\n      return \"warning\";\n    case \"info\":\n      return \"info\";\n    case \"neutral\":\n    case \"default\":\n    default:\n      return \"neutral\";\n  }\n}\n\n/** Looks up the status config for a stored status value. */\nexport function resolveStatusConfig(\n  config: CommentConfig,\n  value: string | undefined,\n): CommentStatusConfig | undefined {\n  if (value == null) return undefined;\n  return config.statuses.find((s) => s.value === value);\n}\n\n/** Looks up a facet option for a stored facet value. */\nexport function resolveFacetOption(\n  facet: CommentFacet,\n  value: string | undefined,\n): CommentFacetOption | undefined {\n  if (value == null) return undefined;\n  return facet.options.find((o) => o.value === value);\n}\n\n/** The default status value for new comments: first unresolved, else first. */\nexport function defaultStatusValue(config: CommentConfig): string | undefined {\n  const unresolved = config.statuses.find((s) => s.unresolved);\n  return (unresolved ?? config.statuses[0])?.value;\n}\n\n/** Whether a stored status counts as unresolved/open. */\nexport function isUnresolved(\n  config: CommentConfig,\n  status: string | undefined,\n): boolean {\n  return resolveStatusConfig(config, status)?.unresolved ?? false;\n}\n\n/** Returns the root (non-reply) comments in input order. */\nexport function getRoots(comments: Comment[]): Comment[] {\n  return comments.filter((c) => !c.parentId);\n}\n\n/** Indexes replies by their parent id. */\nexport function buildReplyMap(comments: Comment[]): Map<string, Comment[]> {\n  const map = new Map<string, Comment[]>();\n  for (const reply of comments) {\n    if (!reply.parentId) continue;\n    const items = map.get(reply.parentId) ?? [];\n    items.push(reply);\n    map.set(reply.parentId, items);\n  }\n  return map;\n}\n\n/**\n * Comments forming the threads rooted at `anchor`: matching roots plus their\n * descendants. Replies carry no anchor of their own — they belong to a thread,\n * not to a location — so selecting by anchor equality alone would drop them.\n */\nexport function selectAnchorThreads(\n  comments: Comment[],\n  anchor: CommentAnchor,\n): Comment[] {\n  const roots = comments.filter(\n    (c) => !c.parentId && (c.anchor ?? DOCUMENT_ANCHOR) === anchor,\n  );\n  const ids = new Set(roots.map((c) => String(c.id)));\n  const descendants: Comment[] = [];\n  // Fixed point, so a reply to a reply is kept when replies are not flattened.\n  for (let grew = true; grew; ) {\n    grew = false;\n    for (const c of comments) {\n      if (!c.parentId || ids.has(String(c.id))) continue;\n      if (!ids.has(String(c.parentId))) continue;\n      ids.add(String(c.id));\n      descendants.push(c);\n      grew = true;\n    }\n  }\n  return [...roots, ...descendants];\n}\n\n/**\n * Threads whose root is not yet resolved. A root carrying no status has not\n * been acted on, so it counts as unresolved; replies follow their root.\n */\nexport function selectUnresolvedThreads(\n  comments: Comment[],\n  config: CommentConfig,\n): Comment[] {\n  const keep = new Set(\n    getRoots(comments)\n      .filter(\n        (root) => root.status == null || isUnresolved(config, root.status),\n      )\n      .map((root) => String(root.id)),\n  );\n  return comments.filter((c) => keep.has(String(c.parentId ?? c.id)));\n}\n\n/** Stable reply ordering: by creation time, then id. */\nexport function sortReplies(replies: Comment[]): Comment[] {\n  return [...replies].sort((a, b) => {\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n}\n\n/** Groups root comments by the value of a facet key (missing → \"\"). */\nexport function groupByFacet(\n  comments: Comment[],\n  facetKey: string,\n): Map<string, Comment[]> {\n  const map = new Map<string, Comment[]>();\n  for (const root of getRoots(comments)) {\n    const key = root.facets?.[facetKey] ?? \"\";\n    const items = map.get(key) ?? [];\n    items.push(root);\n    map.set(key, items);\n  }\n  return map;\n}\n\n/** Per-anchor comment counts derived from the list (document-level → DOCUMENT_ANCHOR). */\nexport function deriveAnchorCounts(\n  comments: Comment[],\n): Record<CommentAnchor, number> {\n  const counts: Record<CommentAnchor, number> = {};\n  for (const c of comments) {\n    const key = c.anchor ?? DOCUMENT_ANCHOR;\n    counts[key] = (counts[key] ?? 0) + 1;\n  }\n  return counts;\n}\n\n/** Per-anchor aggregate metadata (count, distinct authors, latest status). */\nexport function deriveAnchorMeta(\n  comments: Comment[],\n): Record<CommentAnchor, CommentAnchorMeta> {\n  const grouped: Record<CommentAnchor, Comment[]> = {};\n  for (const c of comments) {\n    const key = c.anchor ?? DOCUMENT_ANCHOR;\n    (grouped[key] ??= []).push(c);\n  }\n  const meta: Record<CommentAnchor, CommentAnchorMeta> = {};\n  for (const [anchor, items] of Object.entries(grouped)) {\n    const authors = [\n      ...new Set(\n        items.map((c) => c.author?.name).filter((n): n is string => !!n),\n      ),\n    ];\n    const latest = items.reduce((a, b) =>\n      (a.updatedAt ?? a.createdAt) > (b.updatedAt ?? b.createdAt) ? a : b,\n    );\n    meta[anchor] = {\n      count: items.length,\n      authors,\n      ...(latest.status != null ? { latestStatus: latest.status } : {}),\n    };\n  }\n  return meta;\n}\n\n/** Sums counts for an anchor and its descendants under a separator-delimited prefix. */\nexport function commentCountForPrefix(\n  counts: Record<string, number>,\n  prefix: string,\n  separator = \".\",\n): number {\n  let total = 0;\n  for (const [key, count] of Object.entries(counts)) {\n    if (key === prefix || key.startsWith(prefix + separator)) total += count;\n  }\n  return total;\n}\n\n/** Advances a checklist status to the next in the cycle (wrapping). */\nexport function nextChecklistStatus(\n  current: string,\n  cycle = DEFAULT_CHECKLIST_CYCLE,\n): string {\n  const idx = cycle.indexOf(current);\n  if (idx === -1) return cycle[0] ?? current;\n  return cycle[(idx + 1) % cycle.length] ?? current;\n}\n\n/** Strips inline markdown punctuation and truncates to a plain preview. */\nexport function truncatePlain(body: string, max = 80): string {\n  const plain = body.replace(/[#*_`~>[\\]()!]/g, \"\").trim();\n  return plain.length > max ? `${plain.slice(0, max)}…` : plain;\n}\n\nfunction authorKindOf(comment: Comment): CommentMentionKind {\n  return comment.author?.kind ?? \"user\";\n}\n\n/**\n * Filters a comment list by status / facets / author kind while keeping threads\n * intact: a reply survives iff its root survives. An empty status set or empty\n * per-facet set means \"no constraint\" for that axis.\n */\nexport function applyCommentFilters(\n  comments: Comment[],\n  filters: CommentFilters,\n  config: CommentConfig,\n): Comment[] {\n  const facetKeys = (config.facets ?? []).map((f) => f.key);\n  const passingRootIds = new Set<string>();\n\n  for (const root of getRoots(comments)) {\n    if (\n      filters.statuses.size > 0 &&\n      (root.status == null || !filters.statuses.has(root.status))\n    ) {\n      continue;\n    }\n    if (\n      filters.authorKind &&\n      filters.authorKind !== \"all\" &&\n      authorKindOf(root) !== filters.authorKind\n    ) {\n      continue;\n    }\n    const facetsPass = facetKeys.every((key) => {\n      const selected = filters.facets[key];\n      if (!selected || selected.size === 0) return true;\n      const value = root.facets?.[key];\n      return value != null && selected.has(value);\n    });\n    if (!facetsPass) continue;\n    passingRootIds.add(root.id);\n  }\n\n  return comments.filter((c) =>\n    c.parentId ? passingRootIds.has(c.parentId) : passingRootIds.has(c.id),\n  );\n}\n\n/** True when any filter axis constrains the result. */\nexport function hasActiveFilters(filters: CommentFilters): boolean {\n  if (filters.statuses.size > 0) return true;\n  if (filters.authorKind && filters.authorKind !== \"all\") return true;\n  return Object.values(filters.facets).some((set) => set.size > 0);\n}\n\n/** An empty filter state. */\nexport function emptyCommentFilters(): CommentFilters {\n  return { statuses: new Set(), facets: {}, authorKind: \"all\" };\n}\n\n/** Finds mentionables whose `@name` token appears in a body (case-insensitive). */\nexport function matchMentionsInBody(\n  body: string,\n  mentionables: CommentMentionable[],\n): CommentMention[] {\n  const lower = body.toLowerCase();\n  return mentionables\n    .filter((m) => lower.includes(`@${m.name.toLowerCase()}`))\n    .map((m) => ({ id: m.id, name: m.name, kind: m.kind }));\n}\n\n/** Per-id handlers consumed by CommentThreadList. */\nexport type ThreadListHandlers = {\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<void>;\n  onAcknowledge?: (id: string) => void | Promise<void>;\n  onAssign?: (\n    id: string,\n    assignee: CommentAuthor | null,\n  ) => void | Promise<void>;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\n/**\n * Adapts high-level {@link CommentCallbacks} into the id-keyed handlers a\n * {@link CommentThreadList} consumes: resolves the next checklist status from the\n * cycle and extracts mentions from a reply body. Shared by `CommentThread` and\n * `CommentSidePanel` so the adaptation lives in one place.\n */\nexport function buildThreadListHandlers(\n  comments: Comment[],\n  config: CommentConfig,\n  cb: CommentCallbacks,\n): ThreadListHandlers {\n  const handlers: ThreadListHandlers = {};\n  if (cb.onUpdateStatus) handlers.onUpdateStatus = cb.onUpdateStatus;\n  if (cb.onClose) handlers.onClose = cb.onClose;\n  if (cb.onAcknowledge) handlers.onAcknowledge = cb.onAcknowledge;\n  if (cb.onAssign) handlers.onAssign = cb.onAssign;\n  if (cb.onDelete) handlers.onDelete = cb.onDelete;\n  if (cb.onChecklistToggle) {\n    const toggle = cb.onChecklistToggle;\n    handlers.onChecklistToggle = (id, index) => {\n      const item = comments.find((c) => c.id === id)?.checklist?.[index];\n      if (!item) return;\n      void toggle(\n        id,\n        index,\n        nextChecklistStatus(item.status, config.checklistStatusCycle),\n      );\n    };\n  }\n  if (cb.onReply) {\n    const reply = cb.onReply;\n    const onMention = cb.onMention;\n    handlers.onReply = async (parent, body) => {\n      const mentions = matchMentionsInBody(body, config.mentionables ?? []);\n      await reply({\n        parentId: parent.id,\n        body,\n        anchor: parent.anchor ?? null,\n        ...(mentions.length > 0 ? { mentions } : {}),\n      });\n      for (const mention of mentions) onMention?.(mention, { body });\n    };\n  }\n  return handlers;\n}\n"],"mappings":"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"}

package/dist/comments.cjs

@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_comment_types = require("./comments/comment-types.cjs");
 const require_comment_utils = require("./comments/comment-utils.cjs");
 const require_comment_stage = require("./lib/comment-stage.cjs");
+const require_comment_assign = require("./comments/comment-assign.cjs");
 const require_CommentMarkdown = require("./comments/CommentMarkdown.cjs");
 const require_CommentAuthor = require("./comments/CommentAuthor.cjs");
 const require_MentionTextarea = require("./comments/MentionTextarea.cjs");
@@ -31,6 +32,8 @@ exports.DOCUMENT_ANCHOR = require_comment_types.DOCUMENT_ANCHOR;
 exports.GroupedComments = require_GroupedComments.GroupedComments;
 exports.MentionTextarea = require_MentionTextarea.MentionTextarea;
 exports.applyCommentFilters = require_comment_utils.applyCommentFilters;
+exports.assignTargetItems = require_comment_assign.assignTargetItems;
+exports.assignmentMenuItems = require_comment_assign.assignmentMenuItems;
 exports.authorDisplayName = require_comment_utils.authorDisplayName;
 exports.buildReplyMap = require_comment_utils.buildReplyMap;
 exports.buildThreadListHandlers = require_comment_utils.buildThreadListHandlers;

package/dist/comments.d.ts

@@ -1,5 +1,6 @@
 export * from './comments/comment-types.js';
 export * from './comments/comment-utils.js';
+export { assignTargetItems, assignmentMenuItems, type CommentActionRunner, type CommentAssignmentOptions, } from './comments/comment-assign.js';
 export { resolveCommentStage, selectCommentThreadsByStage, statusForCommentStage, } from './lib/comment-stage.js';
 export { CommentMarkdown, type CommentMarkdownProps, } from './comments/CommentMarkdown.js';
 export { CommentAuthorAvatar, type CommentAuthorAvatarProps, } from './comments/CommentAuthor.js';

package/dist/comments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../src/comments.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,wBAAwB,EACxB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../src/comments.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,wBAAwB,EACxB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/comments.js

@@ -1,6 +1,7 @@
 import { DEFAULT_CHECKLIST_CYCLE, DEFAULT_COMMENT_STATUSES, DOCUMENT_ANCHOR } from "./comments/comment-types.js";
 import { applyCommentFilters, authorDisplayName, buildReplyMap, buildThreadListHandlers, commentCountForPrefix, defaultStatusValue, deriveAnchorCounts, deriveAnchorMeta, emptyCommentFilters, getRoots, groupByFacet, hasActiveFilters, isUnresolved, matchMentionsInBody, nextChecklistStatus, resolveFacetOption, resolveStatusConfig, selectAnchorThreads, selectUnresolvedThreads, sortReplies, toneToBadgeTone, truncatePlain } from "./comments/comment-utils.js";
 import { resolveCommentStage, selectCommentThreadsByStage, statusForCommentStage } from "./lib/comment-stage.js";
+import { assignTargetItems, assignmentMenuItems } from "./comments/comment-assign.js";
 import { CommentMarkdown } from "./comments/CommentMarkdown.js";
 import { CommentAuthorAvatar } from "./comments/CommentAuthor.js";
 import { MentionTextarea } from "./comments/MentionTextarea.js";
@@ -14,4 +15,4 @@ import { CommentSidePanel } from "./comments/CommentSidePanel.js";
 import { GroupedComments } from "./comments/GroupedComments.js";
 import { CommentFilterBar } from "./comments/CommentFilterBar.js";
 import { CommentProgress } from "./comments/CommentProgress.js";
-export { CommentAuthorAvatar, CommentCard, CommentComposer, CommentFilterBar, CommentMarkdown, CommentProgress, CommentProvider, CommentSidePanel, CommentThread, CommentThreadList, DEFAULT_CHECKLIST_CYCLE, DEFAULT_COMMENT_STATUSES, DOCUMENT_ANCHOR, GroupedComments, MentionTextarea, applyCommentFilters, authorDisplayName, buildReplyMap, buildThreadListHandlers, commentCountForPrefix, defaultStatusValue, deriveAnchorCounts, deriveAnchorMeta, dottedAnchorResolver, emptyCommentFilters, exactAnchorResolver, getRoots, groupByFacet, hasActiveFilters, isUnresolved, matchMentionsInBody, nextChecklistStatus, resolveCommentStage, resolveFacetOption, resolveStatusConfig, selectAnchorThreads, selectCommentThreadsByStage, selectUnresolvedThreads, sortReplies, statusForCommentStage, strictAnchorResolver, toneToBadgeTone, truncatePlain, useCommentAnchorActionsOptional, useCommentAnchorOptional, useCommentContext, useCommentContextOptional };
+export { CommentAuthorAvatar, CommentCard, CommentComposer, CommentFilterBar, CommentMarkdown, CommentProgress, CommentProvider, CommentSidePanel, CommentThread, CommentThreadList, DEFAULT_CHECKLIST_CYCLE, DEFAULT_COMMENT_STATUSES, DOCUMENT_ANCHOR, GroupedComments, MentionTextarea, applyCommentFilters, assignTargetItems, assignmentMenuItems, authorDisplayName, buildReplyMap, buildThreadListHandlers, commentCountForPrefix, defaultStatusValue, deriveAnchorCounts, deriveAnchorMeta, dottedAnchorResolver, emptyCommentFilters, exactAnchorResolver, getRoots, groupByFacet, hasActiveFilters, isUnresolved, matchMentionsInBody, nextChecklistStatus, resolveCommentStage, resolveFacetOption, resolveStatusConfig, selectAnchorThreads, selectCommentThreadsByStage, selectUnresolvedThreads, sortReplies, statusForCommentStage, strictAnchorResolver, toneToBadgeTone, truncatePlain, useCommentAnchorActionsOptional, useCommentAnchorOptional, useCommentContext, useCommentContextOptional };

package/dist/components/ComboboxMenu.cjs

@@ -26,6 +26,7 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 		},
 		className: require_utils.cn("overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5", !mobile && "w-max"),
 		children: [header, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.cn(filtered.some((option) => option.layout === "responsive") && "@container/combobox-options"),
 			id: header ? listId : void 0,
 			role: header ? "listbox" : void 0,
 			"aria-label": header ? ariaLabel : void 0,
@@ -69,7 +70,7 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 							if (!option.disabled) onSelect(option);
 						} } : {},
 						onMouseEnter: () => onHighlight(index),
-						className: require_utils.cn("flex cursor-pointer rounded-sm py-1.5 text-sm", multiple ? "gap-2 px-2" : "gap-1.5 px-1.5", option.description && option.descriptionLayout !== "inline" ? "items-start" : "items-center", index === highlighted && "bg-accent", selected && !tristate && "font-medium", option.disabled && "cursor-not-allowed opacity-50"),
+						className: require_utils.cn("flex cursor-pointer rounded-sm py-1.5 text-sm", multiple ? "gap-2 px-2" : "gap-1.5 px-1.5", option.layout === "responsive" ? "items-start @min-[28rem]/combobox-options:items-center" : option.description && option.descriptionLayout !== "inline" ? "items-start" : "items-center", index === highlighted && "bg-accent", selected && !tristate && "font-medium", option.disabled && "cursor-not-allowed opacity-50"),
 						children: tristate ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "min-w-0 flex-1",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterPill.FilterPill, {
@@ -94,10 +95,10 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 							multiple && selectionIndicator,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.LabelIcon, {
 								icon: option.icon,
-								className: require_utils.cn("text-sm text-muted-foreground", option.description && option.descriptionLayout !== "inline" && "mt-1")
+								className: require_utils.cn("shrink-0 text-sm text-muted-foreground", option.description && option.descriptionLayout !== "inline" && "mt-1")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxOptionText, { option }),
-							option.trailing != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							option.trailing != null && option.layout !== "responsive" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground",
 								children: option.trailing
 							}),
@@ -142,21 +143,30 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 	}) : listbox, document.body);
 }
 function ComboboxOptionText({ option }) {
+	const responsive = option.layout === "responsive";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		"data-slot": "combobox-option-text",
-		className: require_utils.cn("min-w-0 flex-1", option.descriptionLayout === "inline" && "flex items-center gap-2"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "block min-w-0 truncate",
-			children: option.label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxOptionDescription, {
-			description: option.description,
-			inline: option.descriptionLayout === "inline"
-		})]
+		className: require_utils.cn("min-w-0 flex-1", responsive ? "flex flex-col gap-1 @min-[28rem]/combobox-options:flex-row @min-[28rem]/combobox-options:items-center @min-[28rem]/combobox-options:gap-2" : option.descriptionLayout === "inline" && "flex items-center gap-2"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_utils.cn("block min-w-0", responsive ? "whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:flex-1 @min-[28rem]/combobox-options:truncate" : "truncate"),
+				children: option.label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxOptionDescription, {
+				description: option.description,
+				inline: option.descriptionLayout === "inline",
+				responsive
+			}),
+			responsive && option.trailing != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "min-w-0 text-xs font-normal text-muted-foreground @min-[28rem]/combobox-options:ml-auto @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:truncate @min-[28rem]/combobox-options:pl-2 @min-[28rem]/combobox-options:text-right",
+				children: option.trailing
+			})
+		]
 	});
 }
-function ComboboxOptionDescription({ description, inline = false }) {
+function ComboboxOptionDescription({ description, inline = false, responsive = false }) {
 	return description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: require_utils.cn("text-xs font-normal leading-4 text-muted-foreground", inline ? "min-w-0 max-w-[55%] shrink-0 truncate" : "mt-0.5 block whitespace-pre-line"),
+		className: require_utils.cn("text-xs font-normal leading-4 text-muted-foreground", responsive ? "min-w-0 whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:shrink-0 @min-[28rem]/combobox-options:truncate" : inline ? "min-w-0 max-w-[55%] shrink-0 truncate" : "mt-0.5 block whitespace-pre-line"),
 		children: description
 	}) : null;
 }

package/dist/components/ComboboxMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.cjs","names":["cn","Icon","UiCheck","Fragment","FilterPill","LabelIcon","_Fragment","createPortal"],"sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  header,\n  ariaLabel,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  header?: ReactNode;\n  ariaLabel?: string | undefined;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={header ? undefined : listId}\n      ref={listRef}\n      role={header ? undefined : \"listbox\"}\n      aria-label={header ? undefined : ariaLabel}\n      aria-multiselectable={!header && multiple ? true : undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {header}\n      <div\n        id={header ? listId : undefined}\n        role={header ? \"listbox\" : undefined}\n        aria-label={header ? ariaLabel : undefined}\n        aria-multiselectable={header && multiple ? true : undefined}\n      >\n        {loading && filtered.length === 0 && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            Loading…\n          </div>\n        )}\n        {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n        {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            No results\n          </div>\n        )}\n        {filtered.map((option, index) => {\n          const selected = isSelected(option.value);\n          const mode = tristate ? modes[option.value] : undefined;\n          const showHeader =\n            option.group != null && option.group !== filtered[index - 1]?.group;\n          const selectionIndicator = (\n            <span\n              data-slot=\"combobox-selection-indicator\"\n              aria-hidden\n              className={cn(\n                \"shrink-0 text-xs\",\n                option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                selected ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              <Icon icon={UiCheck} />\n            </span>\n          );\n          return (\n            <Fragment key={option.value}>\n              {showHeader && (\n                <div\n                  role=\"presentation\"\n                  className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n                >\n                  {option.group}\n                </div>\n              )}\n              <div\n                id={listId ? `${listId}-${index}` : undefined}\n                role=\"option\"\n                aria-selected={tristate ? mode != null : selected}\n                aria-disabled={option.disabled}\n                {...(mode != null\n                  ? {\n                      \"aria-label\": `${option.label}, ${\n                        mode === \"include\" ? \"included\" : \"excluded\"\n                      }`,\n                    }\n                  : {})}\n                {...(option.title !== undefined ? { title: option.title } : {})}\n                {...(tristate ? { \"data-filter-option\": option.value } : {})}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  if (!tristate && !option.disabled) onSelect(option);\n                }}\n                {...(tristate\n                  ? {\n                      onClick: () => {\n                        if (!option.disabled) onSelect(option);\n                      },\n                    }\n                  : {})}\n                onMouseEnter={() => onHighlight(index)}\n                className={cn(\n                  \"flex cursor-pointer rounded-sm py-1.5 text-sm\",\n                  multiple ? \"gap-2 px-2\" : \"gap-1.5 px-1.5\",\n                  option.description && option.descriptionLayout !== \"inline\" ? \"items-start\" : \"items-center\",\n                  index === highlighted && \"bg-accent\",\n                  selected && !tristate && \"font-medium\",\n                  option.disabled && \"cursor-not-allowed opacity-50\",\n                )}\n              >\n                {tristate ? (\n                  <div className=\"min-w-0 flex-1\">\n                    <FilterPill\n                      mode={mode ?? \"neutral\"}\n                      togglePosition=\"right\"\n                      interactive={false}\n                      label={\n                        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                          <LabelIcon\n                            icon={option.icon}\n                            className=\"shrink-0 text-sm text-muted-foreground\"\n                          />\n                          <span className=\"truncate\">{option.label}</span>\n                        </span>\n                      }\n                      onModeChange={(next) => onSetMode(option.value, next)}\n                      className=\"w-full justify-between\"\n                      {...(option.count !== undefined\n                        ? { count: option.count }\n                        : {})}\n                    />\n                    <ComboboxOptionDescription\n                      description={option.description}\n                    />\n                  </div>\n                ) : (\n                  <>\n                    {multiple && selectionIndicator}\n                    <LabelIcon\n                      icon={option.icon}\n                      className={cn(\n                        \"text-sm text-muted-foreground\",\n                        option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                      )}\n                    />\n                    <ComboboxOptionText option={option} />\n                    {option.trailing != null && (\n                      // Capped and truncating rather than `shrink-0`: in a menu\n                      // clamped by the viewport edge the label is what identifies\n                      // the option, so the preview yields first.\n                      <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                        {option.trailing}\n                      </span>\n                    )}\n                    {!multiple && selectionIndicator}\n                  </>\n                )}\n              </div>\n            </Fragment>\n          );\n        })}\n        {customEntry && (\n          <div\n            id={listId ? `${listId}-${filtered.length}` : undefined}\n            role=\"option\"\n            aria-selected={false}\n            data-filter-add-custom={customEntry.value}\n            title={customEntry.title}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onSelect(customEntry)}\n            onMouseEnter={() => onHighlight(filtered.length)}\n            className={cn(\n              \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n              highlighted === filtered.length && \"bg-accent\",\n            )}\n          >\n            <LabelIcon\n              icon={customEntry.icon}\n              className=\"text-sm text-muted-foreground\"\n            />\n            <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n          </div>\n        )}\n        {footer != null && (\n          <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span data-slot=\"combobox-option-text\" className={cn(\"min-w-0 flex-1\", option.descriptionLayout === \"inline\" && \"flex items-center gap-2\")}>\n      <span className=\"block min-w-0 truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} inline={option.descriptionLayout === \"inline\"} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n  inline = false,\n}: {\n  description: string | undefined;\n  inline?: boolean;\n}) {\n  return description ? (\n    <span className={cn(\"text-xs font-normal leading-4 text-muted-foreground\", inline ? \"min-w-0 max-w-[55%] shrink-0 truncate\" : \"mt-0.5 block whitespace-pre-line\")}>\n      {description}\n    </span>\n  ) : null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.cjs","names":["cn","Icon","UiCheck","Fragment","FilterPill","LabelIcon","_Fragment","createPortal"],"sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  header,\n  ariaLabel,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  header?: ReactNode;\n  ariaLabel?: string | undefined;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={header ? undefined : listId}\n      ref={listRef}\n      role={header ? undefined : \"listbox\"}\n      aria-label={header ? undefined : ariaLabel}\n      aria-multiselectable={!header && multiple ? true : undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {header}\n      <div\n        className={cn(filtered.some(option => option.layout === \"responsive\") && \"@container/combobox-options\")}\n        id={header ? listId : undefined}\n        role={header ? \"listbox\" : undefined}\n        aria-label={header ? ariaLabel : undefined}\n        aria-multiselectable={header && multiple ? true : undefined}\n      >\n        {loading && filtered.length === 0 && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            Loading…\n          </div>\n        )}\n        {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n        {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            No results\n          </div>\n        )}\n        {filtered.map((option, index) => {\n          const selected = isSelected(option.value);\n          const mode = tristate ? modes[option.value] : undefined;\n          const showHeader =\n            option.group != null && option.group !== filtered[index - 1]?.group;\n          const selectionIndicator = (\n            <span\n              data-slot=\"combobox-selection-indicator\"\n              aria-hidden\n              className={cn(\n                \"shrink-0 text-xs\",\n                option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                selected ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              <Icon icon={UiCheck} />\n            </span>\n          );\n          return (\n            <Fragment key={option.value}>\n              {showHeader && (\n                <div\n                  role=\"presentation\"\n                  className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n                >\n                  {option.group}\n                </div>\n              )}\n              <div\n                id={listId ? `${listId}-${index}` : undefined}\n                role=\"option\"\n                aria-selected={tristate ? mode != null : selected}\n                aria-disabled={option.disabled}\n                {...(mode != null\n                  ? {\n                      \"aria-label\": `${option.label}, ${\n                        mode === \"include\" ? \"included\" : \"excluded\"\n                      }`,\n                    }\n                  : {})}\n                {...(option.title !== undefined ? { title: option.title } : {})}\n                {...(tristate ? { \"data-filter-option\": option.value } : {})}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  if (!tristate && !option.disabled) onSelect(option);\n                }}\n                {...(tristate\n                  ? {\n                      onClick: () => {\n                        if (!option.disabled) onSelect(option);\n                      },\n                    }\n                  : {})}\n                onMouseEnter={() => onHighlight(index)}\n                className={cn(\n                  \"flex cursor-pointer rounded-sm py-1.5 text-sm\",\n                  multiple ? \"gap-2 px-2\" : \"gap-1.5 px-1.5\",\n                  option.layout === \"responsive\" ? \"items-start @min-[28rem]/combobox-options:items-center\" : option.description && option.descriptionLayout !== \"inline\" ? \"items-start\" : \"items-center\",\n                  index === highlighted && \"bg-accent\",\n                  selected && !tristate && \"font-medium\",\n                  option.disabled && \"cursor-not-allowed opacity-50\",\n                )}\n              >\n                {tristate ? (\n                  <div className=\"min-w-0 flex-1\">\n                    <FilterPill\n                      mode={mode ?? \"neutral\"}\n                      togglePosition=\"right\"\n                      interactive={false}\n                      label={\n                        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                          <LabelIcon\n                            icon={option.icon}\n                            className=\"shrink-0 text-sm text-muted-foreground\"\n                          />\n                          <span className=\"truncate\">{option.label}</span>\n                        </span>\n                      }\n                      onModeChange={(next) => onSetMode(option.value, next)}\n                      className=\"w-full justify-between\"\n                      {...(option.count !== undefined\n                        ? { count: option.count }\n                        : {})}\n                    />\n                    <ComboboxOptionDescription\n                      description={option.description}\n                    />\n                  </div>\n                ) : (\n                  <>\n                    {multiple && selectionIndicator}\n                    <LabelIcon\n                      icon={option.icon}\n                      className={cn(\n                        \"shrink-0 text-sm text-muted-foreground\",\n                        option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                      )}\n                    />\n                    <ComboboxOptionText option={option} />\n                    {option.trailing != null && option.layout !== \"responsive\" && (\n                      // Capped and truncating rather than `shrink-0`: in a menu\n                      // clamped by the viewport edge the label is what identifies\n                      // the option, so the preview yields first.\n                      <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                        {option.trailing}\n                      </span>\n                    )}\n                    {!multiple && selectionIndicator}\n                  </>\n                )}\n              </div>\n            </Fragment>\n          );\n        })}\n        {customEntry && (\n          <div\n            id={listId ? `${listId}-${filtered.length}` : undefined}\n            role=\"option\"\n            aria-selected={false}\n            data-filter-add-custom={customEntry.value}\n            title={customEntry.title}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onSelect(customEntry)}\n            onMouseEnter={() => onHighlight(filtered.length)}\n            className={cn(\n              \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n              highlighted === filtered.length && \"bg-accent\",\n            )}\n          >\n            <LabelIcon\n              icon={customEntry.icon}\n              className=\"text-sm text-muted-foreground\"\n            />\n            <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n          </div>\n        )}\n        {footer != null && (\n          <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  const responsive = option.layout === \"responsive\";\n  return (\n    <span data-slot=\"combobox-option-text\" className={cn(\"min-w-0 flex-1\", responsive ? \"flex flex-col gap-1 @min-[28rem]/combobox-options:flex-row @min-[28rem]/combobox-options:items-center @min-[28rem]/combobox-options:gap-2\" : option.descriptionLayout === \"inline\" && \"flex items-center gap-2\")}>\n      <span className={cn(\"block min-w-0\", responsive ? \"whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:flex-1 @min-[28rem]/combobox-options:truncate\" : \"truncate\")}>{option.label}</span>\n      <ComboboxOptionDescription description={option.description} inline={option.descriptionLayout === \"inline\"} responsive={responsive} />\n      {responsive && option.trailing != null && (\n        <span className=\"min-w-0 text-xs font-normal text-muted-foreground @min-[28rem]/combobox-options:ml-auto @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:truncate @min-[28rem]/combobox-options:pl-2 @min-[28rem]/combobox-options:text-right\">\n          {option.trailing}\n        </span>\n      )}\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n  inline = false,\n  responsive = false,\n}: {\n  description: string | undefined;\n  inline?: boolean;\n  responsive?: boolean;\n}) {\n  return description ? (\n    <span className={cn(\"text-xs font-normal leading-4 text-muted-foreground\", responsive ? \"min-w-0 whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:shrink-0 @min-[28rem]/combobox-options:truncate\" : inline ? \"min-w-0 max-w-[55%] shrink-0 truncate\" : \"mt-0.5 block whitespace-pre-line\")}>\n      {description}\n    </span>\n  ) : null;\n}\n"],"mappings":"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"}

package/dist/components/ComboboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,uEAAuE;IACvE,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAgNA"}
+{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,uEAAuE;IACvE,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAiNA"}

package/dist/components/ComboboxMenu.js

@@ -26,6 +26,7 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 		},
 		className: cn("overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5", !mobile && "w-max"),
 		children: [header, /* @__PURE__ */ jsxs("div", {
+			className: cn(filtered.some((option) => option.layout === "responsive") && "@container/combobox-options"),
 			id: header ? listId : void 0,
 			role: header ? "listbox" : void 0,
 			"aria-label": header ? ariaLabel : void 0,
@@ -69,7 +70,7 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 							if (!option.disabled) onSelect(option);
 						} } : {},
 						onMouseEnter: () => onHighlight(index),
-						className: cn("flex cursor-pointer rounded-sm py-1.5 text-sm", multiple ? "gap-2 px-2" : "gap-1.5 px-1.5", option.description && option.descriptionLayout !== "inline" ? "items-start" : "items-center", index === highlighted && "bg-accent", selected && !tristate && "font-medium", option.disabled && "cursor-not-allowed opacity-50"),
+						className: cn("flex cursor-pointer rounded-sm py-1.5 text-sm", multiple ? "gap-2 px-2" : "gap-1.5 px-1.5", option.layout === "responsive" ? "items-start @min-[28rem]/combobox-options:items-center" : option.description && option.descriptionLayout !== "inline" ? "items-start" : "items-center", index === highlighted && "bg-accent", selected && !tristate && "font-medium", option.disabled && "cursor-not-allowed opacity-50"),
 						children: tristate ? /* @__PURE__ */ jsxs("div", {
 							className: "min-w-0 flex-1",
 							children: [/* @__PURE__ */ jsx(FilterPill, {
@@ -94,10 +95,10 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 							multiple && selectionIndicator,
 							/* @__PURE__ */ jsx(LabelIcon, {
 								icon: option.icon,
-								className: cn("text-sm text-muted-foreground", option.description && option.descriptionLayout !== "inline" && "mt-1")
+								className: cn("shrink-0 text-sm text-muted-foreground", option.description && option.descriptionLayout !== "inline" && "mt-1")
 							}),
 							/* @__PURE__ */ jsx(ComboboxOptionText, { option }),
-							option.trailing != null && /* @__PURE__ */ jsx("span", {
+							option.trailing != null && option.layout !== "responsive" && /* @__PURE__ */ jsx("span", {
 								className: "ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground",
 								children: option.trailing
 							}),
@@ -142,21 +143,30 @@ function ComboboxMenu({ customEntry, filtered, floatingZ, footer, header, ariaLa
 	}) : listbox, document.body);
 }
 function ComboboxOptionText({ option }) {
+	const responsive = option.layout === "responsive";
 	return /* @__PURE__ */ jsxs("span", {
 		"data-slot": "combobox-option-text",
-		className: cn("min-w-0 flex-1", option.descriptionLayout === "inline" && "flex items-center gap-2"),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "block min-w-0 truncate",
-			children: option.label
-		}), /* @__PURE__ */ jsx(ComboboxOptionDescription, {
-			description: option.description,
-			inline: option.descriptionLayout === "inline"
-		})]
+		className: cn("min-w-0 flex-1", responsive ? "flex flex-col gap-1 @min-[28rem]/combobox-options:flex-row @min-[28rem]/combobox-options:items-center @min-[28rem]/combobox-options:gap-2" : option.descriptionLayout === "inline" && "flex items-center gap-2"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn("block min-w-0", responsive ? "whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:flex-1 @min-[28rem]/combobox-options:truncate" : "truncate"),
+				children: option.label
+			}),
+			/* @__PURE__ */ jsx(ComboboxOptionDescription, {
+				description: option.description,
+				inline: option.descriptionLayout === "inline",
+				responsive
+			}),
+			responsive && option.trailing != null && /* @__PURE__ */ jsx("span", {
+				className: "min-w-0 text-xs font-normal text-muted-foreground @min-[28rem]/combobox-options:ml-auto @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:truncate @min-[28rem]/combobox-options:pl-2 @min-[28rem]/combobox-options:text-right",
+				children: option.trailing
+			})
+		]
 	});
 }
-function ComboboxOptionDescription({ description, inline = false }) {
+function ComboboxOptionDescription({ description, inline = false, responsive = false }) {
 	return description ? /* @__PURE__ */ jsx("span", {
-		className: cn("text-xs font-normal leading-4 text-muted-foreground", inline ? "min-w-0 max-w-[55%] shrink-0 truncate" : "mt-0.5 block whitespace-pre-line"),
+		className: cn("text-xs font-normal leading-4 text-muted-foreground", responsive ? "min-w-0 whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:shrink-0 @min-[28rem]/combobox-options:truncate" : inline ? "min-w-0 max-w-[55%] shrink-0 truncate" : "mt-0.5 block whitespace-pre-line"),
 		children: description
 	}) : null;
 }

package/dist/components/ComboboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.js","names":["_Fragment"],"sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  header,\n  ariaLabel,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  header?: ReactNode;\n  ariaLabel?: string | undefined;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={header ? undefined : listId}\n      ref={listRef}\n      role={header ? undefined : \"listbox\"}\n      aria-label={header ? undefined : ariaLabel}\n      aria-multiselectable={!header && multiple ? true : undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {header}\n      <div\n        id={header ? listId : undefined}\n        role={header ? \"listbox\" : undefined}\n        aria-label={header ? ariaLabel : undefined}\n        aria-multiselectable={header && multiple ? true : undefined}\n      >\n        {loading && filtered.length === 0 && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            Loading…\n          </div>\n        )}\n        {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n        {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            No results\n          </div>\n        )}\n        {filtered.map((option, index) => {\n          const selected = isSelected(option.value);\n          const mode = tristate ? modes[option.value] : undefined;\n          const showHeader =\n            option.group != null && option.group !== filtered[index - 1]?.group;\n          const selectionIndicator = (\n            <span\n              data-slot=\"combobox-selection-indicator\"\n              aria-hidden\n              className={cn(\n                \"shrink-0 text-xs\",\n                option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                selected ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              <Icon icon={UiCheck} />\n            </span>\n          );\n          return (\n            <Fragment key={option.value}>\n              {showHeader && (\n                <div\n                  role=\"presentation\"\n                  className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n                >\n                  {option.group}\n                </div>\n              )}\n              <div\n                id={listId ? `${listId}-${index}` : undefined}\n                role=\"option\"\n                aria-selected={tristate ? mode != null : selected}\n                aria-disabled={option.disabled}\n                {...(mode != null\n                  ? {\n                      \"aria-label\": `${option.label}, ${\n                        mode === \"include\" ? \"included\" : \"excluded\"\n                      }`,\n                    }\n                  : {})}\n                {...(option.title !== undefined ? { title: option.title } : {})}\n                {...(tristate ? { \"data-filter-option\": option.value } : {})}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  if (!tristate && !option.disabled) onSelect(option);\n                }}\n                {...(tristate\n                  ? {\n                      onClick: () => {\n                        if (!option.disabled) onSelect(option);\n                      },\n                    }\n                  : {})}\n                onMouseEnter={() => onHighlight(index)}\n                className={cn(\n                  \"flex cursor-pointer rounded-sm py-1.5 text-sm\",\n                  multiple ? \"gap-2 px-2\" : \"gap-1.5 px-1.5\",\n                  option.description && option.descriptionLayout !== \"inline\" ? \"items-start\" : \"items-center\",\n                  index === highlighted && \"bg-accent\",\n                  selected && !tristate && \"font-medium\",\n                  option.disabled && \"cursor-not-allowed opacity-50\",\n                )}\n              >\n                {tristate ? (\n                  <div className=\"min-w-0 flex-1\">\n                    <FilterPill\n                      mode={mode ?? \"neutral\"}\n                      togglePosition=\"right\"\n                      interactive={false}\n                      label={\n                        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                          <LabelIcon\n                            icon={option.icon}\n                            className=\"shrink-0 text-sm text-muted-foreground\"\n                          />\n                          <span className=\"truncate\">{option.label}</span>\n                        </span>\n                      }\n                      onModeChange={(next) => onSetMode(option.value, next)}\n                      className=\"w-full justify-between\"\n                      {...(option.count !== undefined\n                        ? { count: option.count }\n                        : {})}\n                    />\n                    <ComboboxOptionDescription\n                      description={option.description}\n                    />\n                  </div>\n                ) : (\n                  <>\n                    {multiple && selectionIndicator}\n                    <LabelIcon\n                      icon={option.icon}\n                      className={cn(\n                        \"text-sm text-muted-foreground\",\n                        option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                      )}\n                    />\n                    <ComboboxOptionText option={option} />\n                    {option.trailing != null && (\n                      // Capped and truncating rather than `shrink-0`: in a menu\n                      // clamped by the viewport edge the label is what identifies\n                      // the option, so the preview yields first.\n                      <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                        {option.trailing}\n                      </span>\n                    )}\n                    {!multiple && selectionIndicator}\n                  </>\n                )}\n              </div>\n            </Fragment>\n          );\n        })}\n        {customEntry && (\n          <div\n            id={listId ? `${listId}-${filtered.length}` : undefined}\n            role=\"option\"\n            aria-selected={false}\n            data-filter-add-custom={customEntry.value}\n            title={customEntry.title}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onSelect(customEntry)}\n            onMouseEnter={() => onHighlight(filtered.length)}\n            className={cn(\n              \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n              highlighted === filtered.length && \"bg-accent\",\n            )}\n          >\n            <LabelIcon\n              icon={customEntry.icon}\n              className=\"text-sm text-muted-foreground\"\n            />\n            <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n          </div>\n        )}\n        {footer != null && (\n          <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span data-slot=\"combobox-option-text\" className={cn(\"min-w-0 flex-1\", option.descriptionLayout === \"inline\" && \"flex items-center gap-2\")}>\n      <span className=\"block min-w-0 truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} inline={option.descriptionLayout === \"inline\"} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n  inline = false,\n}: {\n  description: string | undefined;\n  inline?: boolean;\n}) {\n  return description ? (\n    <span className={cn(\"text-xs font-normal leading-4 text-muted-foreground\", inline ? \"min-w-0 max-w-[55%] shrink-0 truncate\" : \"mt-0.5 block whitespace-pre-line\")}>\n      {description}\n    </span>\n  ) : null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.js","names":["_Fragment"],"sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { ComboboxOption, ComboboxTriStateMode } from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"../lib/combobox\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  header,\n  ariaLabel,\n  hasOptions,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  header?: ReactNode;\n  ariaLabel?: string | undefined;\n  /** Whether the control has an option set at all (before filtering). */\n  hasOptions: boolean;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  const mobile = menuPos.strategy === \"mobile\";\n  const listbox = (\n    <div\n      id={header ? undefined : listId}\n      ref={listRef}\n      role={header ? undefined : \"listbox\"}\n      aria-label={header ? undefined : ariaLabel}\n      aria-multiselectable={!header && multiple ? true : undefined}\n      style={{\n        position: mobile ? \"absolute\" : \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        ...(mobile ? { width: menuPos.width } : { minWidth: menuPos.width }),\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: mobile ? undefined : floatingZ,\n        pointerEvents: mobile ? \"auto\" : undefined,\n      }}\n      className={cn(\n        \"overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n        !mobile && \"w-max\",\n      )}\n    >\n      {header}\n      <div\n        className={cn(filtered.some(option => option.layout === \"responsive\") && \"@container/combobox-options\")}\n        id={header ? listId : undefined}\n        role={header ? \"listbox\" : undefined}\n        aria-label={header ? ariaLabel : undefined}\n        aria-multiselectable={header && multiple ? true : undefined}\n      >\n        {loading && filtered.length === 0 && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            Loading…\n          </div>\n        )}\n        {/* \"No results\" answers \"did my query match anything?\" — a control with\n          no option set at all (a free tag list) was never asked the question, so\n          it says nothing rather than reporting an empty search. */}\n        {!loading && filtered.length === 0 && !customEntry && hasOptions && (\n          <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n            No results\n          </div>\n        )}\n        {filtered.map((option, index) => {\n          const selected = isSelected(option.value);\n          const mode = tristate ? modes[option.value] : undefined;\n          const showHeader =\n            option.group != null && option.group !== filtered[index - 1]?.group;\n          const selectionIndicator = (\n            <span\n              data-slot=\"combobox-selection-indicator\"\n              aria-hidden\n              className={cn(\n                \"shrink-0 text-xs\",\n                option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                selected ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              <Icon icon={UiCheck} />\n            </span>\n          );\n          return (\n            <Fragment key={option.value}>\n              {showHeader && (\n                <div\n                  role=\"presentation\"\n                  className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n                >\n                  {option.group}\n                </div>\n              )}\n              <div\n                id={listId ? `${listId}-${index}` : undefined}\n                role=\"option\"\n                aria-selected={tristate ? mode != null : selected}\n                aria-disabled={option.disabled}\n                {...(mode != null\n                  ? {\n                      \"aria-label\": `${option.label}, ${\n                        mode === \"include\" ? \"included\" : \"excluded\"\n                      }`,\n                    }\n                  : {})}\n                {...(option.title !== undefined ? { title: option.title } : {})}\n                {...(tristate ? { \"data-filter-option\": option.value } : {})}\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                  if (!tristate && !option.disabled) onSelect(option);\n                }}\n                {...(tristate\n                  ? {\n                      onClick: () => {\n                        if (!option.disabled) onSelect(option);\n                      },\n                    }\n                  : {})}\n                onMouseEnter={() => onHighlight(index)}\n                className={cn(\n                  \"flex cursor-pointer rounded-sm py-1.5 text-sm\",\n                  multiple ? \"gap-2 px-2\" : \"gap-1.5 px-1.5\",\n                  option.layout === \"responsive\" ? \"items-start @min-[28rem]/combobox-options:items-center\" : option.description && option.descriptionLayout !== \"inline\" ? \"items-start\" : \"items-center\",\n                  index === highlighted && \"bg-accent\",\n                  selected && !tristate && \"font-medium\",\n                  option.disabled && \"cursor-not-allowed opacity-50\",\n                )}\n              >\n                {tristate ? (\n                  <div className=\"min-w-0 flex-1\">\n                    <FilterPill\n                      mode={mode ?? \"neutral\"}\n                      togglePosition=\"right\"\n                      interactive={false}\n                      label={\n                        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                          <LabelIcon\n                            icon={option.icon}\n                            className=\"shrink-0 text-sm text-muted-foreground\"\n                          />\n                          <span className=\"truncate\">{option.label}</span>\n                        </span>\n                      }\n                      onModeChange={(next) => onSetMode(option.value, next)}\n                      className=\"w-full justify-between\"\n                      {...(option.count !== undefined\n                        ? { count: option.count }\n                        : {})}\n                    />\n                    <ComboboxOptionDescription\n                      description={option.description}\n                    />\n                  </div>\n                ) : (\n                  <>\n                    {multiple && selectionIndicator}\n                    <LabelIcon\n                      icon={option.icon}\n                      className={cn(\n                        \"shrink-0 text-sm text-muted-foreground\",\n                        option.description && option.descriptionLayout !== \"inline\" && \"mt-1\",\n                      )}\n                    />\n                    <ComboboxOptionText option={option} />\n                    {option.trailing != null && option.layout !== \"responsive\" && (\n                      // Capped and truncating rather than `shrink-0`: in a menu\n                      // clamped by the viewport edge the label is what identifies\n                      // the option, so the preview yields first.\n                      <span className=\"ml-auto min-w-0 max-w-[55%] truncate pl-2 text-right text-xs text-muted-foreground\">\n                        {option.trailing}\n                      </span>\n                    )}\n                    {!multiple && selectionIndicator}\n                  </>\n                )}\n              </div>\n            </Fragment>\n          );\n        })}\n        {customEntry && (\n          <div\n            id={listId ? `${listId}-${filtered.length}` : undefined}\n            role=\"option\"\n            aria-selected={false}\n            data-filter-add-custom={customEntry.value}\n            title={customEntry.title}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onSelect(customEntry)}\n            onMouseEnter={() => onHighlight(filtered.length)}\n            className={cn(\n              \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n              highlighted === filtered.length && \"bg-accent\",\n            )}\n          >\n            <LabelIcon\n              icon={customEntry.icon}\n              className=\"text-sm text-muted-foreground\"\n            />\n            <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n          </div>\n        )}\n        {footer != null && (\n          <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n  return createPortal(\n    mobile ? (\n      <div\n        data-slot=\"combobox-viewport-layer\"\n        style={{\n          position: \"fixed\",\n          inset: 0,\n          zIndex: floatingZ,\n          pointerEvents: \"none\",\n        }}\n      >\n        {listbox}\n      </div>\n    ) : (\n      listbox\n    ),\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  const responsive = option.layout === \"responsive\";\n  return (\n    <span data-slot=\"combobox-option-text\" className={cn(\"min-w-0 flex-1\", responsive ? \"flex flex-col gap-1 @min-[28rem]/combobox-options:flex-row @min-[28rem]/combobox-options:items-center @min-[28rem]/combobox-options:gap-2\" : option.descriptionLayout === \"inline\" && \"flex items-center gap-2\")}>\n      <span className={cn(\"block min-w-0\", responsive ? \"whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:flex-1 @min-[28rem]/combobox-options:truncate\" : \"truncate\")}>{option.label}</span>\n      <ComboboxOptionDescription description={option.description} inline={option.descriptionLayout === \"inline\"} responsive={responsive} />\n      {responsive && option.trailing != null && (\n        <span className=\"min-w-0 text-xs font-normal text-muted-foreground @min-[28rem]/combobox-options:ml-auto @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:truncate @min-[28rem]/combobox-options:pl-2 @min-[28rem]/combobox-options:text-right\">\n          {option.trailing}\n        </span>\n      )}\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({\n  description,\n  inline = false,\n  responsive = false,\n}: {\n  description: string | undefined;\n  inline?: boolean;\n  responsive?: boolean;\n}) {\n  return description ? (\n    <span className={cn(\"text-xs font-normal leading-4 text-muted-foreground\", responsive ? \"min-w-0 whitespace-normal [overflow-wrap:anywhere] @min-[28rem]/combobox-options:max-w-[55%] @min-[28rem]/combobox-options:shrink-0 @min-[28rem]/combobox-options:truncate\" : inline ? \"min-w-0 max-w-[55%] shrink-0 truncate\" : \"mt-0.5 block whitespace-pre-line\")}>\n      {description}\n    </span>\n  ) : null;\n}\n"],"mappings":"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"}

package/dist/components/ErrorWrapper.cjs

@@ -22,10 +22,21 @@ var ErrorWrapper = class extends react.Component {
 		this.props.onError?.(error, errorInfo);
 	}
 	render() {
-		if (this.state.error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorFallback, {
-			error: this.state.error,
-			componentStack: this.state.componentStack
-		});
+		if (this.state.error) {
+			if (this.props.renderFallback) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: this.props.renderFallback({
+				error: this.state.error,
+				componentStack: this.state.componentStack,
+				report: errorReport(this.state.error, this.state.componentStack),
+				reset: () => this.setState({
+					error: null,
+					componentStack: null
+				})
+			}) });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorFallback, {
+				error: this.state.error,
+				componentStack: this.state.componentStack
+			});
+		}
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: this.props.children });
 	}
 };

package/dist/components/ErrorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.cjs","names":["Component","_Fragment","useState","useMemo","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics","reportPageLine"],"sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  reportPageLine,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  const page = reportPageLine();\n  if (page) lines.push(page);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"mappings":"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"}
+{"version":3,"file":"ErrorWrapper.cjs","names":["Component","_Fragment","useState","useMemo","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics","reportPageLine"],"sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  reportPageLine,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n  /** Render host-specific recovery actions without replacing ancestors of this boundary. */\n  renderFallback?: (failure: {\n    error: Error;\n    componentStack: string | null;\n    report: string;\n    reset: () => void;\n  }) => ReactNode;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      if (this.props.renderFallback)\n        return (\n          <>\n            {this.props.renderFallback({\n              error: this.state.error,\n              componentStack: this.state.componentStack,\n              report: errorReport(this.state.error, this.state.componentStack),\n              reset: () => this.setState({ error: null, componentStack: null }),\n            })}\n          </>\n        );\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  const page = reportPageLine();\n  if (page) lines.push(page);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"mappings":";;;;;;;;;;;AAoCA,IAAa,eAAb,cAAkCA,MAAAA,UAGhC;CACA,QAAoC;EAClC,OAAO;EACP,gBAAgB;CAClB;CAEA,OAAO,yBAAyB,OAAc;EAC5C,OAAO,EAAE,MAAM;CACjB;CAEA,kBAA2B,OAAc,WAAsB;EAC7D,KAAK,SAAS,EAAE,gBAAgB,UAAU,kBAAkB,KAAK,CAAC;EAClE,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CAEA,SAAgC;EAC9B,IAAI,KAAK,MAAM,OAAO;GACpB,IAAI,KAAK,MAAM,gBACb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAAC,kBAAAA,UAAA,EAAA,UACG,KAAK,MAAM,eAAe;IACzB,OAAO,KAAK,MAAM;IAClB,gBAAgB,KAAK,MAAM;IAC3B,QAAQ,YAAY,KAAK,MAAM,OAAO,KAAK,MAAM,cAAc;IAC/D,aAAa,KAAK,SAAS;KAAE,OAAO;KAAM,gBAAgB;IAAK,CAAC;GAClE,CAAC,EACD,CAAA;GAEN,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;IACE,OAAO,KAAK,MAAM;IAClB,gBAAgB,KAAK,MAAM;GAC5B,CAAA;EAEL;EACA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAAA,kBAAAA,UAAA,EAAA,UAAG,KAAK,MAAM,SAAW,CAAA;CAClC;AACF;AAIA,SAAS,kBAAkB,WAA8B;CACvD,IAAI,cAAc,UAAU,OAAO;CACnC,IAAI,cAAc,UAChB,OAAO;CAET,OAAO;AACT;AAEA,SAAS,cAAc,EACrB,OACA,kBAIC;CACD,MAAM,CAAC,WAAW,iBAAA,GAAgBC,MAAAA,SAAAA,CAAoB,MAAM;CAC5D,MAAM,eAAA,GAAcC,MAAAA,QAAAA,OACZ,iBAAiB,OAAO,cAAc,GAC5C,CAAC,gBAAgB,KAAK,CACxB;CAEA,MAAM,cAAc,YAAY;EAC9B,IAAI,CAAC,UAAU,WAAW,WAAW;GACnC,aAAa,QAAQ;GACrB;EACF;EACA,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,YAAY,OAAO,cAAc,CAAC;GACtE,aAAa,QAAQ;EACvB,QAAQ;GACN,aAAa,QAAQ;EACvB;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,mBAAgB;EAChB,WAAU;EAEV,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;OAAM,MAAMC,0BAAAA;OAAmB,WAAU;MAAU,CAAA;KAC/C,CAAA,GACN,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;QAAG,WAAU;QAAiE,UAAA;OAE3E,CAAA;OACH,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;QACE,IAAG;QACH,WAAU;QACX,UAAA;OAEG,CAAA;OACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;QAAG,WAAU;QACV,UAAA,YAAY;OACZ,CAAA;MACA;KACF,CAAA,CAAA;;IAEL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,QAAD;MACE,MAAK;MACL,SAAQ;MACR,eAAe,KAAK,YAAY;MAHlC,UAAA,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD,EAAM,MAAM,cAAc,WAAWG,gBAAAA,UAAUC,eAAAA,OAAS,CAAA,GAKvD,cAAc,WAAW,WAAW,mBAC/B;KACR,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MACE,aAAU;MACV,WAAWC,cAAAA,GACT,WACA,cAAc,WACV,qBACA,uBACN;MAEC,UAAA,kBAAkB,SAAS;KACxB,CAAA,CACH;;IAEL,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD,EAA2B,YAAc,CAAA;GACtC;;CACD,CAAA;AAEV;AAEA,SAAS,iBACP,OACA,gBACkB;CAClB,MAAM,cAAcC,0BAAAA,0BAClB,OACA,mDACF;CACA,IAAI,CAAC,aACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,MAAM,QACJ,MAAM,UAAU,KAAA,IACZ,CAAC,IACD,CAAC,CAAC,SAAS,OAAO,MAAM,KAAK,CAAC,CAAqB;CACzD,MAAM,aAAa,gBAAgB,KAAK;CACxC,OAAO;EACL,GAAG;EACH,SAAS,CAAC,GAAG,YAAY,SAAS,GAAG,KAAK;EAC1C,GAAI,aACA,EACE,YAAY;GACV,YAAY;GACZ;GACA;EACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,MAAM,EAChB,IACA,CAAC;CACP;AACF;AAEA,SAAS,YAAY,OAAc,gBAA+B;CAChE,MAAM,QAAQ,CACZ,UAAU,MAAM,WAAW,qDAC7B;CACA,IAAI,MAAM,SAAS,SAAS,MAAM,KAAK,SAAS,MAAM,MAAM;CAC5D,IAAI,MAAM,UAAU,KAAA,GAAW,MAAM,KAAK,UAAU,OAAO,MAAM,KAAK,GAAG;CACzE,MAAM,OAAOC,0BAAAA,eAAe;CAC5B,IAAI,MAAM,MAAM,KAAK,IAAI;CACzB,IAAI,OAAO,cAAc,eAAe,UAAU,WAChD,MAAM,KAAK,eAAe,UAAU,WAAW;CAEjD,MAAM,KAAK,0BAAS,IAAI,KAAK,EAAA,CAAE,YAAY,GAAG;CAC9C,IAAI,MAAM,OAAO,MAAM,KAAK,IAAI,gBAAgB,MAAM,KAAK;CAC3D,IAAI,gBAAgB,KAAK,GACvB,MAAM,KAAK,IAAI,0BAA0B,eAAe,KAAK,CAAC;CAEhE,OAAO,MAAM,KAAK,IAAI;AACxB"}

package/dist/components/ErrorWrapper.d.ts

@@ -2,6 +2,13 @@ import { Component, ErrorInfo, ReactElement, ReactNode } from 'react';
 export type ErrorWrapperProps = {
     children: ReactNode;
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Render host-specific recovery actions without replacing ancestors of this boundary. */
+    renderFallback?: (failure: {
+        error: Error;
+        componentStack: string | null;
+        report: string;
+        reset: () => void;
+    }) => ReactNode;
 };
 type ErrorWrapperState = {
     error: Error | null;

package/dist/components/ErrorWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM,IAAI,YAAY;CAWhC"}
+{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,0FAA0F;IAC1F,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE;QACzB,KAAK,EAAE,KAAK,CAAC;QACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,KAAK,SAAS,CAAC;CACjB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM,IAAI,YAAY;CAsBhC"}