@knpkv/rly 0.8.0 → 0.10.0

package/registry/components.json

@@ -561,7 +561,7 @@
       "name": "Button",
       "props": {
         "defaults": {
-          "size": "default",
+          "size": "dense",
           "variant": "secondary"
         },
         "types": [
@@ -573,6 +573,7 @@
       "states": [
         "compact",
         "default",
+        "dense",
         "disabled",
         "loading",
         "primary",
@@ -583,7 +584,7 @@
       "status": "stable",
       "variants": [
         {
-          "defaultValue": "default",
+          "defaultValue": "dense",
           "description": "Controls the size presentation axis of Button.",
           "name": "size",
           "values": [
@@ -595,6 +596,10 @@
               "description": "Use default for the size presentation.",
               "name": "default"
             },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
+            },
             {
               "description": "Use principal for the size presentation.",
               "name": "principal"
@@ -622,6 +627,87 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "explain",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-chartlegend--all-series",
+        "storyPath": "?path=/story/primitives-chartlegend--all-series"
+      },
+      "example": "import { ChartLegend } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "ChartLegend"
+        },
+        {
+          "kind": "type",
+          "name": "ChartLegendProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_SERIES"
+        },
+        {
+          "kind": "type",
+          "name": "RlyChartLegendItem"
+        },
+        {
+          "kind": "type",
+          "name": "RlySeries"
+        },
+        {
+          "kind": "value",
+          "name": "rlySeriesColor"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/ChartLegend.tsx",
+        "story": "stories/primitives/ChartLegend.stories.tsx",
+        "styles": [
+          "src/primitives/ChartLegend.module.css"
+        ],
+        "tests": [
+          "test/primitives/ChartLegend.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "ChartLegend",
+      "props": {
+        "defaults": {},
+        "types": [
+          "ChartLegendProps"
+        ]
+      },
+      "purpose": "Say which colour is which series, a square swatch before each label",
+      "slots": [],
+      "states": [
+        "default",
+        "other",
+        "series"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -721,6 +807,108 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "decide",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-decisionbar--states",
+        "storyPath": "?path=/story/patterns-decisionbar--states"
+      },
+      "example": "import { DecisionBar } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "DecisionBar"
+        },
+        {
+          "kind": "type",
+          "name": "DecisionBarProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_DECISION_BAR_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_DECISION_BAR_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyDecisionBarPlacement"
+        },
+        {
+          "kind": "type",
+          "name": "RlyDecisionBarState"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/DecisionBar.tsx",
+        "story": "stories/patterns/DecisionBar.stories.tsx",
+        "styles": [
+          "src/patterns/DecisionBar.module.css"
+        ],
+        "tests": [
+          "test/patterns/DecisionBar.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "DecisionBar",
+      "props": {
+        "defaults": {
+          "placement": "inline"
+        },
+        "types": [
+          "DecisionBarProps"
+        ]
+      },
+      "purpose": "Approve or reject one named target, with an off reason, a clock and the server's answer",
+      "slots": [],
+      "states": [
+        "default",
+        "inline",
+        "off",
+        "ready",
+        "sending",
+        "sticky"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "inline",
+          "description": "Controls the placement presentation axis of DecisionBar.",
+          "name": "placement",
+          "values": [
+            {
+              "description": "Use inline for the placement presentation.",
+              "name": "inline"
+            },
+            {
+              "description": "Use sticky for the placement presentation.",
+              "name": "sticky"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -1366,7 +1554,7 @@
         "storyId": "diff-diffcodeview--worker-states",
         "storyPath": "?path=/story/diff-diffcodeview--worker-states"
       },
-      "example": "import { createDiffWorkerFactory } from \"@knpkv/rly/diff\"",
+      "example": "import { DiffWorkerProvider } from \"@knpkv/rly/diff\"",
       "exports": [
         {
           "kind": "value",
@@ -1867,7 +2055,7 @@
       "name": "Field",
       "props": {
         "defaults": {
-          "size": "default"
+          "size": "dense"
         },
         "types": [
           "FieldControlProps",
@@ -1880,12 +2068,13 @@
       ],
       "states": [
         "compact",
-        "default"
+        "default",
+        "dense"
       ],
       "status": "stable",
       "variants": [
         {
-          "defaultValue": "default",
+          "defaultValue": "dense",
           "description": "Controls the size presentation axis of Field.",
           "name": "size",
           "values": [
@@ -1896,6 +2085,10 @@
             {
               "description": "Use default for the size presentation.",
               "name": "default"
+            },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
             }
           ]
         }
@@ -2162,6 +2355,141 @@
       "status": "stable",
       "variants": []
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "present",
+        "status"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-hero--states",
+        "storyPath": "?path=/story/patterns-hero--states"
+      },
+      "example": "import { Hero } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "Hero"
+        },
+        {
+          "kind": "type",
+          "name": "HeroProps"
+        },
+        {
+          "kind": "value",
+          "name": "HeroWord"
+        },
+        {
+          "kind": "type",
+          "name": "HeroWordProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_WORD_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyHeroSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyHeroWordTone"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/Hero.tsx",
+        "story": "stories/patterns/Hero.stories.tsx",
+        "styles": [
+          "src/patterns/Hero.module.css"
+        ],
+        "tests": [
+          "test/patterns/Hero.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "Hero",
+      "props": {
+        "defaults": {
+          "size": "heading"
+        },
+        "types": [
+          "HeroProps",
+          "HeroWordProps"
+        ]
+      },
+      "purpose": "State the one fact a screen leads with as a sentence, with an optional caption",
+      "slots": [
+        "HeroWord"
+      ],
+      "states": [
+        "blocked",
+        "default",
+        "display",
+        "heading",
+        "held",
+        "line"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "heading",
+          "description": "Controls the size presentation axis of Hero.",
+          "name": "size",
+          "values": [
+            {
+              "description": "Use display for the size presentation.",
+              "name": "display"
+            },
+            {
+              "description": "Use heading for the size presentation.",
+              "name": "heading"
+            },
+            {
+              "description": "Use line for the size presentation.",
+              "name": "line"
+            }
+          ]
+        },
+        {
+          "description": "Controls the tone presentation axis of Hero.",
+          "name": "tone",
+          "values": [
+            {
+              "description": "Use blocked for the tone presentation.",
+              "name": "blocked"
+            },
+            {
+              "description": "Use held for the tone presentation.",
+              "name": "held"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2333,7 +2661,7 @@
       "name": "IconButton",
       "props": {
         "defaults": {
-          "size": "default",
+          "size": "dense",
           "variant": "secondary"
         },
         "types": [
@@ -2345,6 +2673,7 @@
       "states": [
         "compact",
         "default",
+        "dense",
         "disabled",
         "loading",
         "primary",
@@ -2355,7 +2684,7 @@
       "status": "stable",
       "variants": [
         {
-          "defaultValue": "default",
+          "defaultValue": "dense",
           "description": "Controls the size presentation axis of IconButton.",
           "name": "size",
           "values": [
@@ -2367,6 +2696,10 @@
               "description": "Use default for the size presentation.",
               "name": "default"
             },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
+            },
             {
               "description": "Use principal for the size presentation.",
               "name": "principal"
@@ -2394,6 +2727,113 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "measure",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-limittrack--gallery",
+        "storyPath": "?path=/story/primitives-limittrack--gallery"
+      },
+      "example": "import { LimitTrack } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "LimitTrack"
+        },
+        {
+          "kind": "type",
+          "name": "LimitTrackProps"
+        },
+        {
+          "kind": "value",
+          "name": "limitTrackTone"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_LIMIT_TRACK_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_LIMIT_TRACK_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyLimitTrackSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyLimitTrackTone"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/LimitTrack.tsx",
+        "story": "stories/primitives/LimitTrack.stories.tsx",
+        "styles": [
+          "src/primitives/LimitTrack.module.css"
+        ],
+        "tests": [
+          "test/primitives/LimitTrack.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "LimitTrack",
+      "props": {
+        "defaults": {
+          "size": "default"
+        },
+        "types": [
+          "LimitTrackProps"
+        ]
+      },
+      "purpose": "Show how full a limit is, with a near mark, a projection, and a stale hatch",
+      "slots": [],
+      "states": [
+        "default",
+        "full",
+        "near",
+        "projected",
+        "slim",
+        "stale",
+        "unknown"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "default",
+          "description": "Controls the size presentation axis of LimitTrack.",
+          "name": "size",
+          "values": [
+            {
+              "description": "Use default for the size presentation.",
+              "name": "default"
+            },
+            {
+              "description": "Use slim for the size presentation.",
+              "name": "slim"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2838,6 +3278,104 @@
       "status": "stable",
       "variants": []
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "compose",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-region--states",
+        "storyPath": "?path=/story/patterns-region--states"
+      },
+      "example": "import { Region } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "Region"
+        },
+        {
+          "kind": "type",
+          "name": "RegionProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_REGION_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_REGION_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRegionHeadingLevel"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRegionTone"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/Region.tsx",
+        "story": "stories/patterns/Region.stories.tsx",
+        "styles": [
+          "src/patterns/Region.module.css"
+        ],
+        "tests": [
+          "test/patterns/Region.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "Region",
+      "props": {
+        "defaults": {
+          "tone": "default"
+        },
+        "types": [
+          "RegionProps"
+        ]
+      },
+      "purpose": "Frame one main page region as a surface with a single header: title, plain count, actions",
+      "slots": [],
+      "states": [
+        "default",
+        "tray"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "default",
+          "description": "Controls the tone presentation axis of Region.",
+          "name": "tone",
+          "values": [
+            {
+              "description": "Use default for the tone presentation.",
+              "name": "default"
+            },
+            {
+              "description": "Use tray for the tone presentation.",
+              "name": "tray"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2864,7 +3402,7 @@
         "storyId": "patterns-relationshipchain--cardinalities",
         "storyPath": "?path=/story/patterns-relationshipchain--cardinalities"
       },
-      "example": "import { RLY_RELATIONSHIP_DIRECTION_PRESENTATION } from \"@knpkv/rly/patterns\"",
+      "example": "import { RelationshipChain } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -3425,7 +3963,7 @@
         "storyId": "primitives-select--states",
         "storyPath": "?path=/story/primitives-select--states"
       },
-      "example": "import { RLY_SELECT_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Select } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -3466,7 +4004,7 @@
       "name": "Select",
       "props": {
         "defaults": {
-          "size": "default"
+          "size": "dense"
         },
         "types": [
           "SelectProps"
@@ -3477,12 +4015,13 @@
       "states": [
         "compact",
         "default",
+        "dense",
         "disabled"
       ],
       "status": "stable",
       "variants": [
         {
-          "defaultValue": "default",
+          "defaultValue": "dense",
           "description": "Controls the size presentation axis of Select.",
           "name": "size",
           "values": [
@@ -3493,6 +4032,10 @@
             {
               "description": "Use default for the size presentation.",
               "name": "default"
+            },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
             }
           ]
         }
@@ -3530,6 +4073,10 @@
           "kind": "value",
           "name": "RLY_COLOR_TOKEN_NAMES"
         },
+        {
+          "kind": "value",
+          "name": "RLY_CONTROL_HEIGHT_TOKEN_NAMES"
+        },
         {
           "kind": "value",
           "name": "RLY_MOTION_TOKEN_NAMES"
@@ -3550,6 +4097,10 @@
           "kind": "type",
           "name": "RlyColorToken"
         },
+        {
+          "kind": "type",
+          "name": "RlyControlHeightToken"
+        },
         {
           "kind": "type",
           "name": "RlyMotionToken"
@@ -3616,7 +4167,7 @@
         "storyId": "patterns-servicemark--gallery",
         "storyPath": "?path=/story/patterns-servicemark--gallery"
       },
-      "example": "import { RLY_SERVICE_MARK_DEFAULT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { ServiceMark } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -3745,7 +4296,7 @@
         "storyId": "primitives-sheet--interaction",
         "storyPath": "?path=/story/primitives-sheet--interaction"
       },
-      "example": "import { RLY_SHEET_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Sheet } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -3972,7 +4523,7 @@
         "storyId": "patterns-stagerail--states",
         "storyPath": "?path=/story/patterns-stagerail--states"
       },
-      "example": "import { RLY_STAGE_RAIL_DEFAULT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { StageRail } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -4026,7 +4577,8 @@
         "building",
         "compact",
         "complete",
-        "default"
+        "default",
+        "words"
       ],
       "status": "stable",
       "variants": [
@@ -4042,6 +4594,10 @@
             {
               "description": "Use default for the size presentation.",
               "name": "default"
+            },
+            {
+              "description": "Use words for the size presentation.",
+              "name": "words"
             }
           ]
         }
@@ -4473,7 +5029,7 @@
         "storyId": "primitives-tabs--interaction",
         "storyPath": "?path=/story/primitives-tabs--interaction"
       },
-      "example": "import { RLY_TABS_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Tabs } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -4741,7 +5297,7 @@
         "storyId": "foundations-themeprovider--controlled",
         "storyPath": "?path=/story/foundations-themeprovider--controlled"
       },
-      "example": "import { RLY_THEME_NAMES } from \"@knpkv/rly/foundations\"",
+      "example": "import { ThemeProvider } from \"@knpkv/rly/foundations\"",
       "exports": [
         {
           "kind": "value",
@@ -4877,7 +5433,8 @@
       "name": "ThemeSelect",
       "props": {
         "defaults": {
-          "labelVisibility": "visible"
+          "labelVisibility": "visible",
+          "size": "dense"
         },
         "types": [
           "ThemeSelectProps"
@@ -4886,7 +5443,9 @@
       "purpose": "Let the viewer choose the system, light, or dark theme",
       "slots": [],
       "states": [
+        "compact",
         "default",
+        "dense",
         "hidden",
         "visible"
       ],
@@ -4906,6 +5465,25 @@
               "name": "visible"
             }
           ]
+        },
+        {
+          "defaultValue": "dense",
+          "description": "Controls the size presentation axis of ThemeSelect.",
+          "name": "size",
+          "values": [
+            {
+              "description": "Use compact for the size presentation.",
+              "name": "compact"
+            },
+            {
+              "description": "Use default for the size presentation.",
+              "name": "default"
+            },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
+            }
+          ]
         }
       ]
     },
@@ -4945,6 +5523,22 @@
           "kind": "type",
           "name": "RlyTimelineEvent"
         },
+        {
+          "kind": "type",
+          "name": "RlyTimelineProvenance"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTimelineProvenanceKind"
+        },
+        {
+          "kind": "value",
+          "name": "TimelineProvenanceKey"
+        },
+        {
+          "kind": "type",
+          "name": "TimelineProvenanceKeyProps"
+        },
         {
           "kind": "value",
           "name": "TimelineRow"
@@ -4969,15 +5563,19 @@
       "props": {
         "defaults": {},
         "types": [
+          "TimelineProvenanceKeyProps",
           "TimelineRowProps"
         ]
       },
       "purpose": "Present one attributable human, agent, system, or service event",
-      "slots": [],
+      "slots": [
+        "TimelineProvenanceKey"
+      ],
       "states": [
         "agent",
         "default",
         "human",
+        "provenance",
         "service",
         "system"
       ],
@@ -5009,7 +5607,7 @@
         "storyId": "primitives-togglegroup--interaction",
         "storyPath": "?path=/story/primitives-togglegroup--interaction"
       },
-      "example": "import { RLY_TOGGLE_GROUP_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { ToggleGroup } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -5050,7 +5648,7 @@
       "name": "ToggleGroup",
       "props": {
         "defaults": {
-          "size": "default"
+          "size": "dense"
         },
         "types": [
           "ToggleGroupProps"
@@ -5061,12 +5659,13 @@
       "states": [
         "checked",
         "compact",
-        "default"
+        "default",
+        "dense"
       ],
       "status": "experimental",
       "variants": [
         {
-          "defaultValue": "default",
+          "defaultValue": "dense",
           "description": "Controls the size presentation axis of ToggleGroup.",
           "name": "size",
           "values": [
@@ -5077,11 +5676,94 @@
             {
               "description": "Use default for the size presentation.",
               "name": "default"
+            },
+            {
+              "description": "Use dense for the size presentation.",
+              "name": "dense"
             }
           ]
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "explain",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-trackkey--all-marks",
+        "storyPath": "?path=/story/primitives-trackkey--all-marks"
+      },
+      "example": "import { TrackKey } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RLY_TRACK_KEY_MARKS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTrackKeyItem"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTrackKeyMark"
+        },
+        {
+          "kind": "value",
+          "name": "TrackKey"
+        },
+        {
+          "kind": "type",
+          "name": "TrackKeyProps"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/TrackKey.tsx",
+        "story": "stories/primitives/TrackKey.stories.tsx",
+        "styles": [
+          "src/primitives/TrackKey.module.css"
+        ],
+        "tests": [
+          "test/primitives/TrackKey.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "TrackKey",
+      "props": {
+        "defaults": {},
+        "types": [
+          "TrackKeyProps"
+        ]
+      },
+      "purpose": "Explain the marks a set of limit tracks draws",
+      "slots": [],
+      "states": [
+        "default",
+        "near",
+        "projected",
+        "stale",
+        "unknown"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -5108,7 +5790,7 @@
         "storyId": "patterns-verdict--states",
         "storyPath": "?path=/story/patterns-verdict--states"
       },
-      "example": "import { RLY_VERDICT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { Verdict } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",