@trackunit/react-components 3.5.6 → 3.7.3

package/migrations/v2-0-0/tag-add-removetaglabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-add-removetaglabel.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/tag-add-removetaglabel.ts"],"names":[],"mappings":";;;AAAA,uCAA+C;AAC/C,kDAQ4B;AAE5B,MAAM,YAAY,GAAG,6BAA6B,CAAC;AACnD,MAAM,cAAc,GAAG,KAAK,CAAC;AAE7B,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAElD,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,OAAe,EAAiB,EAAE;IAC7E,MAAM,UAAU,GAAG,IAAA,oBAAQ,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,8BAAkB,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7D,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAE1C,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAGtC,MAAM,KAAK,GAAgB,EAAE,CAAC;IAE9B,KAAK,MAAM,EAAE,cAAc,EAAE,IAAI,OAAO,EAAE,CAAC;QACzC,IAAI,IAAA,8BAAkB,EAAC,cAAc,CAAC;YAAE,SAAS;QAEjD,0EAA0E;QAC1E,wBAAwB;QACxB,IAAI,IAAA,4BAAgB,EAAC,cAAc,EAAE,cAAc,CAAC,KAAK,IAAI;YAAE,SAAS;QACxE,IAAI,IAAA,4BAAgB,EAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,IAAI;YAAE,SAAS;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE;YACvC,IAAI,EAAE,oBAAoB,4BAA4B,GAAG;SAC1D,CAAC,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,IAAI,OAAO,GAAG,OAAO,CAAC;IACtB,KAAK,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;QACrC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;GAKG;AACI,MAAM,oBAAoB,GAAG,CAAC,IAAU,EAAQ,EAAE;IACvD,MAAM,OAAO,GAAG,IAAA,yBAAa,EAAC,IAAI,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAC9D,IAAA,sBAAU,EAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;IAC9C,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,eAAM,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;IAC9F,CAAC;AACH,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEF,kBAAe,4BAAoB,CAAC","sourcesContent":["import { type Tree, logger } from \"@nx/devkit\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  hasSpreadAttribute,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"Tag\";\n\nconst REMOVE_TAG_LABEL_PLACEHOLDER = \"Remove tag\";\n\nconst transformTagUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return null;\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return null;\n\n  type Edit = { offset: number; text: string };\n  const edits: Array<Edit> = [];\n\n  for (const { openingElement } of matches) {\n    if (hasSpreadAttribute(openingElement)) continue;\n\n    // Only act when the tag is dismissible (has onClickClose) and missing the\n    // newly required label.\n    if (findJsxAttribute(openingElement, \"onClickClose\") === null) continue;\n    if (findJsxAttribute(openingElement, \"removeTagLabel\") !== null) continue;\n\n    edits.push({\n      offset: openingElement.tagName.getEnd(),\n      text: ` removeTagLabel=\"${REMOVE_TAG_LABEL_PLACEHOLDER}\"`,\n    });\n  }\n\n  if (edits.length === 0) return null;\n\n  edits.sort((a, b) => (a.offset === b.offset ? 0 : b.offset - a.offset));\n\n  let updated = content;\n  for (const { offset, text } of edits) {\n    updated = updated.slice(0, offset) + text + updated.slice(offset);\n  }\n  return updated;\n};\n\n/**\n * Adds the now-required `removeTagLabel` prop to dismissible `<Tag>` usages\n * (those with `onClickClose`) when it is missing. Default value is the English\n * string \"Remove tag\"; consumers should replace it with their own localized\n * label.\n */\nexport const tagAddRemoveTagLabel = (tree: Tree): void => {\n  const touched = visitTsxFiles(tree, \"Tag\", transformTagUsage);\n  logSummary(\"tag-add-removetaglabel\", touched);\n  if (touched > 0) {\n    logger.info(`  Replace the placeholder \"Remove tag\" string with your own localized value.`);\n  }\n};\n\nexport default tagAddRemoveTagLabel;\n"]}

