@czi-sds/mcp 0.20.1 → 0.21.0

package/data/component-docs/index.json

@@ -54,6 +54,11 @@
     "package": "@czi-sds/components",
     "source": "packages/components/src/core/CellHeader/__storybook__/docs/content.html"
   },
+  "Chip": {
+    "file": "Chip.md",
+    "package": "@czi-sds/components",
+    "source": "packages/components/src/core/Chip/__storybook__/docs/content.html"
+  },
   "ComplexFilter": {
     "file": "ComplexFilter.md",
     "package": "@czi-sds/components",
@@ -244,11 +249,6 @@
     "package": "@czi-sds/components",
     "source": "packages/components/src/core/Tag/__storybook__/docs/content.html"
   },
-  "TagFilter": {
-    "file": "TagFilter.md",
-    "package": "@czi-sds/components",
-    "source": "packages/components/src/core/TagFilter/__storybook__/docs/content.html"
-  },
   "Tooltip": {
     "file": "Tooltip.md",
     "package": "@czi-sds/components",

package/data/component-list.json

@@ -54,6 +54,7 @@
     "Tabs",
     "Tag",
     "TagFilter",
+    "TagLegacy",
     "Tooltip",
     "TooltipCondensed",
     "TooltipTable"

package/data/component-props/Button.json

@@ -18,6 +18,12 @@
         "isRequired": false,
         "type": "ReactNode"
       },
+      "disabled": {
+        "defaultValue": false,
+        "description": "If `true`, the component is disabled.",
+        "isRequired": false,
+        "type": "boolean"
+      },
       "endIcon": {
         "description": "Element placed after the children.",
         "isRequired": false,
@@ -51,12 +57,6 @@
         "isRequired": false,
         "type": "ReactNode"
       },
-      "disabled": {
-        "defaultValue": false,
-        "description": "If `true`, the component is disabled.",
-        "isRequired": false,
-        "type": "boolean"
-      },
       "href": {
         "description": "The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",
         "isRequired": false,

package/data/component-props/Chip.json

@@ -0,0 +1,30 @@
+{
+  "Chip": {
+    "props": {
+      "label": {
+        "defaultValue": "- (required)",
+        "description": "The filter's text. Cut off with an ellipsis when there is not room for it.",
+        "isRequired": true,
+        "type": "string"
+      },
+      "sdsStyle": {
+        "defaultValue": "solid",
+        "description": "`solid` fills the chip with the accent color. `outline` tints it and\ndraws the label, the X and a 1px border in the accent color.",
+        "isRequired": false,
+        "type": "\"outline\" | \"solid\""
+      },
+      "onDelete": {
+        "defaultValue": "- (required)",
+        "description": "Runs when the chip is clicked or activated with Enter or Space, and when\nBackspace or Delete is pressed on it. Drop the filter from your state\nhere; the component does not remove itself.",
+        "isRequired": true,
+        "type": "(event: any) => void"
+      },
+      "aria-label": {
+        "defaultValue": "Remove {label}",
+        "description": "The chip's accessible name, \"Remove\" followed by the label unless set.\nOverride it to word the removal differently.",
+        "isRequired": false,
+        "type": "string"
+      }
+    }
+  }
+}

package/data/component-props/Dropdown.json

@@ -41,6 +41,12 @@
         "isRequired": false,
         "type": "boolean"
       },
+      "isTriggerChangeOnOptionClick": {
+        "defaultValue": false,
+        "description": "When set to true, changes in Dropdown selections are applied in real-time to the react state.",
+        "isRequired": false,
+        "type": "boolean"
+      },
       "label": {
         "description": "The label of the Dropdown.",
         "isRequired": true,
@@ -78,12 +84,6 @@
         "isRequired": false,
         "type": "string"
       },
