@antadesign/anta 0.3.32 → 0.3.34

package/docs/packages/plot.md

@@ -396,7 +396,7 @@ function presentation(): PlotArgs<Node> {
   return {
     series: [scatter<Node>({ data: examplePoints, size: 3,
       color: { light: '#9ca3af', dark: '#6b7280' }, hoverable: false })],
-    title: { text: 'Plot title', size: 16, color: { light: '#374151', dark: '#e5e7eb' } },
+    title: { text: 'Plot title', font: { size: 16, color: { light: '#374151', dark: '#e5e7eb' } } },
     height: 260,
     margin: { top: 38, right: 16, bottom: 42, left: 52 },
     background: { light: '#f3f4f6', dark: '#202124' },
@@ -451,7 +451,8 @@ document.body.append(plot)
 |---|---|---|---|
 | [`series`](#series) | `Series[]` | Required | What to draw, in paint order. Build each one with a factory. |
 | [`axis?`](#axes) | `{ x?: AxisArgs, y?: AxisArgs }` | Inferred from data | Per-axis scale, label, ticks, and domain. |
-| [`title?`](#title) | `string \| { text, size?, color? }` | None | Plot title. |
+| [`title?`](#title) | `string \| { text, font? }` | None | Plot title. |
+| [`font?`](#font) | `FontArg` | Role defaults | Shared font configuration. |
 | `width?` | `number` | Container width | Canvas width in pixels. Overrides the wrapper's CSS width. |
 | `height?` | `number` | Parent height for `Plot`; `300` for `<a-plot>` | Canvas height in pixels. Overrides the host's CSS height. |
 | [`margin?`](#margins) | `number \| { top?, right?, bottom?, left? }` | `60` per side; `2` without axes or title | Space reserved around the plot area for axes and title. |
@@ -679,7 +680,7 @@ Scatter arguments
 | `x?` | [`FieldArg`](#data-fields) | `'x'` | Horizontal field name or accessor. |
 | `y?` | [`FieldArg`](#data-fields) | `'y'` | Vertical field name or accessor. |
 | `color?` | [`ColorArg`](#series-colors) | Black | Series color; theme pairs provide separate light and dark colors. |
-| `size?` | `number \| ((row, index) => number)` | `5` | Mark diameter in pixels, or a per-row accessor. A row’s `size` takes precedence. |
+| `size?` | `number \| ((row, index, viewport) => number)` | `5` | [Mark diameter](#size) in pixels, or a per-row accessor. A row’s `size` takes precedence. |
 | [`mark?`](#mark-shapes) | `MarkShape` | `'circle'` | Mark shape: circle, square, diamond, or triangle. |
 | [`stroke?`](#strokes) | `StrokeArg` | None | Outline color and optional width. |
 | [`tooltip?`](#tooltips) | `TooltipArg` | None | Use `true` for the default tooltip, or a callback for custom content. |
@@ -3085,6 +3086,7 @@ to continuous axes.
 |---|---|---|
 | `x` | `AxisViewport \| null` | Current horizontal viewport, or `null` for a categorical axis. |
 | `y` | `AxisViewport \| null` | Current vertical viewport, or `null` for a categorical axis. |
+| `zoom_factor` | `{ x: number; y: number }` | Per-axis gesture magnification, initially 1; preserved during pan, resize, and data-domain changes. |
 
 Each `AxisViewport` contains:
 
@@ -3095,6 +3097,209 @@ Each `AxisViewport` contains:
 
 ## Configuration details
 
+### Size
+
+Scatter `size` accepts a fixed pixel diameter or a pure accessor returning a number.
+The accessor receives `(row, index, viewport)`, so you can combine data and viewport
+without storing zoom in application state.
+
+Hold **Ctrl** and scroll near **50**. The first series stays at 4px. The other series
+alternate between 2px and 4px based on their data, then grow with horizontal zoom,
+at different rates, up to 16px. Hold **Ctrl** and drag to pan; **Reset zoom** restores
+the starting sizes.
+
+```ts
+import { scatter, type PlotArgs } from '@antadesign/plot'
+import '@antadesign/plot/elements/a-plot'
+import type { APlotElement } from '@antadesign/plot/browser'
+
+export function viewportSizes(): PlotArgs<Node> {
+  const labels = ['Fixed 4px', 'Data + gradual zoom', 'Data + faster zoom']
+  const positions = [0, 10, 25, 40, 45, 48, 49, 49.5, 49.75, 50, 50.25, 50.5, 51, 52, 55, 60, 75, 90, 100]
+  const rows = (label: string) => positions.map((x, i) => ({ x, y: label, weight: i % 2 ? 4 : 2 }))
+  return {
+    height: 260,
+    margin: { top: 24, right: 20, bottom: 48, left: 160 },
+    axis: { x: { min: 0, max: 100, label: 'Zoom near 50' }, y: { categories: labels, label: '' } },
+    background: { light: '#ffffff', dark: '#202124' },
+    chrome_color: { light: '#64748b', dark: '#cbd5e1' },
+    grid: false,
+    zoom_pan: { x: true, y: false, modifier: true },
+    series: [
+      scatter<Node>({ data: rows(labels[0]), size: 4,
+        color: { light: '#64748b', dark: '#cbd5e1' }, tooltip: true }),
+      scatter<Node>({ data: rows(labels[1]),
+        size: (row, index, viewport) => Math.min(16, Number(row.weight) * viewport.zoom_factor.x ** 0.25),
+        color: { light: '#7c3aed', dark: '#c4b5fd' }, tooltip: true }),
+      scatter<Node>({ data: rows(labels[2]),
+        size: (row, index, viewport) => Math.min(16, Number(row.weight) * viewport.zoom_factor.x ** 0.5),
+        color: { light: '#c2410c', dark: '#fdba74' }, tooltip: true }),
+    ],
+  }
+}
+
+const plot = document.createElement('a-plot') as APlotElement
+plot.plotArgs = viewportSizes()
+document.body.append(plot)
+```
+
+`viewport` has the same shape as [Viewport changes](#viewport-changes): `x` and `y`
+contain visible and full domains (`null` for a categorical axis), and `zoom_factor.x` and
+`zoom_factor.y` contain gesture magnification. Each starts at 1. Panning, resizing, and
+data-domain changes preserve magnification. Reset and new keyed viewport requests
+establish factor 1 on their affected axes. Zooming out beyond a requested initial
+window can yield factors below 1. Use `Math.max(viewport.zoom_factor.x, viewport.zoom_factor.y)`
+to follow the more magnified axis.
+
+Size accessors run during composition, including zoom and pan, rather than when
+the series is constructed. Keep them pure and inexpensive. Existing accessors
+that only read the row or index remain valid. Returned sizes must be finite and
+non-negative; invalid results report a composition error and retain the previous
+plot. Numeric row `size` fields take precedence, and the index stays tied to the
+original input row after category filtering. Drawing, hit testing, and highlights
+reuse the composed sizes. Other series' size options and font sizes remain numeric.
+
+### Font
+
+`font` on the plot supplies shared text settings. `title.font`,
+`axis.x.label.font`, `axis.y.label.font`, and each axis's `tick_label.font`
+accept local overrides. A string is shorthand for `{ family: string }`.
+Fields resolve individually from local settings, plot settings, and role defaults.
+Font assets are supplied by the application.
+
+| Field | Type | Constraint |
+| --- | --- | --- |
+| `family?` | `string` | CSS font family or family list. |
+| `size?` | `number` | Positive finite CSS pixels. |
+| `weight?` | `number` | Finite CSS weight from 1 to 1000. |
+| `color?` | [`ThemeColor`](#theme-colors) | Color string or light/dark pair. |
+| `italic?` | `boolean` | Select italic text. |
+| `condensed?` | `boolean` | Select condensed text. |
+| `letter_spacing?` | `number` | Finite CSS pixels; negative values are allowed. |
+| `word_spacing?` | `number` | Finite CSS pixels; negative values are allowed. |
+| `caps?` | `boolean \| FontCaps` | `true` means `all-small-caps`; `false` means `normal`. |
+
+`FontCaps` accepts `normal`, `small-caps`, `all-small-caps`, `petite-caps`,
+`all-petite-caps`, `unicase`, and `titling-caps`.
+
+Canvas drawing and text measurement use the same resolved font settings.
+Titles default to 14px and axis names to 12px, using the initially inherited
+CSS font family with a sans-serif fallback. Tick labels default to 10px monospace. The default weight is 400. Root settings override
+these role defaults; local settings override the root field by field.
+
+Plots capture the inherited CSS font family once when they mount. Explicit
+plot-level and local families take precedence. Later CSS font changes and
+font-loading completion do not trigger a redraw. Make fonts available before
+drawing; replacing `plotArgs` applies explicit font configuration changes.
+
+Different fonts by role
+
+The title combines bold weight, condensed width, and tighter letters. The axes switch to italic serif and spaced monospace, with colors that adapt to the theme.
+
+```ts
+import { scatter, type PlotArgs } from '@antadesign/plot'
+import '@antadesign/plot/elements/a-plot'
+import type { APlotElement } from '@antadesign/plot/browser'
+
+function base(): PlotArgs<Node> {
+  return {
+    series: [scatter<Node>({ data: [
+      { x: 12, y: 18 }, { x: 30, y: 42 }, { x: 48, y: 35 },
+      { x: 58, y: 64 }, { x: 76, y: 58 }, { x: 88, y: 82 },
+    ], size: 3, color: { light: '#9ca3af', dark: '#6b7280' }, hoverable: false })],
+    height: 260,
+    margin: { top: 20, right: 24, bottom: 48, left: 76 },
+    axis: { x: { min: 0, max: 100, label: 'Time' }, y: { min: 0, max: 100, label: 'Value' } },
+    background: { light: '#ffffff', dark: '#202124' },
+    chrome_color: { light: '#9ca3af', dark: '#d1d5db' },
+    border: true,
+    grid: false,
+    zoom_pan: false,
+  }
+}
+
+function fontRoles(): PlotArgs<Node> {
+  return {
+    ...base(),
+    margin: { top: 48, right: 20, bottom: 58, left: 72 },
+    font: { family: '"TT Interphases Pro Variable", sans-serif', size: 13, weight: 450,
+      color: { light: '#713fff', dark: '#c4b5fd' } },
+    title: { text: '22px · bold · condensed',
+      font: { size: 22, weight: 750, condensed: true, letter_spacing: -0.35 } },
+    axis: {
+      x: { min: 0, max: 100,
+        label: { text: 'Serif · italic · 16px', font: { family: 'Georgia, serif', size: 16, italic: true,
+          color: { light: '#c2410c', dark: '#fdba74' } } } },
+      y: { min: 0, max: 100,
+        label: { text: 'Mono · +1px letters', font: { family: 'monospace', size: 12, letter_spacing: 1 } } },
+    },
+  }
+}
+
+await Promise.all([
+  document.fonts.load('750 22px "TT Interphases Pro Variable"'),
+  document.fonts.load('italic 600 20px "TT Interphases Pro Variable"'),
+])
+const plot = document.querySelector<APlotElement>('a-plot')!
+plot.plotArgs = fontRoles()
+```
+
+Shared settings and local overrides
+
+The title inherits italic small caps and expanded spacing. The horizontal label resets caps, italic, and both spacing values; the vertical label selects `small-caps` explicitly. Tick labels use compact monospace overrides.
+
+```ts
+import { scatter, type PlotArgs } from '@antadesign/plot'
+import '@antadesign/plot/elements/a-plot'
+import type { APlotElement } from '@antadesign/plot/browser'
+
+function base(): PlotArgs<Node> {
+  return {
+    series: [scatter<Node>({ data: [
+      { x: 12, y: 18 }, { x: 30, y: 42 }, { x: 48, y: 35 },
+      { x: 58, y: 64 }, { x: 76, y: 58 }, { x: 88, y: 82 },
+    ], size: 3, color: { light: '#9ca3af', dark: '#6b7280' }, hoverable: false })],
+    height: 260,
+    margin: { top: 20, right: 24, bottom: 48, left: 76 },
+    axis: { x: { min: 0, max: 100, label: 'Time' }, y: { min: 0, max: 100, label: 'Value' } },
+    background: { light: '#ffffff', dark: '#202124' },
+    chrome_color: { light: '#9ca3af', dark: '#d1d5db' },
+    border: true,
+    grid: false,
+    zoom_pan: false,
+  }
+}
+
+function fontOverrides(): PlotArgs<Node> {
+  return {
+    ...base(),
+    margin: { top: 48, right: 20, bottom: 58, left: 72 },
+    font: { family: '"TT Interphases Pro Variable", sans-serif', size: 14, weight: 600,
+      italic: true, caps: true, letter_spacing: 1, word_spacing: 4,
+      color: { light: '#0f766e', dark: '#5eead4' } },
+    title: { text: 'Small caps · +4px words', font: { size: 20 } },
+    axis: {
+      x: { min: 0, max: 100,
+        label: { text: 'Normal caps · zero spacing', font: { caps: false, italic: false,
+          letter_spacing: 0, word_spacing: 0, color: { light: '#c2410c', dark: '#fdba74' } } },
+        tick_label: { font: { family: 'monospace', size: 10, weight: 400, italic: false,
+          caps: false, letter_spacing: 0, word_spacing: 0 } } },
+      y: { min: 0, max: 100,
+        label: { text: 'Italic · small caps', font: { caps: 'small-caps', letter_spacing: 0.5, word_spacing: 0 } },
+        tick_label: { font: { family: 'monospace', size: 10, weight: 400, italic: false,
+          caps: false, letter_spacing: 0, word_spacing: 0 } } },
+    },
+  }
+}
+
+await Promise.all([
+  document.fonts.load('750 22px "TT Interphases Pro Variable"'),
+  document.fonts.load('italic 600 20px "TT Interphases Pro Variable"'),
+])
+const plot = document.querySelector<APlotElement>('a-plot')!
+plot.plotArgs = fontOverrides()
+```
+
 ### Title
 
 Set the title text, size, and purple theme colors.
@@ -3123,7 +3328,7 @@ function base(): PlotArgs<Node> {
 
 function title(): PlotArgs<Node> {
   return { ...base(), margin: { top: 44, right: 24, bottom: 48, left: 76 },
-    title: { text: 'Plot title', size: 20, color: { light: '#713fff', dark: '#c4b5fd' } } }
+    title: { text: 'Plot title', font: { size: 20, color: { light: '#713fff', dark: '#c4b5fd' } } } }
 }
 
 const plot = document.createElement('a-plot') as APlotElement
@@ -3136,8 +3341,7 @@ document.body.append(plot)
 | Field | Type | Default | Description |
 |---|---|---|---|
 | `text` | `string` | Required | Plot title text. |
-| `size?` | `number` | `14` | Font size in pixels. |
-| `color?` | [`ThemeColor`](#theme-colors) | Theme default | Title color. |
+| `font?` | `FontArg` | Role default | Text styling; replaces the former `size` and `color` fields. |
 
 ### Margins
 
@@ -3550,8 +3754,8 @@ function base(): PlotArgs<Node> {
 
 function axisLabels(): PlotArgs<Node> {
   return { ...base(), margin: { top: 44, right: 28, bottom: 62, left: 94 }, axis: {
-    x: { min: 0, max: 100, label: { text: 'Time', position: 'right', size: 18, color: { light: '#713fff', dark: '#c4b5fd' } } },
-    y: { min: 0, max: 100, label: { text: 'Value', position: 'top', size: 12, color: { light: '#c2410c', dark: '#fdba74' } } },
+    x: { min: 0, max: 100, label: { text: 'Time', position: 'right', font: { size: 18, color: { light: '#713fff', dark: '#c4b5fd' } } } },
+    y: { min: 0, max: 100, label: { text: 'Value', position: 'top', font: { size: 12, color: { light: '#c2410c', dark: '#fdba74' } } } },
   } }
 }
 
@@ -3586,10 +3790,10 @@ function base(): PlotArgs<Node> {
 
 function axisLabelsOpposite(): PlotArgs<Node> {
   return { ...base(), margin: { top: 44, right: 28, bottom: 62, left: 94 }, axis: {
-    x: { min: 0, max: 100, label: { text: 'Time', position: 'left', size: 12,
-      color: { light: '#c2410c', dark: '#fdba74' } } },
-    y: { min: 0, max: 100, label: { text: 'Value', position: 'bottom', size: 20,
-      color: { light: '#713fff', dark: '#c4b5fd' } } },
+    x: { min: 0, max: 100, label: { text: 'Time', position: 'left', font: { size: 12,
+      color: { light: '#c2410c', dark: '#fdba74' } } } },
+    y: { min: 0, max: 100, label: { text: 'Value', position: 'bottom', font: { size: 20,
+      color: { light: '#713fff', dark: '#c4b5fd' } } } },
   } }
 }
 
@@ -3603,8 +3807,7 @@ document.body.append(plot)
 | Field | Type | Default | Description |
 |---|---|---|---|
 | `text` | `string` | Required | Axis label text. |
-| `size?` | `number` | `12` | Font size in pixels. |
-| `color?` | [`ThemeColor`](#theme-colors) | Theme default | Label color. |
+| `font?` | `FontArg` | Role default | Text styling; replaces the former `size` and `color` fields. |
 | `position?` | `'center' \| 'left' \| 'right' \| 'top' \| 'bottom'` | `'center'` | Use `left` or `right` on x; `top` or `bottom` on y. |
 
 ### Tick labels
@@ -3635,8 +3838,8 @@ function base(): PlotArgs<Node> {
 
 function tickLabels(): PlotArgs<Node> {
   return { ...base(), margin: { top: 44, right: 28, bottom: 62, left: 94 }, axis: {
-    x: { min: 0, max: 100, label: 'Elapsed time', tick_label: { format: value => value + ' s', size: 10, color: { light: '#713fff', dark: '#c4b5fd' } } },
-    y: { min: 0, max: 100, label: 'Utilization', tick_label: { format: value => value + '%', size: 15, color: { light: '#c2410c', dark: '#fdba74' } } },
+    x: { min: 0, max: 100, label: 'Elapsed time', tick_label: { format: value => value + ' s', font: { size: 10, color: { light: '#713fff', dark: '#c4b5fd' } } } },
+    y: { min: 0, max: 100, label: 'Utilization', tick_label: { format: value => value + '%', font: { size: 15, color: { light: '#c2410c', dark: '#fdba74' } } } },
   } }
 }
 
@@ -3650,8 +3853,7 @@ Use `TickLabelArg` at `axis.x.tick_label` or `axis.y.tick_label`:
 | Field | Type | Default | Description |
 |---|---|---|---|
 | `format?` | `(value: number \| string, index: number) => string` | Scale-dependent | Format each tick value. Return `''` for an empty label. |
-| `size?` | `number` | `10` | Font size in pixels. |
-| `color?` | [`ThemeColor`](#theme-colors) | Theme default | Tick label color. |
+| `font?` | `FontArg` | Role default | Text styling; replaces the former `size` and `color` fields. |
 
 ### Series colors
 
@@ -3977,8 +4179,8 @@ grid lines, and the plot border. Use `background` for the plot fill and each
 series’ `color` for its marks. These colors accept `{ light, dark }` pairs.
 Plain color strings remain subject to the plot’s `theme_invert` setting.
 
-Set text colors separately with `title.color`, `axis.x.label.color`,
-`axis.y.label.color`, `axis.x.tick_label.color`, and `axis.y.tick_label.color`.
+Set text colors separately with `title.font.color`, `axis.x.label.font.color`,
+`axis.y.label.font.color`, `axis.x.tick_label.font.color`, and `axis.y.tick_label.font.color`.
 
 With the JSX `Plot` component, return content supported by your renderer from a
 series’ [`tooltip`](#tooltips) callback and style it like other markup. Anta’s

package/docs/theming.md

@@ -14,7 +14,8 @@ import '@antadesign/anta/theme-antune.css' // Choose one theme included in the p
 
 ## Fonts in a theme
 
-Without a reference theme, `tokens.css` defines three system font stacks:
+Anta's themes do not load fonts. `tokens.css` defines three system font stacks,
+which the optional themes preserve:
 
 ```css
 :root, .light {
@@ -27,14 +28,14 @@ Without a reference theme, `tokens.css` defines three system font stacks:
 ```
 
 Components and theme rules choose which variable to use. For example, body text
-can use `--sans-serif` while a particular title style uses `--serif`. Without a
-theme, Anta does not force font-specific stylistic sets or variable-font axes.
+can use `--sans-serif` while a particular title style uses `--serif`. Package
+styles do not force font-specific stylistic sets or variable-font axes.
 
-You can register your fonts and redefine the stacks in a custom theme stylesheet
-such as `theme.css`:
+Host your font files in your application and register them in a separate
+stylesheet such as `fonts.css`. Load it after Anta's styles and optional theme:
 
 ```css
-/* theme.css */
+/* fonts.css */
 @font-face {
   font-family: "App Sans";
   src: url("/fonts/app-sans.woff2") format("woff2");
@@ -50,13 +51,12 @@ such as `theme.css`:
 }
 ```
 
-The **Antune** and **Antithesis** themes included with Anta use custom fonts that
-require separate licenses. If your application does not have those licenses,
-redefine all three font variables as shown above.
+Alternatively, use the [Google Fonts CSS API](https://developers.google.com/fonts/docs/css2)
+to load your chosen families. This example includes regular and italic styles:
 
 ```css
-/* theme.css */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@400;600&family=Source+Serif+4:wght@400;600&display=swap");
+/* fonts.css: place @import before other rules. */
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,600;1,400;1,600&family=JetBrains+Mono:ital,wght@0,400;0,600;1,400;1,600&family=Source+Serif+4:ital,wght@0,400;0,600;1,400;1,600&display=swap");
 
 :root {
   --sans-serif: "Inter", sans-serif;
@@ -65,8 +65,17 @@ redefine all three font variables as shown above.
 }
 ```
 
-After you redefine these three variables, the theme fonts are not used or
-downloaded (exactly what we want in this case).
+Choose the styles and weights your app uses. Loading Google Fonts makes requests
+to Google's servers; self-host font files when you need all assets on your own
+origin.
+
+The anta.design website loads its reference fonts through separate
+[Antune font CSS](https://anta.design/themes/fonts-antune.css) and
+[Antithesis font CSS](https://anta.design/themes/fonts-antithesis.css). These
+site stylesheets show the website's font-face declarations, font stacks, and
+font-specific axis settings. They are examples of application font setup and
+are not imported by the published themes. Use your own font stylesheet and
+font sources in your application.
 
 <a id="color-seeds"></a>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antadesign/anta",
-  "version": "0.3.32",
+  "version": "0.3.34",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -23,6 +23,7 @@
       "types": "./dist/elements/index.d.ts",
       "default": "./dist/elements/index.js"
     },
+    "./elements/*.css": "./dist/elements/*.css",
     "./elements/*": {
       "types": "./dist/elements/*.d.ts",
       "default": "./dist/elements/*.js"
@@ -61,7 +62,9 @@
     "build:docs": "pnpm --filter anta-site run docs:api && pnpm --filter anta-site run docs:pages && node scripts/generate-package-docs.mjs",
     "audit:contrast": "node scripts/audit-contrast.mjs",
     "dev": "node scripts/dev.mjs",
-    "dev:run": "echo $$ > \"$ANTA_DEV_PID_FILE\"; trap 'rm -f \"$ANTA_DEV_PID_FILE\"' EXIT; pnpm run build:dev && pnpm --filter @antadesign/stickers run build:dev && pnpm --filter @antadesign/plot run build:dev && (node scripts/dev-watch.mjs & pnpm --filter anta-site run dev:server & pnpm --filter anta-site run dev:search & wait)",
+    "docs-fix": "node scripts/docs-fix.mjs",
+    "docs-review": "node scripts/docs-review.mjs",
+    "dev:run": "echo $$ > \"$ANTA_DEV_PID_FILE\"; trap 'rm -f \"$ANTA_DEV_PID_FILE\"' EXIT; pnpm run build:dev && pnpm --filter @antadesign/stickers run build:dev && pnpm --filter @antadesign/plot run build:dev && pnpm --filter @antadesign/typedoc-theme run build:dev && (node scripts/dev-watch.mjs & pnpm --filter anta-site run dev:server & (if [ \"$ANTA_DEV_WRANGLER\" = \"1\" ]; then pnpm --filter anta-site run dev:search; fi) & wait)",
     "stop": "node scripts/dev-stop.mjs",
     "typecheck": "tsc --noEmit -p src/tsconfig.json",
     "test": "node --test tests/*.test.mjs",
@@ -73,10 +76,10 @@
     "prepare": "pnpm run build",
     "prepublishOnly": "pnpm run build",
     "prepack": "pnpm run build:docs",
-    "test:harness": "node scripts/test-harness.mjs"
+    "test:fuzz_component": "node tests/pbt/run.ts",
+    "test:consumers": "node tests/consumers/run.mjs"
   },
   "devDependencies": {
-    "@antithesishq/bombadil": "0.7.5",
     "@types/react": "19.3.0",
     "@typescript/native": "npm:typescript@7.0.2",
     "axe-core": "4.13.0",