@weasel-js/forge 1.6.1 → 1.7.1

package/dist/shell/index.css

@@ -120,7 +120,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--wzl-space-xs);
-  padding: 0 var(--wzl-space-xs) var(--wzl-space-xs);
+  padding: 0 var(--wzl-space-sm) var(--wzl-space-sm);
   border-bottom: var(--wzl-border-w) solid var(--wzl-line-subtle);
   color: var(--wzl-fg);
 }
@@ -130,7 +130,7 @@
   color: var(--wzl-fg-muted);
   font-family: var(--wzl-font-display);
   font-size: var(--wzl-font-size-sm);
-  font-weight: var(--wzl-font-weight-normal);
+  font-weight: var(--wzl-font-weight-bold);
   letter-spacing: 0.08em;
   text-transform: uppercase;
 }
@@ -217,6 +217,7 @@
   align-items: center;
   justify-content: center;
   margin: calc(-1 * var(--wzl-space-xs));
+  margin-inline-end: 0;
   padding: var(--wzl-space-xs);
 }
 .fg-tree__folder {
@@ -224,7 +225,7 @@
 }
 .fg-tree__story {
   font-weight: 100;
-  padding-inline-start: calc(var(--wzl-space-xs) * 2 + 13px);
+  padding-inline-start: calc(var(--wzl-space-xs) * 3 + 13px);
 }
 .lk-trial.fg-flash {
   outline: var(--wzl-line-width) solid var(--wzl-accent);
@@ -334,6 +335,7 @@
   color: var(--wzl-fg-muted);
   font-size: var(--wzl-font-size-sm);
   font-variant-numeric: tabular-nums;
+  font-family: var(--wzl-font-numeric);
 }
 .fg-a11y__group {
   display: flex;
@@ -344,6 +346,7 @@
   margin: 0;
   font-size: var(--wzl-font-size-sm);
   font-variant-numeric: tabular-nums;
+  font-family: var(--wzl-font-numeric);
 }
 .fg-a11y__findings,
 .fg-a11y__nodes {
@@ -435,6 +438,7 @@
   border-collapse: collapse;
   font-size: var(--wzl-font-size-sm);
   font-variant-numeric: tabular-nums;
+  font-family: var(--wzl-font-numeric);
   text-align: start;
 }
 .fg-info__args th,
@@ -469,4 +473,162 @@
   color: var(--wzl-fg-muted);
   font-size: var(--wzl-font-size-sm);
 }