package/migrations/v2-0-0/togglegroup-remove-item-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"togglegroup-remove-item-style.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v2-0-0/togglegroup-remove-item-style.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Tree, logger } from \"@nx/devkit\";\nimport * as ts from \"typescript\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"ToggleGroup\";\n\ntype Removal = { start: number; end: number };\n\nconst collectStyleRemovalsFromArray = (arrayLiteral: ts.ArrayLiteralExpression): ReadonlyArray<Removal> => {\n  const removals: Array<Removal> = [];\n  for (const element of arrayLiteral.elements) {\n    if (!ts.isObjectLiteralExpression(element)) continue;\n    for (const prop of element.properties) {\n      if (\n        (ts.isPropertyAssignment(prop) || ts.isShorthandPropertyAssignment(prop)) &&\n        ts.isIdentifier(prop.name) &&\n        prop.name.text === \"style\"\n      ) {\n        removals.push({ start: prop.getFullStart(), end: prop.getEnd() });\n      }\n    }\n  }\n  return removals;\n};\n\nconst transformToggleGroupUsage = (\n  filePath: string,\n  content: string\n): { content: string | null; skippedNonInline: number } => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return { content: null, skippedNonInline: 0 };\n\n  const localAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (localAlias === undefined) return { content: null, skippedNonInline: 0 };\n\n  const matches = findJsxElements(sourceFile, [localAlias]);\n  if (matches.length === 0) return { content: null, skippedNonInline: 0 };\n\n  const removals: Array<Removal> = [];\n  let skippedNonInline = 0;\n\n  for (const { openingElement } of matches) {\n    const listAttr = findJsxAttribute(openingElement, \"list\");\n    if (listAttr === null) continue;\n\n    const initializer = listAttr.initializer;\n    if (initializer === undefined || !ts.isJsxExpression(initializer)) continue;\n    const expr = initializer.expression;\n    if (expr === undefined) continue;\n\n    if (!ts.isArrayLiteralExpression(expr)) {\n      // The list is referenced through a variable / function call; we can't\n      // safely strip `style` without potentially editing unrelated objects.\n      skippedNonInline += 1;\n      continue;\n    }\n\n    removals.push(...collectStyleRemovalsFromArray(expr));\n  }\n\n  if (removals.length === 0) return { content: null, skippedNonInline };\n\n  // Remove the property and its trailing comma if present so we don't leave\n  // dangling `, ,` sequences.\n  const sorted = [...removals].sort((a, b) => b.start - a.start);\n  let updated = content;\n  for (let { start, end } of sorted) {\n    while (start > 0 && (updated[start - 1] === \" \" || updated[start - 1] === \"\\t\")) {\n      start -= 1;\n    }\n    if (updated[end] === \",\") {\n      end += 1;\n    }\n    updated = updated.slice(0, start) + updated.slice(end);\n  }\n\n  return { content: updated, skippedNonInline };\n};\n\n/**\n * Removes the `style` property from items in `<ToggleGroup list={[...]}>`\n * because `BasicToggleGroupListProps` no longer extends `Styleable`.\n *\n * Only inline array literals are processed; lists pulled in via a variable or\n * function call are left untouched and reported in the migration summary so\n * the developer can review them.\n */\nexport const toggleGroupRemoveItemStyle = (tree: Tree): void => {\n  let touched = 0;\n  let totalSkipped = 0;\n  visitTsxFiles(tree, COMPONENT_NAME, (filePath, content) => {\n    const { content: updated, skippedNonInline } = transformToggleGroupUsage(filePath, content);\n    totalSkipped += skippedNonInline;\n    if (updated !== null && updated !== content) {\n      touched += 1;\n      return updated;\n    }\n    return null;\n  });\n  logSummary(\"togglegroup-remove-item-style\", touched, totalSkipped);\n  if (totalSkipped > 0) {\n    logger.info(\n      `  ${totalSkipped} ToggleGroup usage(s) referenced their list through a variable/function. Remove any 'style' properties from those item objects manually.`\n    );\n  }\n};\n\nexport default toggleGroupRemoveItemStyle;\n"]}