-      "isTriggerChangeOnOptionClick": {
-        "defaultValue": false,
-        "description": "When set to true, changes in Dropdown selections are applied in real-time to the react state.",
-        "isRequired": false,
-        "type": "boolean"
-      },
       "value": {
         "description": "The value of the autocomplete.\n\nThe value must have reference equality with the option in order to be selected.\nYou can customize the equality behavior with the `isOptionEqualToValue` prop.",
         "isRequired": false,

package/data/component-props/InputSlider.json

@@ -1,6 +1,11 @@
 {
   "InputSlider": {
     "props": {
+      "defaultValue": {
+        "description": "The default value. Use when the component is not controlled.",
+        "isRequired": false,
+        "type": "number | number[]"
+      },
       "disabled": {
         "defaultValue": false,
         "description": "If `true`, the component is disabled.",
@@ -37,11 +42,6 @@
         "isRequired": false,
         "type": "\"off\" | \"on\" | \"auto\""
       },
-      "defaultValue": {
-        "description": "The default value. Use when the component is not controlled.",
-        "isRequired": false,
-        "type": "number | number[]"
-      },
       "value": {
         "description": "The value of the slider.\nFor ranged sliders, provide an array with two values.",
         "isRequired": false,

package/data/component-props/LoadingIndicator.json

@@ -1,17 +1,17 @@
 {
   "LoadingIndicator": {
     "props": {
-      "sdsStyle": {
-        "defaultValue": "- (required)",
-        "description": "Chooses between the two variants above. It has no default: leaving it out is a type error, and an indicator built without it renders unstyled.",
-        "isRequired": true,
-        "type": "\"minimal\" | \"tag\""
-      },
       "aria-label": {
         "defaultValue": "undefined",
         "description": "Replaces what a screen reader announces for the status region, for example \"Loading cell types\". The visible text still reads \"Loading\". Without it, assistive technology announces the visible word.",
         "isRequired": false,
         "type": "string"
+      },
+      "sdsStyle": {
+        "defaultValue": "- (required)",
+        "description": "Chooses between the two variants above. It has no default: leaving it out is a type error, and an indicator built without it renders unstyled.",
+        "isRequired": true,
+        "type": "\"minimal\" | \"tag\""
       }
     }
   }

package/data/component-props/Menu.json

@@ -0,0 +1,74 @@
+{
+  "Menu": {
+    "props": {
+      "anchorOrigin": {
+        "defaultValue": "{\nvertical: top,\nhorizontal: left,\n}",
+        "description": "This is the point on the anchor where the popover's\n`anchorEl` will attach to. This is not used when the\nanchorReference is 'anchorPosition'.\n\nOptions:\nvertical: [top, center, bottom];\nhorizontal: [left, center, right].",
+        "isRequired": false,
+        "type": "PopoverOrigin"
+      },
+      "transformOrigin": {
+        "defaultValue": "{\nvertical: top,\nhorizontal: left,\n}",
+        "description": "This is the point on the popover which\nwill attach to the anchor's origin.\n\nOptions:\nvertical: [top, center, bottom, x(px)];\nhorizontal: [left, center, right, x(px)].",
+        "isRequired": false,
+        "type": "PopoverOrigin"
+      },
+      "open": {
+        "description": "If `true`, the component is shown.",
+        "isRequired": true,
+        "type": "boolean"
+      },
+      "anchorEl": {
+        "description": "An HTML element, or a function that returns one.\nIt's used to set the position of the menu.",
+        "isRequired": false,
+        "type": "Element | PopoverVirtualElement | () => Element | PopoverVirtualElement | null | null"
+      },
+      "children": {
+        "description": "Menu contents, normally `MenuItem`s.",
+        "isRequired": false,
+        "type": "ReactNode"
+      },
+      "onClose": {
+        "description": "Callback fired when the component requests to be closed.\n@param event The event source of the callback.\n@param reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`, `\"tabKeyDown\"`.",
+        "isRequired": false,
+        "type": "(event: {}, reason: \"backdropClick\" | \"escapeKeyDown\") => void"
+      },
+      "variant": {
+        "defaultValue": "selectedMenu",
+        "description": "The variant to use. Use `menu` to prevent selected items from impacting the initial focus.",
+        "isRequired": false,
+        "type": "\"menu\" | \"selectedMenu\""
+      },
+      "autoFocus": {
+        "defaultValue": true,
+        "description": "If `true` (Default) will focus the `[role=\"menu\"]` if no focusable child is found. Disabled\nchildren are not focusable. If you set this prop to `false` focus will be placed\non the parent modal container. This has severe accessibility implications\nand should only be considered if you manage focus otherwise.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "slotProps": {
+        "defaultValue": {},
+        "description": "The props used for each slot inside.",
+        "isRequired": false,
+        "type": "{ root?: SlotProps<ElementType<ModalProps, keyof IntrinsicElements>, MenuRootSlotPropsOverrides, MenuOwnerState> | undefined; paper?: SlotProps<...> | undefined; list?: SlotProps<...> | undefined; transition?: SlotComponentProps<...> | undefined; backdrop?: SlotProps<...> | undefined; }"
+      },
+      "keepMounted": {
+        "defaultValue": false,
+        "description": "Always keep the children in the DOM.\nThis prop can be useful in SEO situation or\nwhen you want to maximize the responsiveness of the Modal.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "disablePortal": {
+        "defaultValue": false,
+        "description": "The `children` will be under the DOM hierarchy of the parent component.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "transitionDuration": {
+        "defaultValue": "auto",
+        "description": "The length of the transition in `ms`, or 'auto'",
+        "isRequired": false,
+        "type": "number | { appear?: number | undefined; enter?: number | undefined; exit?: number | undefined; } | \"auto\""
+      }
+    }
+  }
+}

package/data/component-props/NavigationFooter.json

@@ -38,9 +38,9 @@
         "type": "string"
       },
       "tagColor": {
-        "description": "The Tag's color. A tuple sets the label, background, and icon colors by hand.",
+        "description": "The intent of the small, solid Tag beside the title. A tuple sets the label, background, and icon colors by hand.",
         "isRequired": false,
-        "type": "\"info\" | \"negative\" | \"notice\" | \"positive\" | \"neutral\" | \"beta\" | [string, string] | [string, string, string]"
+        "type": "\"info\" | \"accent\" | \"negative\" | \"notice\" | \"positive\" | \"beta\" | \"neutral\" | [string, string] | [string, string, string]"
       },
       "title": {
         "description": "The main title displayed in the footer.",

package/data/component-props/NavigationHeader.json

@@ -91,9 +91,9 @@
       },
       "tagColor": {
         "defaultValue": "neutral",
-        "description": "The color of the tag label.",
+        "description": "The intent of the small, solid Tag beside the title, or custom colors as [label, background] or [label, background, icon].",
         "isRequired": false,
-        "type": "\"info\" | \"negative\" | \"notice\" | \"positive\" | \"neutral\" | \"beta\" | [string, string] | [string, string, string]"
+        "type": "\"info\" | \"accent\" | \"negative\" | \"notice\" | \"positive\" | \"beta\" | \"neutral\" | [string, string] | [string, string, string]"
       },
       "title": {
         "description": "The main title displayed in the header.",

package/data/component-props/Notification.json

@@ -17,6 +17,11 @@
         "isRequired": false,
         "type": "\"left\" | \"right\""
       },
+      "buttonText": {
+        "description": "The label of the action button shown beneath the content. It only renders alongside buttonOnClick.",
+        "isRequired": false,
+        "type": "string"
+      },
       "icon": {
         "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`.",
         "isRequired": false,
@@ -52,11 +57,6 @@
         "description": "Hides the Notification when set to true. Changing it back to false brings the Notification back, which is how a dismissed Notification is restored.",
         "isRequired": false,
         "type": "boolean"
-      },
-      "buttonText": {
-        "description": "The label of the action button shown beneath the content. It only renders alongside buttonOnClick.",
-        "isRequired": false,
-        "type": "string"
       }
     }
   }

package/data/component-props/PreComposedTable.json

@@ -12,6 +12,11 @@
         "isRequired": false,
         "type": "ColumnDef<TData>[]"
       },
+      "data": {
+        "description": "Array of data objects to display in the table rows",
+        "isRequired": false,
+        "type": "TData[]"
+      },
       "enableColumnFiltering": {
         "defaultValue": false,
         "description": "Adds a filter row under the header. Each column gets a search input unless its meta supplies a filterComponent",
@@ -74,10 +79,11 @@
         "isRequired": false,
         "type": "Partial<TableRowProps>"
       },
-      "data": {
-        "description": "Array of data objects to display in the table rows",
+      "tableWidth": {
+        "defaultValue": "100%",
+        "description": "Sets the width of the table container",
         "isRequired": false,
-        "type": "TData[]"
+        "type": "string"
       },
       "className": {
         "description": "CSS class name to apply to the table container",
@@ -89,12 +95,6 @@
         "isRequired": false,
         "type": "React.CSSProperties"
       },
-      "tableWidth": {
-        "defaultValue": "100%",
-        "description": "Sets the width of the table container",
-        "isRequired": false,
-        "type": "string"
-      },
       "pinning": {
         "description": "Sticks the column to that edge while the table scrolls sideways, with a gradient at the edge once there is something hidden behind it",
         "isRequired": false,

package/data/component-props/ProteinStructureViewer.json

@@ -1,16 +1,32 @@
 {
   "ProteinStructureViewer": {
     "props": {
+      "structure": {
+        "defaultValue": "- (required)",
+        "description": "Structure to render, as raw PDB or mmCIF (PDBx) text.",
+        "isRequired": true,
+        "type": "string"
+      },
       "backgroundColor": {
         "description": "Canvas background, as `#RRGGBB`. Defaults to the SDS theme's base\nbackground, so the canvas follows the surrounding page in both modes.",
         "isRequired": false,
         "type": "string"
       },
       "chainColors": {
-        "description": "Color per chain, by `chainId`, as `#RRGGBB`. Chains left out fall back to\nthe viewer's palette. Only visible while chain coloring is what is on\nscreen, which is when neither `plddt` nor `residueOverlay` is set.",
+        "description": "Color per chain, by `chainId`, as `#RRGGBB`. Chains left out fall back to\nthe viewer's palette. Only visible while chain coloring is what is on\nscreen: when `colorBy` says so, or, left undefined, when neither `plddt`\nnor `residueOverlay` is set.",
         "isRequired": false,
         "type": "Record<string, string>"
       },
+      "plddt": {
+        "description": "Per-residue pLDDT confidence on a 0-1 scale, ordered by residue. When\nsupplied the structure is colored by pLDDT unless `residueOverlay` takes\nover. A `null` entry, and every residue past the end, reads as unscored\nand is painted neutral rather than at the bottom of the scale.",
+        "isRequired": false,
+        "type": "(number | null)[] | null"
+      },
+      "residueOverlay": {
+        "description": "Per-residue values that override pLDDT coloring while set.",
+        "isRequired": false,
+        "type": "ResidueValueOverlay | null"
+      },
       "hiddenChains": {
         "description": "Chains hidden from the 3D view, by `chainId`. Leave undefined to let the\nviewer own visibility itself, which is what the chain legend's toggles\ndrive; passing it takes that over, and the toggles then only report.",
         "isRequired": false,
@@ -26,6 +42,43 @@
         "isRequired": false,
         "type": "Partial<PluginUISpec>"
       },
+      "sceneMode": {
+        "defaultValue": "managed",
+        "description": "Who draws the structure.\n\n`\"managed\"` draws each chain as a cartoon and its ligands as\nball-and-stick, colors them from `plddt`, `residueOverlay` and\n`chainColors`, hides the chains `hiddenChains` names, and frames the camera\non each structure it loads.\n\n`\"external\"` parses the structure and stops there: nothing is drawn,\ncolored, hidden or framed, and a consumer draws its own scene on the\nstructure `onReady` hands it. The sequence panel, selection, hover, legend\nand camera controls work as before; the legend describes the props rather\nthan what the consumer drew, and its chain toggles report through\n`onChainVisibilityChange` without hiding anything. Mol* frames the camera\non the first representation drawn into the empty scene.\n\nRead once, when the plugin is created.",
+        "isRequired": false,
+        "type": "\"managed\" | \"external\""
+      },
+      "colorBy": {
+        "description": "What paints the structure. Left undefined it follows what is supplied: a\n`residueOverlay` when there is one, then `plddt`, then the chain colors.\nNaming one makes it paint whatever else is set, which is how a toggle\nbetween confidence and chain coloring keeps both props in place. A theme\nwith nothing to paint with leaves every residue neutral.",
+        "isRequired": false,
+        "type": "\"overlay\" | \"plddt\" | \"chain\""
+      },
+      "highlights": {
+        "description": "Residues picked out in colors of their own, by the address the file gives\nthem. They paint over whatever colors the rest - chain, pLDDT or overlay -\nand are drawn in ball-and-stick over the cartoon; on a surface, the\nsurface itself carries them. Separate from `selection`: highlighting a\nresidue neither selects it nor moves the camera.",
+        "isRequired": false,
+        "type": "ResidueHighlight[]"
+      },
+      "initialCamera": {
+        "description": "Where the camera starts on each structure loaded, in place of fitting it\nto the structure. Applied once per load; moving the camera afterwards is\nthe user's.",
+        "isRequired": false,
+        "type": "CameraState | null"
+      },
+      "orientation": {
+        "description": "Turns the camera to look at the highlighted residues from one side or\nanother. Applied when a structure is loaded, unless `initialCamera` is\nset, and whenever it changes - not when the highlights do.",
+        "isRequired": false,
+        "type": "\"overview\" | \"facing\" | \"opposite\" | \"side\""
+      },
+      "projection": {
+        "description": "The camera's projection. Left undefined, Mol*'s own default stands.",
+        "isRequired": false,
+        "type": "\"perspective\" | \"orthographic\""
+      },
+      "representation": {
+        "defaultValue": "cartoon",
+        "description": "How the polymer is drawn. Ligands stay ball-and-stick either way.\nSwitching leaves the camera where it is.",
+        "isRequired": false,
+        "type": "\"cartoon\" | \"surface\""
+      },
       "disableChainHighlightOnHover": {
         "defaultValue": false,
         "description": "Stop other chains from dimming in the 3D view while a chain's name is\npointed at, in the legend or above its grid in the sequence panel.\n\nThe dim is on by default, since on a complex it is how a reader finds out\nwhich chain is which. Turn it off where the movement is more distracting\nthan the answer is useful - a grid of viewers a pointer crosses on its way\nsomewhere else, or a page driving its own highlighting through `selection`.",
@@ -55,6 +108,11 @@
         "isRequired": false,
         "type": "string"
       },
+      "sequenceViewerHeight": {
+        "description": "Height of the sequence panel, as any CSS length; a number is read as\npixels, and a percentage is of the viewer's own height. The 3D view and the\nlegend move up to make room for it. Ignored while `showSequenceViewer` is\noff.\n\nLeft undefined, the panel takes `max(104px, 30%)` of the viewer, growing to\n`max(134px, 32%)` once the viewer is 880px wide or more. A height set here\nholds at every width.",
+        "isRequired": false,
+        "type": "string | number"
+      },
       "showSequenceViewer": {
         "defaultValue": true,
         "description": "Show the sequence panel pinned along the bottom of the viewer.",
@@ -66,33 +124,6 @@
         "isRequired": false,
         "type": "(StructureStat | null)[]"
       },
-      "resolution": {
-        "defaultValue": "medium",
-        "description": "1280x720, 1920x1080, 3840x2160 and 7680x4320 respectively. Also exported as DOWNLOAD_RESOLUTIONS, for labelling a control of your own.",
-        "isRequired": false,
-        "type": "\"low\" | \"medium\" | \"high\" | \"maximum\""
-      },
-      "filename": {
-        "description": "Name for the file, without an extension. Defaults to the one Mol* derives from the loaded structure.",
-        "isRequired": false,
-        "type": "string"
-      },
-      "structure": {
-        "defaultValue": "- (required)",
-        "description": "Structure to render, as raw PDB or mmCIF (PDBx) text.",
-        "isRequired": true,
-        "type": "string"
-      },
-      "plddt": {
-        "description": "Per-residue pLDDT confidence on a 0-1 scale, ordered by residue. When\nsupplied the structure is colored by pLDDT unless `residueOverlay` takes\nover.",
-        "isRequired": false,
-        "type": "number[] | null"
-      },
-      "residueOverlay": {
-        "description": "Per-residue values that override pLDDT coloring while set.",
-        "isRequired": false,
-        "type": "ResidueValueOverlay | null"
-      },
       "selection": {
         "description": "What is selected, or null when nothing is. Leave undefined to let the\nviewer own the selection, so clicking a residue zooms in on it with no\nstate on the consumer's side; passing it takes that over, and a click then\nmoves the camera only once `onSelectionChange` is echoed back here.\n\nEither way the camera frames whatever the selection covers, and clearing\nit zooms back out to the default view. Residues are drawn in\nball-and-stick over the cartoon; whole chains are left as they are and the\nchains around them dim, the same as hovering a chain's name.",
         "isRequired": false,
@@ -123,85 +154,30 @@
         "isRequired": false,
         "type": "(hiddenChains: string[]) => void"
       },
-      "residues": {
-        "description": "0-based residue indices, counting residues in file order across the whole structure - the same index plddt and residueOverlay are keyed by.",
-        "isRequired": false,
-        "type": "number[]"
-      },
-      "chains": {
-        "description": "Whole chains by chainId, each standing for every residue on it. Kept as named rather than expanded into indices, so a whole-chain selection survives a round trip through a consumer's state at its original size.",
-        "isRequired": false,
-        "type": "string[]"
-      },
-      "chainId": {
-        "defaultValue": "- (required)",
-        "description": "Chain as named in the file (auth_asym_id), e.g. \"A\".",
+      "onCameraChange": {
+        "description": "Called with the camera each time it comes to rest after moving, whether a\ndrag, a zoom, a selection framing it, or a new structure fitting it. The\nstate can be handed back as `initialCamera` to restore the view.",
         "isRequired": false,
-        "type": "string"
+        "type": "(camera: CameraState) => void"
       },
-      "startIndex": {
-        "defaultValue": "- (required)",
-        "description": "Lowest 0-based residue index of the chain's polymer.",
+      "onStructureLoad": {
+        "description": "Called for every structure that loads, reloads included - unlike\n`onChainsChange`, which stays quiet when the chains come back the same.\nWhat a consumer tracking \"loading\" and \"ready\" states listens for.",
         "isRequired": false,
-        "type": "number"
+        "type": "(info: StructureLoadInfo) => void"
       },
-      "endIndex": {
-        "defaultValue": "- (required)",
-        "description": "Highest 0-based residue index of the chain's polymer.",
+      "onReady": {
+        "description": "Called with the Mol* plugin once a structure is loaded into it, and again\nfor each structure that replaces it, which is how a consumer reaches the\nplugin to draw on it or drive it directly.\n\nCalled once the viewer has drawn its own scene, and awaited before it\nstarts answering clicks and hovers, so a scene built here is in place\nbefore a click reaches it. The viewer only ever recolors, hides or\nreplaces the components it built itself, so representations added here\nare left as they were made. Not called for a structure that failed to\nload, or for a plugin the viewer disposed of first.",
         "isRequired": false,
-        "type": "number"
+        "type": "(plugin: PluginUIContext, loaded: LoadedStructureInfo) => void | Promise<void>"
       },
-      "residueCount": {
-        "defaultValue": "- (required)",
-        "description": "Polymer residues the chain holds.",
+      "onError": {
+        "description": "Called when creating the plugin, loading a structure, capturing an image or\ndrawing a representation fails, in place of the message the viewer would\notherwise log. A rejected `onReady` is reported as a `\"load\"` failure.\nNothing is reported for a plugin the viewer has already disposed of.",
         "isRequired": false,
-        "type": "number"
+        "type": "(error: unknown, phase: ViewerErrorPhase) => void"
       },
-      "values": {
-        "defaultValue": "- (required)",
-        "description": "0-based residue index to value. Residues absent from the map read as 0, so they render in the neutral gray rather than at the bottom of the scale.",
+      "onDispose": {
+        "description": "Called before the viewer disposes of a plugin it handed to `onReady`,\nincluding one whose `onReady` has not finished, so that whatever was built\non it can be let go.",
         "isRequired": false,
-        "type": "Map<number, number>"
-      },
-      "max": {
-        "defaultValue": "- (required)",
-        "description": "The value mapped to the top of the color scale.",
-        "isRequired": false,
-        "type": "number"
-      },
-      "min": {
-        "defaultValue": 0,
-        "description": "Values at or below this render in a neutral gray rather than on the scale.",
-        "isRequired": false,
-        "type": "number"
-      },
-      "colorScale": {
-        "defaultValue": "PLASMA_COLOR_SCALE",
-        "description": "Scale used to color residues and to draw the legend.",
-        "isRequired": false,
-        "type": "ColorScale"
-      },
-      "tooltip": {
-        "description": "Help tooltip title on the legend caption. A string is enough for the common case; use tooltipProps for a subtitle, a custom body, or placement. Overrides tooltipProps.title when both are set.",
-        "isRequired": false,
-        "type": "string"
-      },
-      "tooltipProps": {
-        "description": "Props forwarded to the SDS Tooltip on the legend caption. The trigger is the caption's help icon, so children is omitted.",
-        "isRequired": false,
-        "type": "Partial<Omit<TooltipProps, \"children\">>"
-      },
-      "readoutLabel": {
-        "defaultValue": "Value",
-        "description": "Label for the per-residue readout that replaces a stat slot on hover.",
-        "isRequired": false,
-        "type": "string"
-      },
-      "value": {
-        "defaultValue": "- (required)",
-        "description": "The stat's value, already formatted for display.",
-        "isRequired": false,
-        "type": "string"
+        "type": "() => void"
       }
     }
   }