+
+/* src/frame/index/index.css */
+.fg-index {
+  box-sizing: border-box;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: var(--wzl-space-lg);
+  font-family: var(--wzl-font-ui);
+  font-size: var(--wzl-font-size);
+  color: var(--wzl-fg);
+}
+.fg-index__head {
+  margin-bottom: calc(var(--wzl-space-lg) * 2);
+}
+.fg-index__path {
+  margin: 0 0 var(--wzl-space-2);
+  font-size: var(--wzl-font-size-lg);
+  color: var(--wzl-fg-muted);
+}
+.fg-index__title {
+  margin: 0;
+  font-family: var(--wzl-panel-title-font);
+  font-size: calc(var(--wzl-font-size-xl) * 1.6);
+  font-weight: var(--wzl-font-weight-medium);
+  letter-spacing: var(--wzl-panel-title-tracking);
+  text-transform: var(--wzl-panel-title-case);
+}
+.fg-index__description,
+.fg-index-story__description {
+  max-width: 72ch;
+  margin: var(--wzl-space-4) 0 0;
+  font-family: var(--wzl-font-body);
+  line-height: 1.5;
+  color: var(--wzl-fg-muted);
+}
+.fg-index-story {
+  padding-top: calc(var(--wzl-space-lg) * 1.5);
+  margin-top: calc(var(--wzl-space-lg) * 1.5);
+  border-top: var(--wzl-border-w) solid var(--wzl-border);
+}
+.fg-index-story__head {
+  display: flex;
+  align-items: center;
+  gap: var(--wzl-space-6);
+}
+.fg-index-story__name {
+  margin: 0;
+  font-family: var(--wzl-panel-title-font);
+  font-size: var(--wzl-font-size-xl);
+  font-weight: var(--wzl-panel-title-weight);
+  letter-spacing: var(--wzl-panel-title-tracking);
+  text-transform: var(--wzl-panel-title-case);
+  color: var(--wzl-panel-title-color);
+}
+.fg-index-cell {
+  margin: var(--wzl-space-8) 0 0;
+  width: fit-content;
+  max-width: 100%;
+}
+.fg-index-cell__stage {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 96px;
+  padding: var(--wzl-space-2);
+  border: var(--wzl-border-w) solid var(--wzl-border);
+  border-radius: var(--wzl-radius-md);
+  background: var(--wzl-surface);
+  overflow: auto;
+}
+.fg-index-cell--padded > .fg-index-cell__stage {
+  display: block;
+}
+.fg-index-cell--fullscreen {
+  width: auto;
+}
+.fg-index-cell--fullscreen > .fg-index-cell__stage {
+  display: block;
+  height: 360px;
+  padding: 0;
+}
+.fg-index-cell__label {
+  margin-top: var(--wzl-space-3);
+  font-family: var(--wzl-font-mono);
+  font-size: var(--wzl-font-size-sm);
+  color: var(--wzl-fg-muted);
+}
+.fg-index-variants__row {
+  margin-top: calc(var(--wzl-space-lg) * 1.25);
+}
+.fg-index-variants__label {
+  margin: 0;
+  font-family: var(--wzl-panel-title-font);
+  font-size: var(--wzl-font-size-sm);
+  font-weight: var(--wzl-panel-title-weight);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--wzl-fg-muted);
+}
+.fg-index-variants__cells {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--wzl-space-6);
+}
+.fg-index-variants__cells > .fg-index-cell {
+  margin-top: var(--wzl-space-4);
+}
+.fg-index__library {
+  margin-inline-end: var(--wzl-space-4);
+  vertical-align: middle;
+}
+.fg-index__title-row {
+  display: flex;
+  align-items: center;
+  gap: var(--wzl-space-6);
+}
+.fg-index-deps {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  gap: var(--wzl-space-3) var(--wzl-space-8);
+  margin: var(--wzl-space-8) 0 0;
+  font-size: var(--wzl-font-size-sm);
+}
+.fg-index-deps__row {
+  display: contents;
+}
+.fg-index-deps__label {
+  color: var(--wzl-fg-muted);
+}
+.fg-index-deps__value {
+  margin: 0;
+}
+.fg-index-deps__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--wzl-space-2) var(--wzl-space-6);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.fg-index-deps__link {
+  color: var(--wzl-accent-fg);
+  text-decoration: none;
+}
+.fg-index-deps__link:hover {
+  text-decoration: underline;
+}
+.fg-index-deps__prefix,
+.fg-index-deps__empty,
+.fg-index-deps__none {
+  color: var(--wzl-fg-muted);
+}
+.fg-index-deps__none {
+  max-width: 72ch;
+  margin: var(--wzl-space-8) 0 0;
+  font-size: var(--wzl-font-size-sm);
+}
 /*# sourceMappingURL=index.css.map */