package/migrations/v3-0-0/copyabletext-to-text-copybutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyabletext-to-text-copybutton.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v3-0-0/copyabletext-to-text-copybutton.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Tree } from \"@nx/devkit\";\nimport * as ts from \"typescript\";\nimport {\n  findJsxAttribute,\n  findJsxElements,\n  getImportedAliases,\n  hasSpreadAttribute,\n  logSummary,\n  parseTsx,\n  visitTsxFiles,\n} from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\nconst COMPONENT_NAME = \"CopyableText\";\n\n/** Attribute initializer rendered back to source, e.g. `\"abc\"` or `{value}`. */\nconst attributeText = (attr: ts.JsxAttribute): string | null => {\n  const initializer = attr.initializer;\n  if (initializer === undefined) return null;\n  return initializer.getText();\n};\n\n/**\n * The expression the copied text resolves to: `text=\"abc\"` yields `\"abc\"`,\n * `text={value}` yields `value`. Used both as the CopyButton value and as the\n * rendered children, so it must be a side-effect-free expression.\n */\nconst textExpression = (attr: ts.JsxAttribute): string | null => {\n  const initializer = attr.initializer;\n  if (initializer === undefined) return null;\n  if (ts.isStringLiteral(initializer)) return initializer.getText();\n  if (ts.isJsxExpression(initializer) && initializer.expression !== undefined) {\n    return initializer.expression.getText();\n  }\n  return null;\n};\n\nconst renderReplacement = ({\n  textExpr,\n  size,\n  copyLabelAttr,\n  copiedLabelAttr,\n  classNameLiteral,\n  styleAttr,\n  testIdAttr,\n  textAlias,\n  copyButtonAlias,\n}: {\n  textExpr: string;\n  size: \"sm\" | \"xs\";\n  copyLabelAttr: string | null;\n  copiedLabelAttr: string | null;\n  classNameLiteral: string | null;\n  styleAttr: string | null;\n  testIdAttr: string | null;\n  textAlias: string;\n  copyButtonAlias: string;\n}): string => {\n  const wrapperClasses = [\"flex\", \"min-w-0\", \"max-w-full\", \"items-center\", \"gap-0.5\", classNameLiteral]\n    .filter(Boolean)\n    .join(\" \");\n\n  const wrapperAttrs = [\n    `className=\"${wrapperClasses}\"`,\n    styleAttr !== null ? `style=${styleAttr}` : null,\n    testIdAttr !== null ? `data-testid=${testIdAttr}` : null,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const textProps = [`className=\"min-w-0 truncate\"`, size === \"xs\" ? `size=\"small\"` : null, `type=\"span\"`]\n    .filter(Boolean)\n    .join(\" \");\n\n  const buttonProps = [\n    `className=\"shrink-0\"`,\n    copiedLabelAttr !== null ? `copiedLabel=${copiedLabelAttr}` : null,\n    copyLabelAttr !== null ? `copyLabel=${copyLabelAttr}` : null,\n    size === \"xs\" ? `size=\"extraSmall\"` : null,\n    `value={${textExpr}}`,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return `<span ${wrapperAttrs}><${textAlias} ${textProps}>{${textExpr}}</${textAlias}><${copyButtonAlias} ${buttonProps} /></span>`;\n};\n\n/** Removes `name` (possibly aliased) from the package's named import list. */\nconst removeNamedImport = (content: string, packageName: string, name: string): string => {\n  const sourceFile = parseTsx(content, \"source.tsx\");\n\n  for (const stmt of sourceFile.statements) {\n    if (!ts.isImportDeclaration(stmt)) continue;\n    const moduleSpecifier = stmt.moduleSpecifier;\n    if (!ts.isStringLiteral(moduleSpecifier) || moduleSpecifier.text !== packageName) continue;\n\n    const namedBindings = stmt.importClause?.namedBindings;\n    if (namedBindings === undefined || !ts.isNamedImports(namedBindings)) continue;\n\n    const remaining = namedBindings.elements.filter(el => (el.propertyName?.text ?? el.name.text) !== name);\n    if (remaining.length === namedBindings.elements.length) continue;\n\n    if (remaining.length === 0) {\n      // The import only carried this component; drop the whole statement.\n      const start = stmt.getFullStart();\n      const end = stmt.getEnd();\n      const trailing = content.slice(end).startsWith(\"\\n\") ? end + 1 : end;\n      return `${content.slice(0, start)}${content.slice(trailing)}`;\n    }\n\n    const elementsText = remaining.map(el => el.getText()).join(\", \");\n    return `${content.slice(0, namedBindings.getStart())}{ ${elementsText} }${content.slice(namedBindings.getEnd())}`;\n  }\n\n  return content;\n};\n\nconst ensureNamedImport = (content: string, packageName: string, namesToAdd: ReadonlyArray<string>): string => {\n  const sourceFile = parseTsx(content, \"source.tsx\");\n  const aliases = getImportedAliases(sourceFile, packageName) ?? {};\n\n  const missing = namesToAdd.filter(name => !Object.values(aliases).includes(name));\n  if (missing.length === 0) return content;\n\n  for (const stmt of sourceFile.statements) {\n    if (!ts.isImportDeclaration(stmt)) continue;\n    const moduleSpecifier = stmt.moduleSpecifier;\n    if (!ts.isStringLiteral(moduleSpecifier) || moduleSpecifier.text !== packageName) continue;\n\n    const namedBindings = stmt.importClause?.namedBindings;\n    if (namedBindings === undefined || !ts.isNamedImports(namedBindings)) continue;\n\n    const elementsText = namedBindings.elements.map(el => el.getText()).join(\", \");\n    const merged = [elementsText, ...missing].join(\", \");\n    return `${content.slice(0, namedBindings.getStart())}{ ${merged} }${content.slice(namedBindings.getEnd())}`;\n  }\n\n  const importLine = `import { ${missing.join(\", \")} } from \"${packageName}\";\\n`;\n  return `${importLine}${content}`;\n};\n\nlet manualReviewCount = 0;\n\nconst transformCopyableTextUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const copyableTextAlias = Object.entries(aliases).find(([, name]) => name === COMPONENT_NAME)?.[0];\n  if (copyableTextAlias === undefined) return null;\n\n  // A referenced CopyableTextProps type cannot be rewritten mechanically;\n  // leave the whole file for a human so it isn't half-migrated.\n  if (Object.values(aliases).includes(\"CopyableTextProps\")) {\n    manualReviewCount += 1;\n    return null;\n  }\n\n  const matches = findJsxElements(sourceFile, [copyableTextAlias]);\n  if (matches.length === 0) return null;\n\n  type Edit = { start: number; end: number; replacement: string };\n  const edits: Array<Edit> = [];\n\n  for (const { openingElement, element } of matches) {\n    if (hasSpreadAttribute(openingElement) || findJsxAttribute(openingElement, \"ref\") !== null) {\n      manualReviewCount += 1;\n      continue;\n    }\n\n    const textAttr = findJsxAttribute(openingElement, \"text\");\n    const textExpr = textAttr !== null ? textExpression(textAttr) : null;\n    if (textExpr === null) {\n      manualReviewCount += 1;\n      continue;\n    }\n\n    const sizeAttr = findJsxAttribute(openingElement, \"size\");\n    const sizeInitializer = sizeAttr?.initializer;\n    const size = sizeInitializer !== undefined && sizeInitializer.getText().includes(\"xs\") ? \"xs\" : \"sm\";\n\n    const classNameAttr = findJsxAttribute(openingElement, \"className\");\n    let classNameLiteral: string | null = null;\n    if (classNameAttr !== null) {\n      const initializer = classNameAttr.initializer;\n      if (initializer !== undefined && ts.isStringLiteral(initializer)) {\n        classNameLiteral = initializer.text;\n      } else {\n        // Dynamic classNames can't be merged into the wrapper's string safely.\n        manualReviewCount += 1;\n        continue;\n      }\n    }\n\n    const copyLabelAttr = findJsxAttribute(openingElement, \"copyLabel\");\n    const copiedLabelAttr = findJsxAttribute(openingElement, \"copiedLabel\");\n    const styleAttr = findJsxAttribute(openingElement, \"style\");\n    const testIdAttr = findJsxAttribute(openingElement, \"data-testid\");\n\n    const replacement = renderReplacement({\n      textExpr,\n      size,\n      copyLabelAttr: copyLabelAttr !== null ? attributeText(copyLabelAttr) : null,\n      copiedLabelAttr: copiedLabelAttr !== null ? attributeText(copiedLabelAttr) : null,\n      classNameLiteral,\n      styleAttr: styleAttr !== null ? attributeText(styleAttr) : null,\n      testIdAttr: testIdAttr !== null ? attributeText(testIdAttr) : null,\n      textAlias: \"Text\",\n      copyButtonAlias: \"CopyButton\",\n    });\n\n    edits.push({ start: element.getStart(), end: element.getEnd(), replacement });\n  }\n\n  if (edits.length === 0) return null;\n\n  edits.sort((a, b) => b.start - a.start);\n\n  let updated = content;\n  for (const { start, end, replacement } of edits) {\n    updated = `${updated.slice(0, start)}${replacement}${updated.slice(end)}`;\n  }\n\n  // Only drop the import when every usage in the file was rewritten.\n  const remaining = findJsxElements(parseTsx(updated, filePath), [copyableTextAlias]);\n  if (remaining.length === 0) {\n    updated = removeNamedImport(updated, PACKAGE_NAME, COMPONENT_NAME);\n  } else {\n    manualReviewCount += 1;\n  }\n\n  updated = ensureNamedImport(updated, PACKAGE_NAME, [\"Text\", \"CopyButton\"]);\n\n  return updated;\n};\n\n/**\n * Rewrites `<CopyableText text={x} …/>` (removed in v3) into the plain\n * value/copy pair: a `Text` next to a `CopyButton` that copies the same\n * expression. `size=\"xs\"` maps to `Text size=\"small\"` + `CopyButton\n * size=\"extraSmall\"`; `copyLabel`/`copiedLabel` carry over (CopyButton also\n * ships localized defaults). Usages with spreads, refs, dynamic classNames,\n * or a referenced `CopyableTextProps` type are left for manual review.\n */\nexport const copyableTextToTextCopyButton = (tree: Tree): void => {\n  manualReviewCount = 0;\n  const touched = visitTsxFiles(tree, COMPONENT_NAME, transformCopyableTextUsage);\n  logSummary(\"copyabletext-to-text-copybutton\", touched, manualReviewCount);\n};\n\nexport default copyableTextToTextCopyButton;\n"]}

