@ankhorage/zora 21.0.21 → 21.0.23

package/dist/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.d.ts

@@ -2,7 +2,6 @@ import type { Core } from 'cytoscape';
 import type { GraphViewEdge, GraphViewNode } from './GraphView';
 /***
  * Reconciles graph data in one batch while retaining positions, selection and element identity.
- * @performance
  * Do not replace this with remove-all/add-all: presentation updates must not discard interaction
  * state or force the runtime to rebuild the graph. Use direct ID lookups for obsolete metadata;
  * per-element selector scans would add avoidable work. Runtime tests cover hover/selection updates.

package/dist/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"syncGraphElements.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,SAAS,aAAa,EAAE,EAC/B,KAAK,EAAE,SAAS,aAAa,EAAE,QAgBhC"}
+{"version":3,"file":"syncGraphElements.d.ts","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,SAAS,aAAa,EAAE,EAC/B,KAAK,EAAE,SAAS,aAAa,EAAE,QAgBhC"}

package/dist/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.js

@@ -2,7 +2,6 @@ import { isRecord } from '@ankhorage/utility/object';
 import { createRenderableGraphElements } from './createRenderableGraphElements';
 /***
  * Reconciles graph data in one batch while retaining positions, selection and element identity.
- * @performance
  * Do not replace this with remove-all/add-all: presentation updates must not discard interaction
  * state or force the runtime to rebuild the graph. Use direct ID lookups for obsolete metadata;
  * per-element selector scans would add avoidable work. Runtime tests cover hover/selection updates.

package/dist/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"syncGraphElements.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAC/B,EAAQ,EACR,KAA+B,EAC/B,KAA+B;IAE/B,IAAI,EAAE,CAAC,SAAS,EAAE;QAAE,OAAO;IAE3B,MAAM,QAAQ,GAAG,6BAA6B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7D,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;QACZ,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1D,MAAM,IAAI,GAAY,QAAQ,CAAC,IAAI,EAAE,CAAC;YACtC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CACjE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAC3C,CAAC;YACF,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;gBAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3E,CAAC;QACD,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { isRecord } from '@ankhorage/utility/object';\nimport type { Core } from 'cytoscape';\n\nimport { createRenderableGraphElements } from './createRenderableGraphElements';\nimport type { GraphViewEdge, GraphViewNode } from './GraphView';\n\n/***\n * Reconciles graph data in one batch while retaining positions, selection and element identity.\n * @performance\n * Do not replace this with remove-all/add-all: presentation updates must not discard interaction\n * state or force the runtime to rebuild the graph. Use direct ID lookups for obsolete metadata;\n * per-element selector scans would add avoidable work. Runtime tests cover hover/selection updates.\n */\nexport function syncGraphElements(\n  cy: Core,\n  nodes: readonly GraphViewNode[],\n  edges: readonly GraphViewEdge[],\n) {\n  if (cy.destroyed()) return;\n\n  const elements = createRenderableGraphElements(nodes, edges);\n  cy.batch(() => {\n    for (const element of elements) {\n      const existing = cy.getElementById(element.data.id ?? '');\n      const data: unknown = existing.data();\n      const obsoleteKeys = Object.keys(isRecord(data) ? data : {}).filter(\n        (key) => !Object.hasOwn(element.data, key),\n      );\n      if (obsoleteKeys.length > 0) existing.removeData(obsoleteKeys.join(' '));\n    }\n    cy.json({ elements });\n  });\n}\n"]}
+{"version":3,"file":"syncGraphElements.js","sourceRoot":"","sources":["../../../../../../src/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,EAAQ,EACR,KAA+B,EAC/B,KAA+B;IAE/B,IAAI,EAAE,CAAC,SAAS,EAAE;QAAE,OAAO;IAE3B,MAAM,QAAQ,GAAG,6BAA6B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7D,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;QACZ,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1D,MAAM,IAAI,GAAY,QAAQ,CAAC,IAAI,EAAE,CAAC;YACtC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CACjE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAC3C,CAAC;YACF,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;gBAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3E,CAAC;QACD,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { isRecord } from '@ankhorage/utility/object';\nimport type { Core } from 'cytoscape';\n\nimport { createRenderableGraphElements } from './createRenderableGraphElements';\nimport type { GraphViewEdge, GraphViewNode } from './GraphView';\n\n/***\n * Reconciles graph data in one batch while retaining positions, selection and element identity.\n * Do not replace this with remove-all/add-all: presentation updates must not discard interaction\n * state or force the runtime to rebuild the graph. Use direct ID lookups for obsolete metadata;\n * per-element selector scans would add avoidable work. Runtime tests cover hover/selection updates.\n */\nexport function syncGraphElements(\n  cy: Core,\n  nodes: readonly GraphViewNode[],\n  edges: readonly GraphViewEdge[],\n) {\n  if (cy.destroyed()) return;\n\n  const elements = createRenderableGraphElements(nodes, edges);\n  cy.batch(() => {\n    for (const element of elements) {\n      const existing = cy.getElementById(element.data.id ?? '');\n      const data: unknown = existing.data();\n      const obsoleteKeys = Object.keys(isRecord(data) ? data : {}).filter(\n        (key) => !Object.hasOwn(element.data, key),\n      );\n      if (obsoleteKeys.length > 0) existing.removeData(obsoleteKeys.join(' '));\n    }\n    cy.json({ elements });\n  });\n}\n"]}

package/dist/features/tree-view/adapters/inbound/TreeView.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { TreeViewProps } from '../../../../types/tree-view';
 /***
  * Tree view pattern for hierarchical navigation and expandable lists.
- * @config expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
+ * expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
  * Expansion controls are separate from row selection, including when rendering custom row content.
  */
 export declare const TreeView: <TId extends string = string>(props: TreeViewProps<TId>) => React.ReactElement | null;