package/dist/shell/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/shell.css"],"sourcesContent":[".fg-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wzl-space-xs);\n  min-height: 100vh;\n  padding-inline: var(--wzl-space-md);\n  background: var(--wzl-surface-sunken);\n  color: var(--wzl-fg);\n}\n\n.fg-empty__title {\n  margin: 0;\n  font-weight: var(--wzl-font-weight-bold);\n}\n\n.fg-empty__globs {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* One story's box in the workshop document; the theme attributes land on it from applyGlobals. `contain: paint`,\n   exactly that value, makes it the containing block for fixed-position descendants, so a Dialog stays inside its\n   trial, and it is the one containment React Aria's positioning recognizes: `layout paint` also contains, but the\n   popover math then still assumes the viewport and lands a list a whole host offset too high. */\n.fg-story {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  contain: paint;\n  background: var(--wzl-surface);\n  color: var(--wzl-fg);\n  transition: opacity var(--wzl-motion-fast) var(--wzl-ease-out-cubic);\n}\n\n.fg-story[data-pending] {\n  visibility: hidden;\n  opacity: 0;\n}\n\n.fg-story[data-fg-layout='centered'] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.fg-story[data-fg-layout='padded'] {\n  padding: 16px;\n}\n\n.fg-story[data-fg-layout='fullscreen'] {\n  padding: 0;\n}\n\n.fg-story--loading {\n  visibility: visible;\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fg-story {\n    transition: none;\n  }\n}\n\n.fg-frame-host {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.fg-frame-slot {\n  display: contents;\n}\n\n/* Warm frames lay out at a trial's usual size, so moving one into place is not its first layout. */\n.fg-frame-pool {\n  position: fixed;\n  top: 0;\n  left: -10000px;\n  width: 1024px;\n  height: 768px;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.fg-frame-pool > iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n.fg-frame-view {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  transition: opacity var(--wzl-motion-fast) var(--wzl-ease-out-cubic);\n}\n\n.fg-frame-view[data-pending] {\n  visibility: hidden;\n  opacity: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fg-frame-view {\n    transition: none;\n  }\n}\n\n.fg-fault {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding: var(--wzl-space-md);\n  overflow: auto;\n  background: var(--wzl-surface-sunken);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-fault__phase {\n  color: var(--wzl-danger);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n}\n\n.fg-fault__message {\n  margin: 0;\n  white-space: pre-wrap;\n}\n\n.fg-tree {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding: 0 var(--wzl-space-xs) var(--wzl-space-xs);\n  border-bottom: var(--wzl-border-w) solid var(--wzl-line-subtle);\n  color: var(--wzl-fg);\n}\n\n.fg-tree__heading {\n  margin: 0;\n  padding-block: var(--wzl-space-xs);\n  color: var(--wzl-fg-muted);\n  font-family: var(--wzl-font-display);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-normal);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.fg-route-miss {\n  margin: 0;\n  color: var(--wzl-danger);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-tree__filter {\n  box-sizing: border-box;\n  width: 100%;\n  font-size: var(--wzl-font-size);\n}\n\n.fg-tree__items,\n.fg-tree__group {\n  display: flex;\n  flex-direction: column;\n}\n\n.fg-tree__items {\n  font-size: var(--wzl-font-size);\n}\n\n.fg-tree__group {\n  padding-inline-start: var(--wzl-space-sm);\n}\n\n.fg-tree__node {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  outline: none;\n}\n\n.fg-tree__item {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n  padding: calc(var(--wzl-space-xs) / 2) var(--wzl-space-xs);\n  border-radius: var(--wzl-radius-sm);\n  overflow: hidden;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n/* text-overflow does not reach a flex container's anonymous text box, so the label clips itself. */\n.fg-tree__label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.fg-tree__item:hover {\n  background: var(--wzl-surface-hover);\n}\n\n/* Sits after the label, which is the element that shrinks, so the tag keeps\n   its width and the rows' tags line up down the column. */\n.fg-tree__item > .fg-tree__tag {\n  flex: none;\n  margin-inline-start: auto;\n}\n\n.fg-tree__tag {\n  --badge-font-size: var(--wzl-font-size-2xs);\n}\n\n.fg-tree__libraries {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.fg-tree__libraries-legend {\n  padding: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* A folder item holds its group, so its ring goes on its own row rather than around the subtree. */\n.fg-tree__story:focus-visible,\n.fg-tree__node:focus-visible > .fg-tree__folder {\n  outline: var(--wzl-line-width) solid var(--wzl-accent);\n  outline-offset: calc(-1 * var(--wzl-line-width));\n}\n\n.fg-tree__item[aria-current='true'],\n.fg-tree__node[aria-current='true'] > .fg-tree__folder {\n  color: var(--wzl-secondary-fg);\n}\n\n/* Padded out to a hit target and pulled back by the same amount, so the row's layout is unchanged. */\n.fg-tree__fold {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: calc(-1 * var(--wzl-space-xs));\n  padding: var(--wzl-space-xs);\n}\n\n\n.fg-tree__folder {\n  font-weight: calc(var(--wzl-font-weight-normal) + 100);\n}\n\n.fg-tree__story {\n  /* The CSS floor, which the browser rounds up to the lightest weight the face has. */\n  font-weight: 100;\n  /* Clears the folder rows' 13px fold mark, so a story's label lines up with its folder's. */\n  padding-inline-start: calc(var(--wzl-space-xs) * 2 + 13px);\n}\n\n.lk-trial.fg-flash {\n  outline: var(--wzl-line-width) solid var(--wzl-accent);\n  outline-offset: calc(-1 * var(--wzl-line-width));\n  animation: fg-flash 600ms ease-out forwards;\n}\n\n@keyframes fg-flash {\n  from {\n    outline-color: var(--wzl-accent);\n  }\n  to {\n    outline-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lk-trial.fg-flash {\n    animation: none;\n  }\n}\n\n.fg-css-vars {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-css-vars-focus {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.fg-css-vars__trial {\n  margin: 0;\n  overflow: hidden;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Held at the top while the list scrolls the aside under it. */\n.fg-css-vars__controls {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding-block-end: var(--wzl-space-xs);\n  background: var(--wzl-surface);\n}\n\n.fg-css-vars__save {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-css-vars__notice {\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-css-vars__notice--saved {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-css-vars__notice--error {\n  color: var(--wzl-danger);\n}\n\n.fg-css-vars__empty {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-globals,\n.fg-globals__item {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-globals__item {\n  gap: 0;\n}\n\n.fg-globals__popover {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-sm);\n  min-width: 14rem;\n}\n\n\n.fg-a11y,\n.fg-a11y-focus {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.fg-a11y__trial {\n  margin: 0;\n  overflow: hidden;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.fg-a11y__controls {\n  display: flex;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-a11y__note,\n.fg-a11y__tally {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n.fg-a11y__group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-a11y__group-title {\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n.fg-a11y__findings,\n.fg-a11y__nodes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.fg-a11y__finding {\n  border-inline-start: 2px solid var(--wzl-border);\n  padding-inline-start: var(--wzl-space-xs);\n}\n\n.fg-a11y__help {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-a11y__impact {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  text-transform: uppercase;\n}\n\n.fg-a11y__impact[data-impact='serious'],\n.fg-a11y__impact[data-impact='critical'] {\n  color: var(--wzl-danger);\n}\n\n.fg-a11y__nodes {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  word-break: break-all;\n}\n\n/* Get Info */\n\n.fg-info-dialog {\n  /* Wide enough for the longest row a dossier carries — an absolute story file\n     path — to sit on one line. */\n  inline-size: min(52rem, 90vw);\n}\n\n.fg-info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-md);\n}\n\n.fg-info__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-info__heading {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  font-weight: var(--wzl-font-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.fg-info__doc {\n  margin: 0;\n  white-space: pre-line;\n}\n\n.fg-info__doc--component {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-info__rows {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: var(--wzl-space-xs) var(--wzl-space-sm);\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-info__row {\n  display: contents;\n}\n\n.fg-info__key {\n  color: var(--wzl-fg-muted);\n  text-align: end;\n}\n\n.fg-info__value {\n  margin: 0;\n  min-inline-size: 0;\n  overflow-wrap: anywhere;\n}\n\n.fg-info__path {\n  font-size: var(--wzl-font-size-xs);\n}\n\n.fg-info__args {\n  inline-size: 100%;\n  border-collapse: collapse;\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  text-align: start;\n}\n\n.fg-info__args th,\n.fg-info__args td {\n  padding: var(--wzl-space-xs) var(--wzl-space-xs);\n  border-block-end: 1px solid var(--wzl-border);\n  vertical-align: baseline;\n  text-align: start;\n  font-weight: var(--wzl-font-weight-normal);\n}\n\n.fg-info__args thead th {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  text-transform: uppercase;\n}\n\n.fg-info__arg-name {\n  display: block;\n}\n\n.fg-info__arg-doc {\n  display: block;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n}\n\n.fg-info__arg-kind {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-info__value-cell {\n  overflow-wrap: anywhere;\n}\n\n.fg-info__empty {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/shell/shell.css","../../src/frame/index/index.css"],"sourcesContent":[".fg-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wzl-space-xs);\n  min-height: 100vh;\n  padding-inline: var(--wzl-space-md);\n  background: var(--wzl-surface-sunken);\n  color: var(--wzl-fg);\n}\n\n.fg-empty__title {\n  margin: 0;\n  font-weight: var(--wzl-font-weight-bold);\n}\n\n.fg-empty__globs {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* One story's box in the workshop document; the theme attributes land on it from applyGlobals. `contain: paint`,\n   exactly that value, makes it the containing block for fixed-position descendants, so a Dialog stays inside its\n   trial, and it is the one containment React Aria's positioning recognizes: `layout paint` also contains, but the\n   popover math then still assumes the viewport and lands a list a whole host offset too high. */\n.fg-story {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  contain: paint;\n  background: var(--wzl-surface);\n  color: var(--wzl-fg);\n  transition: opacity var(--wzl-motion-fast) var(--wzl-ease-out-cubic);\n}\n\n.fg-story[data-pending] {\n  visibility: hidden;\n  opacity: 0;\n}\n\n.fg-story[data-fg-layout='centered'] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.fg-story[data-fg-layout='padded'] {\n  padding: 16px;\n}\n\n.fg-story[data-fg-layout='fullscreen'] {\n  padding: 0;\n}\n\n.fg-story--loading {\n  visibility: visible;\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fg-story {\n    transition: none;\n  }\n}\n\n.fg-frame-host {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.fg-frame-slot {\n  display: contents;\n}\n\n/* Warm frames lay out at a trial's usual size, so moving one into place is not its first layout. */\n.fg-frame-pool {\n  position: fixed;\n  top: 0;\n  left: -10000px;\n  width: 1024px;\n  height: 768px;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.fg-frame-pool > iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n.fg-frame-view {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  transition: opacity var(--wzl-motion-fast) var(--wzl-ease-out-cubic);\n}\n\n.fg-frame-view[data-pending] {\n  visibility: hidden;\n  opacity: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fg-frame-view {\n    transition: none;\n  }\n}\n\n.fg-fault {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding: var(--wzl-space-md);\n  overflow: auto;\n  background: var(--wzl-surface-sunken);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-fault__phase {\n  color: var(--wzl-danger);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n}\n\n.fg-fault__message {\n  margin: 0;\n  white-space: pre-wrap;\n}\n\n.fg-tree {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding: 0 var(--wzl-space-sm) var(--wzl-space-sm);\n  border-bottom: var(--wzl-border-w) solid var(--wzl-line-subtle);\n  color: var(--wzl-fg);\n}\n\n.fg-tree__heading {\n  margin: 0;\n  padding-block: var(--wzl-space-xs);\n  color: var(--wzl-fg-muted);\n  font-family: var(--wzl-font-display);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.fg-route-miss {\n  margin: 0;\n  color: var(--wzl-danger);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-tree__filter {\n  box-sizing: border-box;\n  width: 100%;\n  font-size: var(--wzl-font-size);\n}\n\n.fg-tree__items,\n.fg-tree__group {\n  display: flex;\n  flex-direction: column;\n}\n\n.fg-tree__items {\n  font-size: var(--wzl-font-size);\n}\n\n.fg-tree__group {\n  padding-inline-start: var(--wzl-space-sm);\n}\n\n.fg-tree__node {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  outline: none;\n}\n\n.fg-tree__item {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n  padding: calc(var(--wzl-space-xs) / 2) var(--wzl-space-xs);\n  border-radius: var(--wzl-radius-sm);\n  overflow: hidden;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n/* text-overflow does not reach a flex container's anonymous text box, so the label clips itself. */\n.fg-tree__label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.fg-tree__item:hover {\n  background: var(--wzl-surface-hover);\n}\n\n/* Sits after the label, which is the element that shrinks, so the tag keeps\n   its width and the rows' tags line up down the column. */\n.fg-tree__item > .fg-tree__tag {\n  flex: none;\n  margin-inline-start: auto;\n}\n\n.fg-tree__tag {\n  --badge-font-size: var(--wzl-font-size-2xs);\n}\n\n.fg-tree__libraries {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.fg-tree__libraries-legend {\n  padding: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* A folder item holds its group, so its ring goes on its own row rather than around the subtree. */\n.fg-tree__story:focus-visible,\n.fg-tree__node:focus-visible > .fg-tree__folder {\n  outline: var(--wzl-line-width) solid var(--wzl-accent);\n  outline-offset: calc(-1 * var(--wzl-line-width));\n}\n\n.fg-tree__item[aria-current='true'],\n.fg-tree__node[aria-current='true'] > .fg-tree__folder {\n  color: var(--wzl-secondary-fg);\n}\n\n/* Padded out to a hit target and pulled back by the same amount, except on the label's side, where the padding\n   widens the gap to the label. */\n.fg-tree__fold {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: calc(-1 * var(--wzl-space-xs));\n  margin-inline-end: 0;\n  padding: var(--wzl-space-xs);\n}\n\n.fg-tree__folder {\n  font-weight: calc(var(--wzl-font-weight-normal) + 100);\n}\n\n.fg-tree__story {\n  /* The CSS floor, which the browser rounds up to the lightest weight the face has. */\n  font-weight: 100;\n  /* Clears the folder rows' 13px fold mark, so a story's label lines up with its folder's. */\n  padding-inline-start: calc(var(--wzl-space-xs) * 3 + 13px);\n}\n\n.lk-trial.fg-flash {\n  outline: var(--wzl-line-width) solid var(--wzl-accent);\n  outline-offset: calc(-1 * var(--wzl-line-width));\n  animation: fg-flash 600ms ease-out forwards;\n}\n\n@keyframes fg-flash {\n  from {\n    outline-color: var(--wzl-accent);\n  }\n  to {\n    outline-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lk-trial.fg-flash {\n    animation: none;\n  }\n}\n\n.fg-css-vars {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-css-vars-focus {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.fg-css-vars__trial {\n  margin: 0;\n  overflow: hidden;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Held at the top while the list scrolls the aside under it. */\n.fg-css-vars__controls {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  padding-block-end: var(--wzl-space-xs);\n  background: var(--wzl-surface);\n}\n\n.fg-css-vars__save {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-css-vars__notice {\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-css-vars__notice--saved {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-css-vars__notice--error {\n  color: var(--wzl-danger);\n}\n\n.fg-css-vars__empty {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-globals,\n.fg-globals__item {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-globals__item {\n  gap: 0;\n}\n\n.fg-globals__popover {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-sm);\n  min-width: 14rem;\n}\n\n\n.fg-a11y,\n.fg-a11y-focus {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.fg-a11y__trial {\n  margin: 0;\n  overflow: hidden;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.fg-a11y__controls {\n  display: flex;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-a11y__note,\n.fg-a11y__tally {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  font-family: var(--wzl-font-numeric);\n}\n\n.fg-a11y__group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-a11y__group-title {\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  font-family: var(--wzl-font-numeric);\n}\n\n.fg-a11y__findings,\n.fg-a11y__nodes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.fg-a11y__finding {\n  border-inline-start: 2px solid var(--wzl-border);\n  padding-inline-start: var(--wzl-space-xs);\n}\n\n.fg-a11y__help {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wzl-space-xs);\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-a11y__impact {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  text-transform: uppercase;\n}\n\n.fg-a11y__impact[data-impact='serious'],\n.fg-a11y__impact[data-impact='critical'] {\n  color: var(--wzl-danger);\n}\n\n.fg-a11y__nodes {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  word-break: break-all;\n}\n\n/* Get Info */\n\n.fg-info-dialog {\n  /* Wide enough for the longest row a dossier carries — an absolute story file\n     path — to sit on one line. */\n  inline-size: min(52rem, 90vw);\n}\n\n.fg-info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-md);\n}\n\n.fg-info__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-xs);\n}\n\n.fg-info__heading {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  font-weight: var(--wzl-font-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.fg-info__doc {\n  margin: 0;\n  white-space: pre-line;\n}\n\n.fg-info__doc--component {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-info__rows {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: var(--wzl-space-xs) var(--wzl-space-sm);\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-info__row {\n  display: contents;\n}\n\n.fg-info__key {\n  color: var(--wzl-fg-muted);\n  text-align: end;\n}\n\n.fg-info__value {\n  margin: 0;\n  min-inline-size: 0;\n  overflow-wrap: anywhere;\n}\n\n.fg-info__path {\n  font-size: var(--wzl-font-size-xs);\n}\n\n.fg-info__args {\n  inline-size: 100%;\n  border-collapse: collapse;\n  font-size: var(--wzl-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  font-family: var(--wzl-font-numeric);\n  text-align: start;\n}\n\n.fg-info__args th,\n.fg-info__args td {\n  padding: var(--wzl-space-xs) var(--wzl-space-xs);\n  border-block-end: 1px solid var(--wzl-border);\n  vertical-align: baseline;\n  text-align: start;\n  font-weight: var(--wzl-font-weight-normal);\n}\n\n.fg-info__args thead th {\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  text-transform: uppercase;\n}\n\n.fg-info__arg-name {\n  display: block;\n}\n\n.fg-info__arg-doc {\n  display: block;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n}\n\n.fg-info__arg-kind {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-info__value-cell {\n  overflow-wrap: anywhere;\n}\n\n.fg-info__empty {\n  margin: 0;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n}\n",".fg-index {\n  box-sizing: border-box;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: var(--wzl-space-lg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n  color: var(--wzl-fg);\n}\n\n.fg-index__head {\n  margin-bottom: calc(var(--wzl-space-lg) * 2);\n}\n\n.fg-index__path {\n  margin: 0 0 var(--wzl-space-2);\n  font-size: var(--wzl-font-size-lg);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index__title {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: calc(var(--wzl-font-size-xl) * 1.6);\n  font-weight: var(--wzl-font-weight-medium);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n}\n\n.fg-index__description,\n.fg-index-story__description {\n  max-width: 72ch;\n  margin: var(--wzl-space-4) 0 0;\n  font-family: var(--wzl-font-body);\n  line-height: 1.5;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-story {\n  padding-top: calc(var(--wzl-space-lg) * 1.5);\n  margin-top: calc(var(--wzl-space-lg) * 1.5);\n  border-top: var(--wzl-border-w) solid var(--wzl-border);\n}\n\n.fg-index-story__head {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-story__name {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-xl);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: var(--wzl-panel-title-tracking);\n  text-transform: var(--wzl-panel-title-case);\n  color: var(--wzl-panel-title-color);\n}\n\n.fg-index-cell {\n  margin: var(--wzl-space-8) 0 0;\n  width: fit-content;\n  max-width: 100%;\n}\n\n.fg-index-cell__stage {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 96px;\n  padding: var(--wzl-space-2);\n  border: var(--wzl-border-w) solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  background: var(--wzl-surface);\n  overflow: auto;\n}\n\n.fg-index-cell--padded > .fg-index-cell__stage {\n  display: block;\n}\n\n.fg-index-cell--fullscreen {\n  width: auto;\n}\n\n.fg-index-cell--fullscreen > .fg-index-cell__stage {\n  display: block;\n  height: 360px;\n  padding: 0;\n}\n\n.fg-index-cell__label {\n  margin-top: var(--wzl-space-3);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__row {\n  margin-top: calc(var(--wzl-space-lg) * 1.25);\n}\n\n/* Set as the kit's panel titles are, at the small size. */\n.fg-index-variants__label {\n  margin: 0;\n  font-family: var(--wzl-panel-title-font);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-panel-title-weight);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-variants__cells {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-variants__cells > .fg-index-cell {\n  margin-top: var(--wzl-space-4);\n}\n\n.fg-index__library {\n  margin-inline-end: var(--wzl-space-4);\n  vertical-align: middle;\n}\n\n.fg-index__title-row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-6);\n}\n\n.fg-index-deps {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: var(--wzl-space-3) var(--wzl-space-8);\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n\n.fg-index-deps__row {\n  display: contents;\n}\n\n.fg-index-deps__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__value {\n  margin: 0;\n}\n\n.fg-index-deps__list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) var(--wzl-space-6);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.fg-index-deps__link {\n  color: var(--wzl-accent-fg);\n  text-decoration: none;\n}\n\n.fg-index-deps__link:hover {\n  text-decoration: underline;\n}\n\n.fg-index-deps__prefix,\n.fg-index-deps__empty,\n.fg-index-deps__none {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-deps__none {\n  max-width: 72ch;\n  margin: var(--wzl-space-8) 0 0;\n  font-size: var(--wzl-font-size-sm);\n}\n"],"mappings":"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","names":[]}

package/dist/shell/index.d.ts

@@ -2,13 +2,14 @@ import * as react from 'react';
 import { RefObject, ReactNode } from 'react';
 import { LabContribution, StorageAdapter, RenderContext, InstrumentList } from '@weasel-js/labkit';
 import { FrameImporters } from '../frame/index.js';
-import { g as IndexEntry, F as FrameSetup, L as LoadedStory, h as Layout, G as Globals, i as FromFrame, b as A11yReport, T as ToFrame, C as CssVarReport, j as CapturedPicture, V as Viewport } from '../FrameController-BspC9Zr5.js';
-import { S as ShellConfig, a as GlobalDeclarations } from '../config-C5Vq5Kjj.js';
+import { h as IndexEntry, F as FrameSetup, c as DepGraph, L as LoadedStory, i as Layout, G as Globals, j as FromFrame, b as A11yReport, T as ToFrame, k as CssVarReport, l as CapturedPicture, V as Viewport } from '../FrameController-RdGggdGA.js';
+import { S as ShellConfig, a as GlobalDeclarations } from '../config-BJIgUhiI.js';
 import '@weasel-js/labkit/config';
 import '@weasel-js/theme';
 
 /** What axe found in the story of the trial this is rendered inside, re-run on demand. */
 declare function A11yPanel(): react.JSX.Element;
+/** The lab aside section showing the focused trial's accessibility audit. */
 declare const A11Y_SECTION: LabContribution;
 
 /** Story files edited while the workshop runs, for the registry to load again. */
@@ -17,6 +18,7 @@ interface StoryChanges {
     emit(file: string): void;
 }
 
+/** Props for `Workshop`. `index`, `importers` and `dependencies` are what the vite plugin's virtual modules supply. */
 interface WorkshopProps {
     index: readonly IndexEntry[];
     /** The frame document, for the stories `isolate` keeps in one. */
@@ -32,13 +34,18 @@ interface WorkshopProps {
     stories?: readonly string[];
     storageKey?: string;
     storage?: StorageAdapter;
+    /** The component graph index pages list dependencies from. */
+    dependencies?: DepGraph;
 }
-declare function Workshop({ index, frameUrl, importers, setup, changes, config, stories, storageKey, storage }: WorkshopProps): react.JSX.Element;
+/** The workshop page: a labkit `Lab` with a story tree, where each story or index page opens as a trial. */
+declare function Workshop({ index, frameUrl, importers, setup, changes, config, stories, storageKey, storage, dependencies }: WorkshopProps): react.JSX.Element;
 
+/** `Workshop`'s props, plus where to mount it. */
 interface MountWorkshopOptions extends WorkshopProps {
     /** Default: the document's `#root`. */
     container?: HTMLElement;
 }
+/** A mounted workshop, for feeding it what the vite plugin pushes after an edit. */
 interface MountedWorkshop {
     /** Swaps in a re-indexed story list, as the vite plugin's `forge:index` event carries. */
     setIndex(index: readonly IndexEntry[]): void;
@@ -46,13 +53,17 @@ interface MountedWorkshop {
     setImporters(importers: FrameImporters): void;
     /** Loads `file` again for every story that had it, through the current importers. */
     reloadStory(file: string): void;
+    /** Swaps in the component graph, as the vite plugin's `forge:deps` event carries. */
+    setDependencies(dependencies: DepGraph): void;
     unmount(): void;
 }
+/** Renders a `Workshop` into its own React root. Throws when no container is given and the page has no `#root`. */
 declare function mountWorkshop({ container, ...props }: MountWorkshopOptions): MountedWorkshop;
 
 /** The lab's global values, which a trial's pins override. A change reaches open frames without replacing instruments. */
 declare const StoryGlobalsContext: react.Context<Readonly<Record<string, unknown>>>;
 
+/** Props for `StoryTrial`. */
 interface StoryTrialProps {
     story: LoadedStory;
     setup: FrameSetup;
@@ -66,6 +77,7 @@ interface StoryTrialProps {
 /** A story rendered in the workshop document, inside a `TrialHost`, from the trial's own config and state. */
 declare function StoryTrial({ story, setup, ctx, hostRef, onRendered, onError }: StoryTrialProps): react.JSX.Element;
 
+/** Props for `TrialHost`. */
 interface TrialHostProps {
     layout: Layout;
     setup: FrameSetup;
@@ -89,6 +101,34 @@ type Ready = Extract<FromFrame, {
     type: 'ready';
 }>;
 
+/** The lab instruments `useStoryRegistry` builds, and the calls that keep them current. */
+interface StoryRegistry {
+    instruments: InstrumentList;
+    /** Whether a story's schema is known: its module has loaded, or its frame has reported. An instrument is built
+     *  either way, and before that its schema is empty — which reads as "no args" to anything that cannot tell the
+     *  two apart. */
+    isReady: (id: string) => boolean;
+    /** Called by FrameView. Replaces the story's instrument only when `ready.schema`, layout or viewport differ from what it holds. */
+    onReady: (entry: IndexEntry, ready: Ready) => void;
+    /** Drops what was loaded from `file` and loads it again for every entry that had it, as after an edit. */
+    reload: (file: string) => void;
+}
+interface StoryRegistryOptions {
+    frameUrl: string;
+    globals?: GlobalDeclarations;
+    /** Story modules by file. Given, every entry without `isolate` renders in the workshop document; absent, every
+     *  entry renders in a frame. */
+    importers?: FrameImporters;
+    /** The frame config, applied to each story host in the document. */
+    setup?: FrameSetup;
+    load?: (mod: Record<string, unknown>, autoTitle: string, parameters?: Record<string, unknown>) => LoadedStory[];
+}
+/**
+ * One instrument per story in `index`, each schema holding a `$globals` group for `globals`. The lab's global values
+ * reach the stories through `StoryGlobalsContext`, not through here.
+ */
+declare function useStoryRegistry(index: readonly IndexEntry[], options: StoryRegistryOptions): StoryRegistry;
+
 type Send = (msg: ToFrame) => void;
 /** What an axe run in the frame came back with. */
 type A11yOutcome = {
@@ -133,36 +173,9 @@ interface TrialFrames {
     get(trialId: string): TrialFrame;
     subscribe(listener: () => void): () => void;
 }
+/** The workshop's `TrialFrames`; `null` outside a `Workshop`. */
 declare const TrialFramesContext: react.Context<TrialFrames | null>;
 /** The frame of the trial `trialId` names, re-read when it connects or reports. */
 declare function useTrialFrame(trialId: string): TrialFrame;
 
-interface StoryRegistry {
-    instruments: InstrumentList;
-    /** Whether a story's schema is known: its module has loaded, or its frame has reported. An instrument is built
-     *  either way, and before that its schema is empty — which reads as "no args" to anything that cannot tell the
-     *  two apart. */
-    isReady: (id: string) => boolean;
-    /** Called by FrameView. Replaces the story's instrument only when `ready.schema`, layout or viewport differ from what it holds. */
-    onReady: (entry: IndexEntry, ready: Ready) => void;
-    /** Drops what was loaded from `file` and loads it again for every entry that had it, as after an edit. */
-    reload: (file: string) => void;
-}
-interface StoryRegistryOptions {
-    frameUrl: string;
-    globals?: GlobalDeclarations;
-    frames?: TrialFrames;
-    /** Story modules by file. Given, every entry without `isolate` renders in the workshop document; absent, every
-     *  entry renders in a frame. */
-    importers?: FrameImporters;
-    /** The frame config, applied to each story host in the document. */
-    setup?: FrameSetup;
-    load?: (mod: Record<string, unknown>, autoTitle: string, parameters?: Record<string, unknown>) => LoadedStory[];
-}
-/**
- * One instrument per story in `index`, each schema holding a `$globals` group for `globals`. The lab's global values
- * reach the stories through `StoryGlobalsContext`, not through here.
- */
-declare function useStoryRegistry(index: readonly IndexEntry[], options: StoryRegistryOptions): StoryRegistry;
-
 export { A11Y_SECTION, type A11yOutcome, A11yPanel, type MountWorkshopOptions, type MountedWorkshop, StoryGlobalsContext, type StoryRegistry, StoryTrial, type StoryTrialProps, type TrialFrame, type TrialFrames, TrialFramesContext, TrialHost, type TrialHostProps, Workshop, type WorkshopProps, mountWorkshop, useStoryRegistry, useTrialFrame };