package/migrations/v3-0-0/menulist-rename-to-menucontent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menulist-rename-to-menucontent.js","sourceRoot":"","sources":["../../../../../../libs/react/components/migrations/v3-0-0/menulist-rename-to-menucontent.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Tree } from \"@nx/devkit\";\nimport * as ts from \"typescript\";\nimport { getImportedAliases, logSummary, parseTsx, visitTsxFiles } from \"../utils/jsx-utils\";\n\nconst PACKAGE_NAME = \"@trackunit/react-components\";\n\nconst RENAMES: ReadonlyArray<{ readonly from: string; readonly to: string }> = [\n  { from: \"MenuList\", to: \"MenuContent\" },\n  { from: \"MenuListProps\", to: \"MenuContentProps\" },\n];\n\ntype Edit = { start: number; end: number; text: string };\n\n/**\n * Every `Identifier` node in the file matching `name`. Safe to use as a\n * blanket rename once we've confirmed (via `getImportedAliases`) that `name`\n * is genuinely imported from the target package with no local alias — in\n * that case the import specifier, JSX tag references, and type references\n * all share the same identifier text, so one pass covers every site.\n */\nconst collectIdentifierEdits = (sourceFile: ts.SourceFile, name: string, replacement: string): Array<Edit> => {\n  const edits: Array<Edit> = [];\n  const visit = (node: ts.Node): void => {\n    if (ts.isIdentifier(node) && node.text === name) {\n      edits.push({ start: node.getStart(sourceFile), end: node.getEnd(), text: replacement });\n    }\n    ts.forEachChild(node, visit);\n  };\n  visit(sourceFile);\n  return edits;\n};\n\n/**\n * Locates the `propertyName` of an aliased named import specifier\n * (`{ MenuList as Foo }`) for `importedName`. Only that part needs\n * rewriting — the local binding `Foo` (and therefore every usage site in\n * the file) stays exactly as the author wrote it.\n */\nconst findAliasedImportSpecifierEdit = (\n  sourceFile: ts.SourceFile,\n  packageName: string,\n  importedName: string,\n  replacement: string\n): Edit | null => {\n  for (const stmt of sourceFile.statements) {\n    if (!ts.isImportDeclaration(stmt)) continue;\n    const moduleSpecifier = stmt.moduleSpecifier;\n    if (!ts.isStringLiteral(moduleSpecifier) || moduleSpecifier.text !== packageName) continue;\n\n    const namedBindings = stmt.importClause?.namedBindings;\n    if (namedBindings === undefined || !ts.isNamedImports(namedBindings)) continue;\n\n    for (const element of namedBindings.elements) {\n      if (element.propertyName === undefined) continue;\n      if (element.propertyName.text !== importedName) continue;\n      return {\n        start: element.propertyName.getStart(sourceFile),\n        end: element.propertyName.getEnd(),\n        text: replacement,\n      };\n    }\n  }\n  return null;\n};\n\nconst transformMenuListUsage = (filePath: string, content: string): string | null => {\n  const sourceFile = parseTsx(content, filePath);\n\n  const aliases = getImportedAliases(sourceFile, PACKAGE_NAME);\n  if (aliases === null) return null;\n\n  const edits: Array<Edit> = [];\n\n  for (const { from, to } of RENAMES) {\n    const localAlias = Object.entries(aliases).find(([, original]) => original === from)?.[0];\n    if (localAlias === undefined) continue;\n\n    if (localAlias === from) {\n      edits.push(...collectIdentifierEdits(sourceFile, from, to));\n    } else {\n      const edit = findAliasedImportSpecifierEdit(sourceFile, PACKAGE_NAME, from, to);\n      if (edit !== null) edits.push(edit);\n    }\n  }\n\n  if (edits.length === 0) return null;\n\n  edits.sort((a, b) => b.start - a.start);\n\n  let updated = content;\n  for (const { start, end, text } of edits) {\n    updated = updated.slice(0, start) + text + updated.slice(end);\n  }\n  return updated;\n};\n\n/**\n * Renames `MenuList`/`MenuListProps` to `MenuContent`/`MenuContentProps`\n * everywhere they're imported from `@trackunit/react-components` — the\n * import specifier, every JSX tag usage, and every type reference (e.g.\n * `Omit<MenuListProps, \"children\">`).\n *\n * Aliased imports (`{ MenuList as Foo }`) only need the imported name\n * rewritten; the local alias and its usage sites are left untouched.\n * Unrelated same-prefix exports like `cvaMenuList`/`cvaMenuListItem` are\n * never matched since identifier comparisons are exact, not substring.\n */\nexport const menuListRenameToMenuContent = (tree: Tree): void => {\n  const touched = visitTsxFiles(tree, \"MenuList\", transformMenuListUsage);\n  logSummary(\"menulist-rename-to-menucontent\", touched);\n};\n\nexport default menuListRenameToMenuContent;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "3.5.6",
+  "version": "3.7.3",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -14,16 +14,16 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.17.3",
-    "@trackunit/css-class-variance-utilities": "2.2.3",
-    "@trackunit/shared-utils": "1.18.3",
-    "@trackunit/ui-icons": "1.16.4",
+    "@trackunit/ui-design-tokens": "1.18.2",
+    "@trackunit/css-class-variance-utilities": "2.3.2",
+    "@trackunit/shared-utils": "1.19.2",
+    "@trackunit/ui-icons": "1.17.2",
     "es-toolkit": "^1.52.0",
     "@tanstack/react-virtual": "^3.14.13",
     "dequal": "^2.0.3",
     "fflate": "^0.8.3",
     "zod": "^3.25.76",