package/dist/features/tree-view/adapters/inbound/TreeView.js

@@ -23,7 +23,7 @@ function TreeViewInner({ themeId: _themeId, mode: _mode, nodes, selectedId, expa
 }
 /***
  * Tree view pattern for hierarchical navigation and expandable lists.
- * @config expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
+ * expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
  * Expansion controls are separate from row selection, including when rendering custom row content.
  */
 export const TreeView = withZoraThemeScope(TreeViewInner);

package/dist/features/tree-view/adapters/inbound/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../../src/features/tree-view/adapters/inbound/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,2FAA2F;AAC3F,SAAS,aAAa,CAA8B,EAClD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,MAAM,EACN,iBAAiB,GACE;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IAEF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE/E,MAAM,kBAAkB,GAAG,CAAC,EAAO,EAAE,EAAE;QACrC,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAC5C,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAE3D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC1C,CAAC;QACD,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { TreeViewProps } from '../../../../types/tree-view';\nimport { View } from '../../../layout/public';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { toggleExpandedIds } from '../../utils/toggleExpandedIds';\nimport { TreeItem } from './TreeItem';\n\n/*** Render the themed TreeView while supporting controlled or internal expansion state. */\nfunction TreeViewInner<TId extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  expansionIndicator = 'folder',\n  testID,\n  interactionPolicy,\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n\n  const handleToggleExpand = (id: TId) => {\n    if (interactionPolicy === 'passive') return;\n    const nextExpandedIds = toggleExpandedIds(expandedIds, id);\n\n    if (!isControlled) {\n      setInternalExpandedIds(nextExpandedIds);\n    }\n    onExpandedChange?.(nextExpandedIds);\n  };\n\n  return (\n    <View gap=\"none\" testID={testID}>\n      {nodes.map((node) => (\n        <TreeItem\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          expansionIndicator={expansionIndicator}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n          interactionPolicy={interactionPolicy}\n        />\n      ))}\n    </View>\n  );\n}\n\n/***\n * Tree view pattern for hierarchical navigation and expandable lists.\n * @config expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.\n * Expansion controls are separate from row selection, including when rendering custom row content.\n */\nexport const TreeView = withZoraThemeScope(TreeViewInner);\n"]}
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../../src/features/tree-view/adapters/inbound/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,2FAA2F;AAC3F,SAAS,aAAa,CAA8B,EAClD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,MAAM,EACN,iBAAiB,GACE;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IAEF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE/E,MAAM,kBAAkB,GAAG,CAAC,EAAO,EAAE,EAAE;QACrC,IAAI,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAC5C,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAE3D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC1C,CAAC;QACD,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { TreeViewProps } from '../../../../types/tree-view';\nimport { View } from '../../../layout/public';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { toggleExpandedIds } from '../../utils/toggleExpandedIds';\nimport { TreeItem } from './TreeItem';\n\n/*** Render the themed TreeView while supporting controlled or internal expansion state. */\nfunction TreeViewInner<TId extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  expansionIndicator = 'folder',\n  testID,\n  interactionPolicy,\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n\n  const handleToggleExpand = (id: TId) => {\n    if (interactionPolicy === 'passive') return;\n    const nextExpandedIds = toggleExpandedIds(expandedIds, id);\n\n    if (!isControlled) {\n      setInternalExpandedIds(nextExpandedIds);\n    }\n    onExpandedChange?.(nextExpandedIds);\n  };\n\n  return (\n    <View gap=\"none\" testID={testID}>\n      {nodes.map((node) => (\n        <TreeItem\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          expansionIndicator={expansionIndicator}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n          interactionPolicy={interactionPolicy}\n        />\n      ))}\n    </View>\n  );\n}\n\n/***\n * Tree view pattern for hierarchical navigation and expandable lists.\n * expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.\n * Expansion controls are separate from row selection, including when rendering custom row content.\n */\nexport const TreeView = withZoraThemeScope(TreeViewInner);\n"]}

package/dist/features/tree-view/adapters/inbound/web-artifact/TreeView.d.ts

@@ -30,7 +30,7 @@ export interface TreeViewProps<TId extends string = string> {
 }
 /***
  * Render the standalone browser TreeView artifact without React Native runtime dependencies.
- * @config expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
+ * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
  * built-in folder/file indicators. Expansion is leading and independent from row selection.
  */
 export declare function TreeView<TId extends string = string>({ nodes, selectedId, expandedIds: controlledExpandedIds, defaultExpandedIds, onSelect, onExpandedChange, renderItem, expansionIndicator, className, style, ariaLabel, }: TreeViewProps<TId>): React.JSX.Element;

package/dist/features/tree-view/adapters/inbound/web-artifact/TreeView.js