-    "@trackunit/i18n-library-translation": "2.7.4"
+    "@trackunit/i18n-library-translation": "2.8.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/common/StorybookProps.d.ts

@@ -1,6 +1,6 @@
 export declare const docs: {
     source: {
-        type: string;
+        type: "dynamic";
         excludeDecorators: boolean;
     };
 };

package/src/components/CopyButton/CopyButton.d.ts

@@ -41,11 +41,11 @@ export interface CopyButtonProps extends CommonProps, Styleable, Refable<HTMLBut
      */
     variant?: ButtonVariant;
     /**
-     * Called after the value has been written to the clipboard — via the
-     * Clipboard API or the `execCommand("copy")` fallback. Only skipped when
-     * both mechanisms fail.
+     * Called with the copied value after it has been written to the clipboard —
+     * via the Clipboard API or the `execCommand("copy")` fallback. Only skipped
+     * when both mechanisms fail.
      */
-    onCopy?: () => void;
+    onCopy?: (value: string) => void;
 }
 /**
  * CopyButton is a standalone icon button that copies a value to the clipboard when clicked,
@@ -53,28 +53,27 @@ export interface CopyButtonProps extends CommonProps, Styleable, Refable<HTMLBut
  * element, so the button can be placed next to plain (non-clickable) text.
  *
  * ### When to use
- * - Icon-only (default): the copyable value is displayed as plain text (e.g. in a table cell or
- *   row) and only a dedicated icon should trigger the copy, keeping the rest of the row clickable.
  * - Labelled (`label` set): copying is the primary action of a panel or section — e.g. an invite
  *   link — and deserves a full button that is itself the click target.
+ * - Icon-only (default): a copy control on its own, where no value is displayed next to it — e.g.
+ *   in the corner of a code block.
  *
  * ### When not to use
- * Do not hand-roll copy affordances (custom icons, click-to-copy text) — this component is the
- * one copy control; pick icon-only or labelled mode instead.
+ * - To show a value with a copy button beside it, use `CopyableValue` — it owns the layout,
+ *   truncation and hover highlight. Do not pair `Text` and `CopyButton` by hand.
+ * - Do not hand-roll copy affordances (custom icons, click-to-copy text) — use this component or
+ *   `CopyableValue` instead.
  *
  * ### Empty values
  * CopyButton renders nothing when `value` is empty, so consumers never present a copy control
  * that has no meaningful result.
  *
- * @example Icon button next to plain text
+ * @example Labelled button for an invite link
  * ```tsx
- * import { CopyButton, Text } from "@trackunit/react-components";
+ * import { CopyButton } from "@trackunit/react-components";
  *
- * const ShortCode = ({ code }: { code: string }) => (
- *   <div className="flex items-center gap-0.5">
- *     <Text type="span">{code}</Text>
- *     <CopyButton value={code} />
- *   </div>
+ * const CopyInviteLink = ({ link }: { link: string }) => (
+ *   <CopyButton label="Copy link" value={link} variant="secondary" />
  * );
  * ```
  * @param {CopyButtonProps} props - The props for the CopyButton component

package/src/components/CopyableValue/CopyableValue.d.ts

@@ -0,0 +1,86 @@
+import { type ReactElement, type ReactNode } from "react";
+import { CommonProps } from "../../common/CommonProps";
+import { Refable } from "../../common/Refable";
+import { Size } from "../../common/Size";
+import type { Styleable } from "../../common/Styleable";
+import { IconButtonSize } from "../buttons/shared/IconButtonSize";
+export interface CopyableValueProps extends CommonProps, Styleable, Refable<HTMLSpanElement> {
+    /**
+     * The value copied to the clipboard. It is also what is displayed, unless `children` is set.
+     * An empty string renders the `EmptyValue` dash with no copy button, so missing data looks the
+     * same as everywhere else.
+     */
+    value: string;
+    /**
+     * What to display in place of `value` — e.g. a link that stands in for the id being copied.
+     * The copy button still copies `value`.
+     */
+    children?: ReactNode;
+    /**
+     * Accessible label for the copy button, and tooltip text shown before copying. Defaults to the
+     * library's localized "Copy {value}", so the full value is available even when the displayed
+     * text is truncated, and every row in a table gets a distinct accessible name. Pass a short label
+     * that names the value (e.g. "Copy token") for long values such as tokens, keys or long URLs.
+     */
+    copyLabel?: string;
+    /**
+     * Tooltip text shown briefly after a successful copy. Defaults to the library's localized "Copied!".
+     */
+    copiedLabel?: string;
+    /**
+     * The size of the copy button. Use `extraSmall` inside fixed-height contexts such as table rows,
+     * where the button must fit a single text line.
+     *
+     * @default "small"
+     */
+    size?: IconButtonSize;
+    /**
+     * The text size of the displayed value.
+     *
+     * @default "medium"
+     */
+    textSize?: Size;
+    /**
+     * Places the pair inside running text, such as a sentence. The pair sits in the line as one inline
+     * box, and a long value wraps inside that box instead of truncating. Set `textSize` to match the
+     * surrounding text.
+     *
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Called with the copied value after it has been written to the clipboard.
+     */
+    onCopy?: (value: string) => void;
+}
+/**
+ * CopyableValue displays a value as plain (non-clickable) text with a copy button beside it. While the
+ * button is hovered or focused, the value is highlighted together with it, so the two read as one control
+ * and it is clear what will be copied.
+ *
+ * ### When to use
+ * Use CopyableValue whenever a value such as an ID, short code, URL or token is shown and should be
+ * copyable — in table cells, detail lists, cards and drawers. Long values truncate to the available
+ * width while the full value is still copied.
+ *
+ * ### When not to use
+ * - Do not hand-roll a `Text` + `CopyButton` pair — this component owns the layout, truncation and highlight.
+ * - When copying is the primary action of a panel (e.g. an invite link), use `CopyButton` with a `label` instead.
+ * - Do not make the value itself click-to-copy — only the button copies, so the surrounding row or
+ *   card stays clickable.
+ *
+ * @example Copyable account ID in a table cell
+ * ```tsx
+ * import { CopyableValue } from "@trackunit/react-components";
+ *
+ * const AccountIdCell = ({ accountId }: { accountId: string }) => (
+ *   <CopyableValue size="extraSmall" value={accountId} />
+ * );
+ * ```
+ * @param {CopyableValueProps} props - The props for the CopyableValue component
+ * @returns {ReactElement} CopyableValue component
+ */
+export declare const CopyableValue: {
+    ({ value, children, copyLabel, copiedLabel, size, textSize, inline, onCopy, className, style, "data-testid": dataTestId, ref, }: CopyableValueProps): ReactElement;
+    displayName: string;
+};