@@ -3,7 +3,7 @@ import { toggleExpandedIds } from '../../../utils/toggleExpandedIds';
 import { TreeItemRow } from './TreeItemRow';
 /***
  * Render the standalone browser TreeView artifact without React Native runtime dependencies.
- * @config expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
+ * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
  * built-in folder/file indicators. Expansion is leading and independent from row selection.
  */
 export function TreeView({ nodes, selectedId, expandedIds: controlledExpandedIds, defaultExpandedIds, onSelect, onExpandedChange, renderItem, expansionIndicator = 'folder', className, style, ariaLabel = 'Tree', }) {

package/dist/features/tree-view/adapters/inbound/web-artifact/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../../../src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkC5C;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAA8B,EACpD,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,GACC;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IACF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC/E,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,EAAO,EAAE,EAAE;QACV,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,YAAY;YAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC3D,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,WAAW,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC,CAEnC;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;CAC2B,CAAC","sourcesContent":["import React from 'react';\n\nimport { toggleExpandedIds } from '../../../utils/toggleExpandedIds';\nimport { TreeItemRow } from './TreeItemRow';\n\nexport interface TreeItemNode<TId extends string = string> {\n  readonly id: TId;\n  readonly label: React.ReactNode;\n  readonly icon?: React.ReactNode;\n  readonly children?: readonly TreeItemNode<TId>[];\n  readonly disabled?: boolean;\n  readonly meta?: React.ReactNode;\n  readonly actions?: React.ReactNode;\n}\n\nexport interface TreeItemRenderProps<TId extends string = string> {\n  readonly node: TreeItemNode<TId>;\n  readonly depth: number;\n  readonly selected: boolean;\n  readonly expanded: boolean;\n  readonly hasChildren: boolean;\n}\n\nexport interface TreeViewProps<TId extends string = string> {\n  readonly nodes: readonly TreeItemNode<TId>[];\n  readonly selectedId?: TId;\n  readonly expandedIds?: readonly TId[];\n  readonly defaultExpandedIds?: readonly TId[];\n  readonly onSelect?: (id: TId) => void;\n  readonly onExpandedChange?: (ids: readonly TId[]) => void;\n  readonly renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;\n  readonly expansionIndicator?: 'chevron' | 'folder';\n  readonly className?: string;\n  readonly style?: React.CSSProperties;\n  readonly ariaLabel?: string;\n}\n\n/***\n * Render the standalone browser TreeView artifact without React Native runtime dependencies.\n * @config expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for\n * built-in folder/file indicators. Expansion is leading and independent from row selection.\n */\nexport function TreeView<TId extends string = string>({\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  expansionIndicator = 'folder',\n  className,\n  style,\n  ariaLabel = 'Tree',\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n  const handleToggleExpand = React.useCallback(\n    (id: TId) => {\n      const nextExpandedIds = toggleExpandedIds(expandedIds, id);\n      if (!isControlled) setInternalExpandedIds(nextExpandedIds);\n      onExpandedChange?.(nextExpandedIds);\n    },\n    [expandedIds, isControlled, onExpandedChange],\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={className}\n      role=\"tree\"\n      style={{ ...TREE_STYLE, ...style }}\n    >\n      {nodes.map((node) => (\n        <TreeItemRow\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          expansionIndicator={expansionIndicator}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n        />\n      ))}\n    </div>\n  );\n}\n\nconst TREE_STYLE = {\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 0,\n} as const satisfies React.CSSProperties;\n"]}
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../../../src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkC5C;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAA8B,EACpD,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,GACC;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IACF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC/E,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,EAAO,EAAE,EAAE;QACV,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,YAAY;YAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC3D,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,WAAW,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,MAAM,CACX,KAAK,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC,CAEnC;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;CAC2B,CAAC","sourcesContent":["import React from 'react';\n\nimport { toggleExpandedIds } from '../../../utils/toggleExpandedIds';\nimport { TreeItemRow } from './TreeItemRow';\n\nexport interface TreeItemNode<TId extends string = string> {\n  readonly id: TId;\n  readonly label: React.ReactNode;\n  readonly icon?: React.ReactNode;\n  readonly children?: readonly TreeItemNode<TId>[];\n  readonly disabled?: boolean;\n  readonly meta?: React.ReactNode;\n  readonly actions?: React.ReactNode;\n}\n\nexport interface TreeItemRenderProps<TId extends string = string> {\n  readonly node: TreeItemNode<TId>;\n  readonly depth: number;\n  readonly selected: boolean;\n  readonly expanded: boolean;\n  readonly hasChildren: boolean;\n}\n\nexport interface TreeViewProps<TId extends string = string> {\n  readonly nodes: readonly TreeItemNode<TId>[];\n  readonly selectedId?: TId;\n  readonly expandedIds?: readonly TId[];\n  readonly defaultExpandedIds?: readonly TId[];\n  readonly onSelect?: (id: TId) => void;\n  readonly onExpandedChange?: (ids: readonly TId[]) => void;\n  readonly renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;\n  readonly expansionIndicator?: 'chevron' | 'folder';\n  readonly className?: string;\n  readonly style?: React.CSSProperties;\n  readonly ariaLabel?: string;\n}\n\n/***\n * Render the standalone browser TreeView artifact without React Native runtime dependencies.\n * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for\n * built-in folder/file indicators. Expansion is leading and independent from row selection.\n */\nexport function TreeView<TId extends string = string>({\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  expansionIndicator = 'folder',\n  className,\n  style,\n  ariaLabel = 'Tree',\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n  const handleToggleExpand = React.useCallback(\n    (id: TId) => {\n      const nextExpandedIds = toggleExpandedIds(expandedIds, id);\n      if (!isControlled) setInternalExpandedIds(nextExpandedIds);\n      onExpandedChange?.(nextExpandedIds);\n    },\n    [expandedIds, isControlled, onExpandedChange],\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={className}\n      role=\"tree\"\n      style={{ ...TREE_STYLE, ...style }}\n    >\n      {nodes.map((node) => (\n        <TreeItemRow\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          expansionIndicator={expansionIndicator}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n        />\n      ))}\n    </div>\n  );\n}\n\nconst TREE_STYLE = {\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 0,\n} as const satisfies React.CSSProperties;\n"]}

package/dist/features/typography/adapters/inbound/Heading.d.ts

@@ -6,10 +6,6 @@ import type { HeadingProps } from '../../../../types/heading';
  * `Heading` gives consumers a ZORA-owned title API with semantic levels,
  * responsive sizes, and theme-aware emphasis while preserving header semantics.
  *
- * @example Section title
- * ```tsx
- * <Heading level={2} size="xl">Account settings</Heading>
- * ```
  */
 export declare const Heading: (props: HeadingProps) => React.ReactElement | null;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/features/typography/adapters/inbound/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAO9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAO9D;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/features/typography/adapters/inbound/Heading.js

@@ -13,10 +13,6 @@ import { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe
  * `Heading` gives consumers a ZORA-owned title API with semantic levels,
  * responsive sizes, and theme-aware emphasis while preserving header semantics.
  *
- * @example Section title
- * ```tsx
- * <Heading level={2} size="xl">Account settings</Heading>
- * ```
  */
 export const Heading = withZoraThemeScope(HeadingInner);
 const headingLayoutStyle = {

package/dist/features/typography/adapters/inbound/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport type { HeadingProps } from '../../../../types/heading';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';\nimport { resolveHeadingRecipe } from '../../utils/resolveHeadingRecipe';\nimport { resolveHeadingSizeFromLevel } from '../../utils/resolveHeadingSizeFromLevel';\nimport { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe';\n/***\n * Structured title primitive for accessible page, section, and card headings.\n *\n * `Heading` gives consumers a ZORA-owned title API with semantic levels,\n * responsive sizes, and theme-aware emphasis while preserving header semantics.\n *\n * @example Section title\n * ```tsx\n * <Heading level={2} size=\"xl\">Account settings</Heading>\n * ```\n */\nexport const Heading = withZoraThemeScope(HeadingInner);\n\nconst headingLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveHeadingContent({\n  children,\n  text,\n  i18nKey,\n}: Pick<HeadingProps, 'children' | 'text' | 'i18nKey'>) {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction HeadingInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  level = 2,\n  size,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: HeadingProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));\n  const content = resolveHeadingContent({ children, text, i18nKey });\n  const resolvedSize =\n    resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);\n  const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);\n  const resolvedEmphasis =\n    resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';\n  const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);\n  const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);\n\n  if (content === null) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole ?? 'header'}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[\n        headingLayoutStyle,\n        resolveHeadingRecipe(theme, {\n          align: resolvedAlign,\n          italic: italic ?? themeRecipe.italic ?? false,\n          level,\n          size: resolvedSize,\n          color: resolvedColor,\n          emphasis: resolvedEmphasis,\n          weight: resolvedWeight,\n        }),\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport type { HeadingProps } from '../../../../types/heading';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';\nimport { resolveHeadingRecipe } from '../../utils/resolveHeadingRecipe';\nimport { resolveHeadingSizeFromLevel } from '../../utils/resolveHeadingSizeFromLevel';\nimport { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe';\n/***\n * Structured title primitive for accessible page, section, and card headings.\n *\n * `Heading` gives consumers a ZORA-owned title API with semantic levels,\n * responsive sizes, and theme-aware emphasis while preserving header semantics.\n *\n */\nexport const Heading = withZoraThemeScope(HeadingInner);\n\nconst headingLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveHeadingContent({\n  children,\n  text,\n  i18nKey,\n}: Pick<HeadingProps, 'children' | 'text' | 'i18nKey'>) {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction HeadingInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  level = 2,\n  size,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: HeadingProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe('Heading'));\n  const content = resolveHeadingContent({ children, text, i18nKey });\n  const resolvedSize =\n    resolveResponsive(size ?? themeRecipe.size, breakpoint) ?? resolveHeadingSizeFromLevel(level);\n  const resolvedColor = resolveResponsive(color ?? themeRecipe.color, breakpoint);\n  const resolvedEmphasis =\n    resolveResponsive(emphasis ?? themeRecipe.emphasis, breakpoint) ?? 'default';\n  const resolvedAlign = resolveResponsive(align ?? themeRecipe.align, breakpoint);\n  const resolvedWeight = resolveResponsive(weight ?? themeRecipe.weight, breakpoint);\n\n  if (content === null) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole ?? 'header'}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[\n        headingLayoutStyle,\n        resolveHeadingRecipe(theme, {\n          align: resolvedAlign,\n          italic: italic ?? themeRecipe.italic ?? false,\n          level,\n          size: resolvedSize,\n          color: resolvedColor,\n          emphasis: resolvedEmphasis,\n          weight: resolvedWeight,\n        }),\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}

package/dist/features/typography/adapters/inbound/Text.d.ts

@@ -6,10 +6,6 @@ import type { TextProps } from '../../../../types/text';
  * `Text` owns normal body, caption, label, code, and supporting-copy variants so
  * consumers do not need to import lower-level Surface typography directly.
  *
- * @example Muted supporting copy
- * ```tsx
- * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>
- * ```
  */
 export declare const Text: (props: TextProps) => React.ReactElement | null;
 //# sourceMappingURL=Text.d.ts.map

package/dist/features/typography/adapters/inbound/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/typography/adapters/inbound/Text.js

@@ -12,10 +12,6 @@ import { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';
  * `Text` owns normal body, caption, label, code, and supporting-copy variants so
  * consumers do not need to import lower-level Surface typography directly.
  *
- * @example Muted supporting copy
- * ```tsx
- * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>
- * ```
  */
 export const Text = withZoraThemeScope(TextInner);
 const textLayoutStyle = {

package/dist/features/typography/adapters/inbound/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport type { TextProps } from '../../../../types/text';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';\nimport { resolveTextStyle } from '../../utils/resolveTextStyle';\nimport { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';\n/***\n * Structured copy primitive for theme-aware app text.\n *\n * `Text` owns normal body, caption, label, code, and supporting-copy variants so\n * consumers do not need to import lower-level Surface typography directly.\n *\n * @example Muted supporting copy\n * ```tsx\n * <Text variant=\"bodySmall\" emphasis=\"muted\">Updated just now</Text>\n * ```\n */\nexport const Text = withZoraThemeScope(TextInner);\n\nconst textLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveTextContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: TextProps['children'];\n  text: TextProps['text'];\n  i18nKey: TextProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction TextInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  variant,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  accessibilityLiveRegion,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: TextProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));\n  const content = resolveTextContent({ children, text, i18nKey });\n  const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';\n  const resolvedStyle = resolveTextStyle({\n    theme,\n    breakpoint,\n    variant: resolvedVariant,\n    color: color ?? themeRecipe.color,\n    emphasis: emphasis ?? themeRecipe.emphasis,\n    align: align ?? themeRecipe.align,\n    weight: weight ?? themeRecipe.weight,\n    italic: italic ?? themeRecipe.italic ?? false,\n  });\n\n  if (content === null || content === undefined) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityLiveRegion={accessibilityLiveRegion}\n      accessibilityRole={accessibilityRole}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[textLayoutStyle, resolvedStyle, style]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsive, useResponsiveRuntime } from '@ankhorage/surface';\nimport React from 'react';\nimport { Platform, Text as ReactNativeText, type TextStyle } from 'react-native';\n\nimport type { TextProps } from '../../../../types/text';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';\nimport { resolveTextStyle } from '../../utils/resolveTextStyle';\nimport { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';\n/***\n * Structured copy primitive for theme-aware app text.\n *\n * `Text` owns normal body, caption, label, code, and supporting-copy variants so\n * consumers do not need to import lower-level Surface typography directly.\n *\n */\nexport const Text = withZoraThemeScope(TextInner);\n\nconst textLayoutStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n  ...(Platform.OS === 'web'\n    ? {\n        overflowWrap: 'break-word',\n        whiteSpace: 'normal',\n        wordBreak: 'normal',\n      }\n    : null),\n};\n\nfunction resolveTextContent({\n  children,\n  text,\n  i18nKey,\n}: {\n  children: TextProps['children'];\n  text: TextProps['text'];\n  i18nKey: TextProps['i18nKey'];\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (text !== undefined) return text;\n  if (i18nKey === undefined || i18nKey === '') return null;\n  return i18nKey;\n}\n\nfunction TextInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  text,\n  i18nKey,\n  variant,\n  color,\n  emphasis,\n  align,\n  weight,\n  italic,\n  numberOfLines,\n  ellipsizeMode,\n  selectable,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole,\n  accessibilityLiveRegion,\n  nativeID,\n  testID,\n  interactionPolicy: _interactionPolicy,\n}: TextProps) {\n  const { theme } = useZoraTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe('Text'));\n  const content = resolveTextContent({ children, text, i18nKey });\n  const resolvedVariant = resolveResponsive(variant ?? themeRecipe.variant, breakpoint) ?? 'body';\n  const resolvedStyle = resolveTextStyle({\n    theme,\n    breakpoint,\n    variant: resolvedVariant,\n    color: color ?? themeRecipe.color,\n    emphasis: emphasis ?? themeRecipe.emphasis,\n    align: align ?? themeRecipe.align,\n    weight: weight ?? themeRecipe.weight,\n    italic: italic ?? themeRecipe.italic ?? false,\n  });\n\n  if (content === null || content === undefined) return null;\n\n  return (\n    <ReactNativeText\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityLiveRegion={accessibilityLiveRegion}\n      accessibilityRole={accessibilityRole}\n      ellipsizeMode={ellipsizeMode}\n      nativeID={nativeID}\n      numberOfLines={numberOfLines}\n      selectable={selectable}\n      testID={testID}\n      style={[textLayoutStyle, resolvedStyle, style]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "21.0.21",
+  "version": "21.0.23",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -42,8 +42,8 @@
   "dependencies": {
     "@ankhorage/color-theory": "^0.3.1",
     "@ankhorage/contracts": "^22.8.2",
-    "@ankhorage/surface": "^9.1.6",
-    "@ankhorage/utility": "^1.8.0",
+    "@ankhorage/surface": "^9.1.7",
+    "@ankhorage/utility": "^1.8.1",
     "expo-document-picker": "~57.0.1",
     "expo-image-picker": "~57.0.16"
   },
@@ -117,13 +117,12 @@
     "format:check": "ankhorage-prettier --check .",
     "prepack": "bun run build",
     "test": "bun run build && bun test src",
-    "test:next-materialization": "bun scripts/web-artifacts/verifyNextWebMaterialization.ts",
     "typecheck": "bun x tsc --noEmit -p tsconfig.json && bun x tsc --noEmit -p tsconfig.scripts.json",
     "version-packages": "ankhorage-changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^1.18.5",
-    "@ankhorage/paradox": "^0.1.26",
+    "@ankhorage/devtools": "^2.0.0",
+    "@ankhorage/paradox": "^0.2.6",
     "@react-native-vector-icons/fontawesome": "^13.1.3",
     "@react-native-vector-icons/fontawesome5": "^13.1.3",
     "@react-native-vector-icons/fontawesome6": "^13.1.3",
@@ -136,8 +135,6 @@
     "cytoscape": "^3.34.3",
     "cytoscape-elk": "^2.3.0",
     "happy-dom": "^20.11.6",
-    "next": "16.3.5",
-    "playwright-core": "^1.58.2",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-native": "0.86.3",

package/src/features/button/adapters/inbound/Button.tsx

@@ -11,10 +11,6 @@ import { resolveButtonThemeRecipe } from '../../utils/resolveButtonThemeRecipe';
  * Use `Button` for explicit user actions that should follow ZORA's semantic color,
  * variant, and size recipes across React Native and React Native Web.
  *
- * @example Basic action
- * ```tsx
- * <Button color="primary" variant="solid" onPress={save}>Save</Button>
- * ```
  */
 export const Button = withZoraThemeScope(ButtonInner);
 

package/src/features/card/adapters/inbound/Card.tsx

@@ -15,10 +15,6 @@ import { resolveCardVariant } from '../../utils/resolveCardVariant';
  * Use `Card` for reusable content blocks that should inherit ZORA spacing,
  * radius, tone, and responsive header layout without hand-assembling primitives.
  *
- * @example Content card
- * ```tsx
- * <Card title="Project" description="Latest activity">...</Card>
- * ```
  */
 export const Card = withZoraThemeScope(CardInner);
 

package/src/features/empty-state/adapters/inbound/EmptyState.tsx

@@ -66,9 +66,5 @@ function EmptyStateInner({
  * so apps can guide users without custom card and button wiring.
  *
  
- * @example Empty project list
- * ```tsx
- * <EmptyState title="No projects yet" primaryAction={{ label: 'Create project', onPress }} />
- * ```
  */
 export const EmptyState = withZoraThemeScope(EmptyStateInner);

package/src/features/form/text-input/adapters/inbound/TextInput.tsx

@@ -58,9 +58,5 @@ function TextInputInner({
  *
  * Use `TextInput` for single-line, multiline, and password form controls with ZORA styling.
  *
- * @example Search input
- * ```tsx
- * <TextInput placeholder="Search" leadingIcon={{ name: 'search-outline' }} />
- * ```
  */
 export const TextInput = withZoraThemeScope(TextInputInner);

package/src/features/graph-view/adapters/inbound/web-artifact/GraphView.tsx

@@ -124,13 +124,13 @@ type GraphContainer = NonNullable<CytoscapeOptions['container']>;
 
 /***
  * Render a browser graph while one runtime owns Cytoscape layout, viewport, and disposal.
- * @config zoomMode Use `fit-relative` to make controller zoom, events and min/max limits relative
+ * zoomMode Use `fit-relative` to make controller zoom, events and min/max limits relative
  * to the visible-node fit (1 = fit). The default `absolute` keeps engine-space zoom units.
- * @config sizeNodesToLabels Opt in to renderer-measured plain labels, including bold and Unicode
+ * sizeNodesToLabels Opt in to renderer-measured plain labels, including bold and Unicode
  * text. Keep padding in styleRules. Compound and rich-node dimensions retain their existing owners.
- * @config minReadableLabelSize Expand the manual zoom ceiling until plain labels reach this CSS-pixel size.
- * @config maxFitLabelSize Cap automatic fitting at this plain-label CSS-pixel size, leaving whitespace for tiny graphs.
- * @config onSpacingFactorChange Receive the spacing accepted by explicit fit({ optimizeSpacing: true }).
+ * minReadableLabelSize Expand the manual zoom ceiling until plain labels reach this CSS-pixel size.
+ * maxFitLabelSize Cap automatic fitting at this plain-label CSS-pixel size, leaving whitespace for tiny graphs.
+ * onSpacingFactorChange Receive the spacing accepted by explicit fit({ optimizeSpacing: true }).
  * Ordinary zoom never adjusts spacing or relayouts. Explicit optimization preserves layout ordering
  * and uses bounded collision checks including labels and compound siblings; it can recover uniformly
  * cramped layouts but cannot repair non-uniform overlaps.

package/src/features/graph-view/adapters/inbound/web-artifact/compactGraphSpacing.ts

@@ -10,7 +10,7 @@ const SEARCH_ITERATIONS = 8;
 /***
  * Optimize settled layout spacing around readable label bounds instead of full node clearance.
  * Compound containment stays intentional while sibling groups retain non-overlapping boundaries.
- * @performance Cytoscape geometry is measured once, then bounded pure numeric trials reuse the
+ * Cytoscape geometry is measured once, then bounded pure numeric trials reuse the
  * immutable snapshot. No layout reruns, zoom work, or intermediate frames are painted.
  */
 export function compactGraphSpacing(cy: Core, spacingFactor: number): number {

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphController.ts

@@ -112,7 +112,7 @@ function positiveSize(value: number | undefined, fallback: number): number {
 
 /***
  * Recompute the fit reference only after layout or resize, never on every pan/zoom event.
- * @performance Cache the geometry-derived scale in the viewport owner; labels are included, edges excluded.
+ * Cache the geometry-derived scale in the viewport owner; labels are included, edges excluded.
  */
 function getNodeFitZoom(cy: Core, padding: number): number {
   if (cy.nodes().empty()) return 1;

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphLoopSizer.ts

@@ -2,7 +2,7 @@ import type { Core } from 'cytoscape';
 
 /***
  * Keeps self-loop control points outside the rendered node, independent of label size and direction.
- * @performance Reconcile loop geometry only after size/style/layout changes, never on pan or zoom.
+ * Reconcile loop geometry only after size/style/layout changes, never on pan or zoom.
  * Preserve valid dependencies and configured larger loops; do not hide edges or silence warnings.
  */
 export function createGraphLoopSizer(cy: Core) {

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts

@@ -150,7 +150,7 @@ function createRuntimeState(
 
 /***
  * Reconcile presentation in place and relayout only when graph geometry or layout policy changes.
- * @performance Batch reconciliation and skip layout for presentation-only updates.
+ * Batch reconciliation and skip layout for presentation-only updates.
  */
 function updateRuntime(state: GraphRuntimeState, input: GraphRuntimeUpdate) {
   if (state.cy.destroyed()) return;
@@ -227,7 +227,7 @@ function startCurrentLayout(state: GraphRuntimeState, input: GraphRuntimeUpdate)
 
 /***
  * Settle only the latest layout generation and fit once from node bounds.
- * @performance Discard stale completions and avoid repeated automatic fits.
+ * Discard stale completions and avoid repeated automatic fits.
  */
 function completeCurrentLayout(state: GraphRuntimeState, generation: number) {
   scheduleGraphFrame(() => {
@@ -265,7 +265,7 @@ function completeCurrentLayout(state: GraphRuntimeState, generation: number) {
 
 /***
  * Handle explicit readable-fit intent in the runtime owner, never from zoom or React effects.
- * @performance Bounded spacing optimization preserves the settled algorithm instead of repeatedly running it.
+ * Bounded spacing optimization preserves the settled algorithm instead of repeatedly running it.
  */
 function requestOptimizedFit(state: GraphRuntimeState, options: GraphViewFitOptions) {
   if (state.cy.destroyed()) return;
@@ -319,7 +319,7 @@ function applyGraphStyles(
 
 /***
  * Synchronize controlled selection without rerunning layout.
- * @performance Selection updates must not trigger graph reconstruction or layout.
+ * Selection updates must not trigger graph reconstruction or layout.
  */
 function setSelectedNodeIds(state: GraphRuntimeState, nodeIds: readonly string[] | undefined) {
   if (state.cy.destroyed() || nodeIds === undefined) return;
@@ -333,7 +333,7 @@ function setSelectedNodeIds(state: GraphRuntimeState, nodeIds: readonly string[]
 
 /***
  * Persist one rich-node size and schedule at most one relayout for changed geometry.
- * @performance Ignore unchanged measurements before scheduling layout work.
+ * Ignore unchanged measurements before scheduling layout work.
  */
 function setNodeSize(state: GraphRuntimeState, id: string, size: GraphViewSize) {
   const previous = state.nodeSizes.get(id);
@@ -357,7 +357,7 @@ function applyNodeSize(cy: Core, id: string, size: GraphViewSize) {
 
 /***
  * Coalesce DOM measurements into one follow-up layout generation.
- * @performance Keep one scheduled layout per frame instead of one per measured node.
+ * Keep one scheduled layout per frame instead of one per measured node.
  */
 function scheduleMeasuredNodeRelayout(state: GraphRuntimeState) {
   if (state.relayoutScheduledRef.current) return;
@@ -382,7 +382,7 @@ function subscribeRenderedNodes(state: GraphRuntimeState, listener: RenderedNode
 
 /***
  * Publish current rendered node positions only to active rich-node subscribers.
- * @performance Skip snapshot preparation when no overlay is subscribed.
+ * Skip snapshot preparation when no overlay is subscribed.
  */
 function emitRenderedNodes(
   state: Pick<GraphRuntimeState, 'cy' | 'hoveredNodeIds' | 'renderedNodeListeners'>,

package/src/features/graph-view/adapters/inbound/web-artifact/getGraphGeometryKey.ts

@@ -2,7 +2,6 @@ import type { Core } from 'cytoscape';
 
 /***
  * Identifies layout-relevant leaf dimensions without including positions or presentation colors.
- * @performance
  * Adding viewport, color or arbitrary data to this key turns interaction updates into relayouts.
  * Measure after style reconciliation; actual size changes still require layout. Compound bounds
  * follow child positions, so keying their measured bounds would feed layout output back into input.

package/src/features/graph-view/adapters/inbound/web-artifact/getGraphTopologyKey.ts

@@ -2,7 +2,7 @@ import type { GraphViewEdge, GraphViewNode } from './GraphView';
 
 /***
  * Identify visible graph membership and hierarchy independently of presentation metadata.
- * @performance Keep presentation-only changes out of the relayout decision.
+ * Keep presentation-only changes out of the relayout decision.
  */
 export function getGraphTopologyKey(
   nodes: readonly GraphViewNode[],

package/src/features/graph-view/adapters/inbound/web-artifact/hasGraphLayoutChanged.ts

@@ -3,7 +3,6 @@ import { getGraphTopologyKey } from './getGraphTopologyKey';
 
 /***
  * Detects topology and explicit layout-policy changes independently of highlight metadata.
- * @performance
  * New node/edge array identities alone are not a layout request: consumers may update classes
  * and colors on hover or selection. Keep structural identity separate from presentation and
  * combine this decision with measured geometry in the single runtime owner, not consumer effects.

package/src/features/graph-view/adapters/inbound/web-artifact/runDetachedGraphLayout.ts

@@ -3,7 +3,7 @@ import cytoscape, { type Core, type LayoutOptions } from 'cytoscape';
 
 /***
  * Isolate an uncancellable layout from the displayed core and discard stopped generations.
- * @performance Apply current positions in one batch without rebuilding the displayed graph.
+ * Apply current positions in one batch without rebuilding the displayed graph.
  * A stopped ELK computation still runs to completion; this guard does not cancel its CPU work.
  */
 export function runDetachedGraphLayout(cy: Core, options: LayoutOptions, onComplete: () => void) {

package/src/features/graph-view/adapters/inbound/web-artifact/sizeGraphNodesToLabels.ts

@@ -2,7 +2,7 @@ import type { Core } from 'cytoscape';
 
 /***
  * Size plain leaf nodes from the renderer's styled label bounds, keeping padding in the stylesheet.
- * @performance Reuse Cytoscape's cached text measurements during reconciliation, never a per-element
+ * Reuse Cytoscape's cached text measurements during reconciliation, never a per-element
  * style callback or a pan/zoom listener. Only write changed dimensions; bold and Unicode labels must
  * not regress to character-count estimates. Compound dimensions remain owned by child bounds.
  */

package/src/features/graph-view/adapters/inbound/web-artifact/syncGraphElements.ts

@@ -6,7 +6,6 @@ import type { GraphViewEdge, GraphViewNode } from './GraphView';
 
 /***
  * Reconciles graph data in one batch while retaining positions, selection and element identity.
- * @performance
  * Do not replace this with remove-all/add-all: presentation updates must not discard interaction
  * state or force the runtime to rebuild the graph. Use direct ID lookups for obsolete metadata;
  * per-element selector scans would add avoidable work. Runtime tests cover hover/selection updates.

package/src/features/tree-view/adapters/inbound/TreeView.tsx

@@ -60,7 +60,7 @@ function TreeViewInner<TId extends string = string>({
 
 /***
  * Tree view pattern for hierarchical navigation and expandable lists.
- * @config expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
+ * expansionIndicator Select `folder` (default) or `chevron` for leading expansion controls.
  * Expansion controls are separate from row selection, including when rendering custom row content.
  */
 export const TreeView = withZoraThemeScope(TreeViewInner);

package/src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx

@@ -37,7 +37,7 @@ export interface TreeViewProps<TId extends string = string> {
 
 /***
  * Render the standalone browser TreeView artifact without React Native runtime dependencies.
- * @config expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
+ * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
  * built-in folder/file indicators. Expansion is leading and independent from row selection.
  */
 export function TreeView<TId extends string = string>({

package/src/features/typography/adapters/inbound/Heading.tsx

@@ -15,10 +15,6 @@ import { resolveHeadingThemeRecipe } from '../../utils/resolveHeadingThemeRecipe
  * `Heading` gives consumers a ZORA-owned title API with semantic levels,
  * responsive sizes, and theme-aware emphasis while preserving header semantics.
  *
- * @example Section title
- * ```tsx
- * <Heading level={2} size="xl">Account settings</Heading>
- * ```
  */
 export const Heading = withZoraThemeScope(HeadingInner);
 

package/src/features/typography/adapters/inbound/Text.tsx

@@ -14,10 +14,6 @@ import { resolveTextThemeRecipe } from '../../utils/resolveTextThemeRecipe';
  * `Text` owns normal body, caption, label, code, and supporting-copy variants so
  * consumers do not need to import lower-level Surface typography directly.
  *
- * @example Muted supporting copy
- * ```tsx
- * <Text variant="bodySmall" emphasis="muted">Updated just now</Text>
- * ```
  */
 export const Text = withZoraThemeScope(TextInner);
 

package/web-dist/components/graph-view/GraphView.d.ts

@@ -97,13 +97,13 @@ export interface GraphViewProps {
 export type GraphViewCallbacks = Pick<GraphViewProps, 'onEdgeEvent' | 'onLayoutComplete' | 'onNodeEvent' | 'onReady' | 'onViewportChange' | 'onSpacingFactorChange'>;
 /***
  * Render a browser graph while one runtime owns Cytoscape layout, viewport, and disposal.
- * @config zoomMode Use `fit-relative` to make controller zoom, events and min/max limits relative
+ * zoomMode Use `fit-relative` to make controller zoom, events and min/max limits relative
  * to the visible-node fit (1 = fit). The default `absolute` keeps engine-space zoom units.
- * @config sizeNodesToLabels Opt in to renderer-measured plain labels, including bold and Unicode
+ * sizeNodesToLabels Opt in to renderer-measured plain labels, including bold and Unicode
  * text. Keep padding in styleRules. Compound and rich-node dimensions retain their existing owners.
- * @config minReadableLabelSize Expand the manual zoom ceiling until plain labels reach this CSS-pixel size.
- * @config maxFitLabelSize Cap automatic fitting at this plain-label CSS-pixel size, leaving whitespace for tiny graphs.
- * @config onSpacingFactorChange Receive the spacing accepted by explicit fit({ optimizeSpacing: true }).
+ * minReadableLabelSize Expand the manual zoom ceiling until plain labels reach this CSS-pixel size.
+ * maxFitLabelSize Cap automatic fitting at this plain-label CSS-pixel size, leaving whitespace for tiny graphs.
+ * onSpacingFactorChange Receive the spacing accepted by explicit fit({ optimizeSpacing: true }).
  * Ordinary zoom never adjusts spacing or relayouts. Explicit optimization preserves layout ordering
  * and uses bounded collision checks including labels and compound siblings; it can recover uniformly
  * cramped layouts but cannot repair non-uniform overlaps.

package/web-dist/components/tree-view/TreeView.d.ts

@@ -30,7 +30,7 @@ export interface TreeViewProps<TId extends string = string> {
 }
 /***
  * Render the standalone browser TreeView artifact without React Native runtime dependencies.
- * @config expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
+ * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
  * built-in folder/file indicators. Expansion is leading and independent from row selection.
  */
 export declare function TreeView<TId extends string = string>({ nodes, selectedId, expandedIds: controlledExpandedIds, defaultExpandedIds, onSelect, onExpandedChange, renderItem, expansionIndicator, className, style, ariaLabel, }: TreeViewProps<TId>): React.JSX.Element;