package/src/components/CopyableValue/CopyableValue.variants.d.ts

@@ -0,0 +1,60 @@
+export declare const cvaCopyableValue: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            false: string[];
+            true: string[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            false: string[];
+            true: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline"> & {
+        inline: false;
+    };
+}, {
+    inline: {
+        false: string[];
+        true: string[];
+    };
+}>;
+export declare const cvaCopyableValueText: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            false: string[];
+            true: string[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            false: string[];
+            true: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline"> & {
+        inline: false;
+    };
+}, {
+    inline: {
+        false: string[];
+        true: string[];
+    };
+}>;
+export declare const cvaCopyableValueButton: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

package/src/index.d.ts

@@ -24,6 +24,7 @@ export * from "./components/Card/CardHeader";
 export * from "./components/Clickable/Clickable.variants";
 export * from "./components/Collapse/Collapse";
 export * from "./components/CompletionStatusIndicator/CompletionStatusIndicator";
+export * from "./components/CopyableValue/CopyableValue";
 export * from "./components/CopyButton/CopyButton";
 export * from "./components/DetailsList/DetailsList";
 export * from "./components/EmptyState/EmptyState";

package/translation.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "ausklappen",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "ausklappen",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation10.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "rozwiń",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation10.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "rozwiń",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation11.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandir",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation11.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandir",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation12.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "развернуть",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation12.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "развернуть",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation13.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "extindere",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation13.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "extindere",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation14.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandir",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation14.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandir",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation15.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandera",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation15.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "expandera",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation16.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "展開",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation16.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "展開",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation17.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "ขยาย",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation17.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "ขยาย",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation2.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "udvid",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation2.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "udvid",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation3.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "rozbalit",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation3.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "rozbalit",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation4.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "uitklappen",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation4.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "uitklappen",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation5.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "développer",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation5.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "développer",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation6.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "laajenna",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation6.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "laajenna",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation7.cjs.js

@@ -3,6 +3,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "kibontás",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",

package/translation7.esm.js

@@ -1,6 +1,7 @@
 var translation = {
 	"breadcrumb.backButton": "Back",
 	"breadcrumb.expandButton": "kibontás",
+	"copyableValue.copyValue": "Copy {{value}}",
 	"copyButton.copied": "Copied!",
 	"copyButton.copy": "Copy",
 	"horizontalOverflowScroller.scrollLeft": "Scroll left",