@weasel-js/forge 1.9.3 → 1.10.0

package/dist/{chunk-JVRHBI3V.js → chunk-V4RI7GWD.js}

@@ -1,11 +1,14 @@
-import { StoryHost } from './chunk-Q2EZXJFE.js';
-import { sanitize } from './chunk-HRGPFQBW.js';
-import { PROTOCOL_VERSION, isPlainObject } from './chunk-KJGXJD3U.js';
-import { f, isConfigBranch, resolveConfigSchema, schemaNodeAtPath, titleCase } from '@weasel-js/labkit/config';
+import { useNearViewport, StoryHost } from './chunk-4NM3RTYK.js';
+import { sanitize } from './chunk-ZAWXMUGZ.js';
+import { PROTOCOL_VERSION } from './chunk-FL2MUPUL.js';
+import { f, resolveConfigSchema, isEntryShown, isConfigBranch, schemaNodeAtPath, titleCase } from '@weasel-js/labkit/config';
+import { createEmitter } from '@weasel-js/registry';
+import { createContext, useContext, useMemo, useState, useRef, useEffect, useId } from 'react';
 import { Badge } from '@weasel-js/ui/components/Badge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '@weasel-js/ui/components/Button';
-import { createContext, useMemo, useState, useRef, useEffect, useContext, useId } from 'react';
+import { isPlainObject } from '@weasel-js/core';
+import num from '@weasel-js/theme/numeric.module.css';
 
 var joinPath = (at, key) => at === "" ? key : `${at}.${key}`;
 function describeShape(shape) {
@@ -65,18 +68,17 @@ function answerSchema(schema, config) {
   const hidden = [];
   const errors = {};
   const record = config;
-  let group;
+  const { group } = resolveConfigSchema(schema);
   const walk = (shape, at) => {
     for (const [key, entry] of Object.entries(shape)) {
       const path = joinPath(at, key);
-      if (entry.options.showIf && !entry.options.showIf(record)) hidden.push(path);
+      if (!isEntryShown(entry, record, group)) hidden.push(path);
       if (isConfigBranch(entry)) {
         walk(entry.children, path);
         continue;
       }
       const { validate } = entry.options;
       if (!validate) continue;
-      group ??= resolveConfigSchema(schema).group;
       const leaf = schemaNodeAtPath(group, path);
       if (!leaf || "children" in leaf) continue;
       const found = validate(leaf, record);
@@ -86,10 +88,8 @@ function answerSchema(schema, config) {
   walk(schema.nodes, "");
   return { hidden, errors };
 }
-
-// src/protocol/channel.ts
 function openChannel(port, options = {}) {
-  const listeners = /* @__PURE__ */ new Set();
+  const messages = createEmitter();
   const onMessage = (event) => {
     const data = event.data;
     if (typeof data !== "object" || data === null || !("msg" in data)) {
@@ -101,19 +101,15 @@ function openChannel(port, options = {}) {
       options.onMismatch?.({ reason: "version", version: envelope.v });
       return;
     }
-    for (const fn of listeners) fn(envelope.msg);
+    messages.emit(envelope.msg);
   };
   port.addEventListener("message", onMessage);
   port.start?.();
   return {
     send: (msg) => port.postMessage({ v: PROTOCOL_VERSION, msg }),
-    on: (fn) => {
-      listeners.add(fn);
-      return () => listeners.delete(fn);
-    },
+    on: messages.subscribe,
     close: () => {
       port.removeEventListener("message", onMessage);
-      listeners.clear();
       port.close();
     }
   };
@@ -153,43 +149,33 @@ function indexEntries(stories) {
   }
   return [...byTitle.values()];
 }
-
-// src/story/library.ts
-var LIBRARIES = [
-  ["/packages/ui/", "ui"],
-  ["/packages/labkit/", "labkit"],
-  ["/packages/forge/", "forge"],
-  ["/apps/draw/", "draw"],
-  ["/apps/forge/", "forge"]
-];
-function libraryOf(entry) {
-  const file = entry.file.replaceAll("\\", "/");
-  for (const [marker, label] of LIBRARIES) {
-    if (file.includes(marker)) return label;
-  }
-  return entry.title.split("/")[0] ?? entry.title;
+function librariesFrom(table = []) {
+  return {
+    of(entry) {
+      const file = entry.file.replaceAll("\\", "/");
+      return table.find((library) => file.includes(library.path))?.label ?? entry.title.split("/")[0] ?? entry.title;
+    },
+    toneOf: (label) => table.find((library) => library.label === label)?.tone
+  };
 }
-var tone = (swatch, light, dark) => `light-dark(color-mix(in oklab, var(--wzl-swatch-${swatch}), var(--wzl-fg) ${light}%), color-mix(in oklab, var(--wzl-swatch-${swatch}), var(--wzl-fg) ${dark}%))`;
-var LIBRARY_TONES = {
-  ui: tone("amber", 55, 40),
-  labkit: tone("teal", 55, 45),
-  forge: tone("blue", 55, 35),
-  draw: tone("rose", 55, 35)
-};
+var TITLE_LIBRARIES = librariesFrom();
+var LibrariesContext = createContext(TITLE_LIBRARIES);
 function LibraryBadge({ library, className }) {
-  return /* @__PURE__ */ jsx(Badge, { status: "muted", tone: LIBRARY_TONES[library], variant: "subtle", size: "sm", ...className ? { className } : {}, children: library });
+  const tone = useContext(LibrariesContext).toneOf(library);
+  return /* @__PURE__ */ jsx(Badge, { status: "muted", ...tone === void 0 ? {} : { tone }, variant: "subtle", size: "sm", ...className ? { className } : {}, children: library });
 }
 var MAX_ENUM_OPTIONS = 8;
 var MAX_ROWS = 6;
 var labelOf = (key, name) => name ?? titleCase(key);
 function variantRows(schema) {
   const defaults = schema.defaults();
+  const { group } = resolveConfigSchema(schema);
   const rows = [];
   const walk = (shape, at) => {
     for (const [key, entry] of Object.entries(shape)) {
       if (rows.length >= MAX_ROWS) return;
       const path = at === "" ? key : `${at}.${key}`;
-      if (entry.options.showIf && !entry.options.showIf(defaults)) continue;
+      if (!isEntryShown(entry, defaults, group)) continue;
       if (isConfigBranch(entry)) {
         walk(entry.children, path);
         continue;
@@ -227,26 +213,12 @@ function useEnv() {
   return env;
 }
 var NEAR_MARGIN = "100%";
-function useNearViewport(ref) {
-  const [near, setNear] = useState(typeof IntersectionObserver === "undefined");
-  useEffect(() => {
-    const el = ref.current;
-    if (!el || typeof IntersectionObserver === "undefined") return;
-    const observer = new IntersectionObserver((entries) => {
-      const last = entries.at(-1);
-      if (last) setNear(last.isIntersecting);
-    }, { rootMargin: NEAR_MARGIN });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [ref]);
-  return near;
-}
 function IndexStory({ story, config: over, label }) {
   const env = useEnv();
   const [config, setConfig] = useState(() => mergeConfig(story.config.defaults(), over));
   const [state, setState] = useState(() => story.initialState?.(config) ?? null);
   const cell = useRef(null);
-  const near = useNearViewport(cell);
+  const near = useNearViewport(cell, NEAR_MARGIN, false);
   const [height, setHeight] = useState(null);
   useEffect(() => {
     const el = cell.current;
@@ -332,6 +304,26 @@ function IndexDependencies() {
     /* @__PURE__ */ jsx(DependencyList, { label: "Used by", titles: dependencies.usedBy, empty: "No listed component uses it." })
   ] });
 }
+var DAY = new Intl.DateTimeFormat(void 0, { dateStyle: "medium" });
+function HistoryDate({ label, iso }) {
+  return /* @__PURE__ */ jsxs("div", { className: "fg-index-history__item", children: [
+    /* @__PURE__ */ jsx("dt", { className: "fg-index-history__label", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: `fg-index-history__value ${num.numeric}`, children: /* @__PURE__ */ jsx("time", { dateTime: iso, children: DAY.format(new Date(iso)) }) })
+  ] });
+}
+function IndexHistory() {
+  const { gallery, dependencies } = useEnv();
+  const history = gallery ? void 0 : dependencies?.history;
+  if (!history) return null;
+  return /* @__PURE__ */ jsxs("dl", { className: "fg-index-history", "aria-label": "History", children: [
+    /* @__PURE__ */ jsxs("div", { className: "fg-index-history__item", children: [
+      /* @__PURE__ */ jsx("dt", { className: "fg-index-history__label", children: "Since" }),
+      /* @__PURE__ */ jsx("dd", { className: `fg-index-history__value ${num.numeric}`, children: history.introduced ?? "Unreleased" })
+    ] }),
+    /* @__PURE__ */ jsx(HistoryDate, { label: "Created", iso: history.created }),
+    /* @__PURE__ */ jsx(HistoryDate, { label: "Modified", iso: history.modified })
+  ] });
+}
 function StorySection({ story, variants }) {
   const env = useEnv();
   const headingId = useId();
@@ -377,6 +369,7 @@ function DefaultIndex() {
         env.gallery ? /* @__PURE__ */ jsx(GalleryBadge, {}) : null
       ] }),
       env.description ? /* @__PURE__ */ jsx("p", { className: "fg-index__description", children: env.description }) : null,
+      /* @__PURE__ */ jsx(IndexHistory, {}),
       /* @__PURE__ */ jsx(IndexDependencies, {})
     ] }),
     env.stories.map((story) => /* @__PURE__ */ jsx(StorySection, { story, variants: withVariants.has(story.id) }, story.id))
@@ -392,6 +385,7 @@ function indexContext(env) {
     Variants: IndexVariants,
     DefaultIndex,
     Dependencies: IndexDependencies,
+    History: IndexHistory,
     gallery: env.gallery ?? false,
     open: env.open
   };
@@ -400,6 +394,6 @@ function IndexPage({ env, render }) {
   return /* @__PURE__ */ jsx(IndexEnvContext.Provider, { value: env, children: render ? render(indexContext(env)) : /* @__PURE__ */ jsx(DefaultIndex, {}) });
 }
 
-export { IndexPage, LibraryBadge, answerSchema, describeSchema, indexEntries, indexId, isIndexId, libraryOf, openChannel, schemaFromDescription };
-//# sourceMappingURL=chunk-JVRHBI3V.js.map
-//# sourceMappingURL=chunk-JVRHBI3V.js.map
+export { IndexPage, LibrariesContext, LibraryBadge, TITLE_LIBRARIES, answerSchema, describeSchema, indexEntries, indexId, isIndexId, librariesFrom, openChannel, schemaFromDescription };
+//# sourceMappingURL=chunk-V4RI7GWD.js.map
+//# sourceMappingURL=chunk-V4RI7GWD.js.map

package/dist/chunk-V4RI7GWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/protocol/schema.ts","../src/protocol/channel.ts","../src/story/indexPages.ts","../src/story/library.ts","../src/frame/index/LibraryBadge.tsx","../src/frame/index/variants.ts","../src/frame/index/IndexPage.tsx"],"names":["resolveConfigSchema","isEntryShown","isConfigBranch","createContext","useContext","jsx","Badge"],"mappings":"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","file":"chunk-V4RI7GWD.js","sourcesContent":["import {\n  f,\n  isConfigBranch,\n  isEntryShown,\n  resolveConfigSchema,\n  schemaNodeAtPath,\n  type Annotations,\n  type BranchAnnotations,\n  type ConfigBranch,\n  type ConfigEntry,\n  type ConfigNode,\n  type ConfigSchema,\n  type ConfigShape,\n  type NodeOptions,\n} from '@weasel-js/labkit/config';\n\n/** The section a described entry sits in, as structured-clone data. */\nexport interface SectionDescription {\n  label: string;\n  collapsed?: boolean;\n}\n\n/** One key of a described shape: a leaf, or a branch holding more. */\nexport type DescribedEntry =\n  | {\n      branch: true;\n      annotations: BranchAnnotations;\n      section?: SectionDescription;\n      conditional: boolean;\n      children: DescribedShape;\n    }\n  | {\n      branch: false;\n      kind: string | null;\n      default: unknown;\n      annotations: Annotations;\n      section?: SectionDescription;\n      conditional: boolean;\n      validated: boolean;\n      /** The node draws its own row with `.render`, which stays in the frame. */\n      customControl: boolean;\n    };\n\n/** A config shape as structured-clone data: each key's entry, described. */\nexport type DescribedShape = { [key: string]: DescribedEntry };\n\n/** A story's `f.schema` as structured-clone data. */\nexport interface SchemaDescription {\n  nodes: DescribedShape;\n}\n\n/** Answers the workshop has for the rebuilt schema's predicates. */\nexport interface SchemaAnswers {\n  hidden(path: string, config: unknown): boolean;\n  errors(path: string, config: unknown): string[];\n}\n\nconst joinPath = (at: string, key: string): string => (at === '' ? key : `${at}.${key}`);\n\nfunction describeShape(shape: ConfigShape): DescribedShape {\n  const out: DescribedShape = {};\n  for (const [key, entry] of Object.entries(shape)) {\n    const { section, showIf } = entry.options;\n    const common = {\n      annotations: { ...entry.annotations },\n      ...(section === undefined ? {} : { section: { ...section } }),\n      conditional: showIf !== undefined,\n    };\n    out[key] = isConfigBranch(entry)\n      ? { branch: true, ...common, children: describeShape(entry.children) }\n      : {\n          branch: false,\n          kind: entry.kind,\n          default: entry.default,\n          ...common,\n          validated: entry.options.validate !== undefined,\n          customControl: entry.options.render !== undefined,\n        };\n  }\n  return out;\n}\n\nexport function describeSchema(schema: ConfigSchema<unknown>): SchemaDescription {\n  return { nodes: describeShape(schema.nodes) };\n}\n\nfunction rebuildShape(shape: DescribedShape, at: string, answers: SchemaAnswers): ConfigShape {\n  const out: Record<string, ConfigEntry> = {};\n  for (const [key, entry] of Object.entries(shape)) {\n    const path = joinPath(at, key);\n    const options: NodeOptions = {\n      ...(entry.section === undefined ? {} : { section: entry.section }),\n      ...(entry.conditional ? { showIf: (config) => !answers.hidden(path, config) } : {}),\n    };\n    if (entry.branch) {\n      const branch: ConfigBranch = {\n        children: rebuildShape(entry.children, path, answers),\n        annotations: entry.annotations,\n        options,\n      };\n      out[key] = branch;\n    } else {\n      const node: ConfigNode = {\n        kind: entry.kind,\n        default: entry.default,\n        annotations: entry.annotations,\n        options: entry.validated ? { ...options, validate: (_leaf, config) => answers.errors(path, config) } : options,\n      };\n      out[key] = node;\n    }\n  }\n  return out;\n}\n\nexport function schemaFromDescription(\n  description: SchemaDescription,\n  answers: SchemaAnswers,\n): ConfigSchema<unknown> {\n  return f.schema(rebuildShape(description.nodes, '', answers)) as ConfigSchema<unknown>;\n}\n\n/** Evaluate a schema's own predicates for one config — the frame's half of `answers`. */\nexport function answerSchema(\n  schema: ConfigSchema<unknown>,\n  config: unknown,\n): { hidden: string[]; errors: Record<string, string[]> } {\n  const hidden: string[] = [];\n  const errors: Record<string, string[]> = {};\n  const record = config as Record<string, unknown>;\n  const { group } = resolveConfigSchema(schema);\n\n  const walk = (shape: ConfigShape, at: string): void => {\n    for (const [key, entry] of Object.entries(shape)) {\n      const path = joinPath(at, key);\n      if (!isEntryShown(entry, record, group)) hidden.push(path);\n      if (isConfigBranch(entry)) {\n        walk(entry.children, path);\n        continue;\n      }\n      const { validate } = entry.options;\n      if (!validate) continue;\n      const leaf = schemaNodeAtPath(group, path);\n      if (!leaf || 'children' in leaf) continue;\n      const found = validate(leaf, record);\n      if (found.length > 0) errors[path] = found;\n    }\n  };\n  walk(schema.nodes, '');\n  return { hidden, errors };\n}\n","import { createEmitter } from '@weasel-js/registry';\nimport { type Envelope, PROTOCOL_VERSION } from './messages';\n\nexport interface PortLike {\n  postMessage(message: unknown): void;\n  addEventListener(type: 'message', fn: (event: MessageEvent) => void): void;\n  removeEventListener(type: 'message', fn: (event: MessageEvent) => void): void;\n  start?(): void;\n  close(): void;\n}\n\n/** One end of a two-way message link: sends `Out`, hears `In`. */\nexport interface Channel<In, Out> {\n  send(msg: Out): void;\n  on(fn: (msg: In) => void): () => void;\n  close(): void;\n}\n\nexport type Mismatch = { reason: 'not-an-envelope' } | { reason: 'version'; version: unknown };\n\nexport interface ChannelOptions {\n  onMismatch?: (mismatch: Mismatch) => void;\n}\n\nexport function openChannel<In, Out>(port: PortLike, options: ChannelOptions = {}): Channel<In, Out> {\n  const messages = createEmitter<[msg: In]>();\n  const onMessage = (event: MessageEvent) => {\n    const data: unknown = event.data;\n    if (typeof data !== 'object' || data === null || !('msg' in data)) {\n      options.onMismatch?.({ reason: 'not-an-envelope' });\n      return;\n    }\n    const envelope = data as Partial<Envelope<In>>;\n    if (envelope.v !== PROTOCOL_VERSION) {\n      options.onMismatch?.({ reason: 'version', version: envelope.v });\n      return;\n    }\n    messages.emit(envelope.msg as In);\n  };\n  port.addEventListener('message', onMessage);\n  port.start?.();\n  return {\n    send: (msg) => port.postMessage({ v: PROTOCOL_VERSION, msg } satisfies Envelope<Out>),\n    on: messages.subscribe,\n    close: () => {\n      port.removeEventListener('message', onMessage);\n      port.close();\n    },\n  };\n}\n","import { sanitize } from './ids';\nimport type { IndexEntry } from './types';\n\nconst SUFFIX = ':index';\n\n/** The name an index page goes by in the sidebar and in its trial's title. */\nexport const INDEX_NAME = 'Index';\n\n/** The id of `title`'s index page. A colon never survives `sanitize`, so no story id can collide with it. */\nexport function indexId(title: string): string {\n  return `${sanitize(title)}${SUFFIX}`;\n}\n\nexport function isIndexId(id: string): boolean {\n  return id.endsWith(SUFFIX);\n}\n\n/**\n * One index-page entry per title in `stories`, in the order titles first appear. It routes and runs like a story:\n * its `file` is the title's first story file, its descriptions are the title's own, and its tags are those every story\n * of the title carries.\n */\nexport function indexEntries(stories: readonly IndexEntry[]): IndexEntry[] {\n  const byTitle = new Map<string, IndexEntry>();\n  for (const entry of stories) {\n    const page = byTitle.get(entry.title);\n    if (page) {\n      if (page.tags) {\n        const common = page.tags.filter((tag) => entry.tags?.includes(tag));\n        if (common.length > 0) page.tags = common;\n        else delete page.tags;\n      }\n      continue;\n    }\n    byTitle.set(entry.title, {\n      id: indexId(entry.title),\n      title: entry.title,\n      name: INDEX_NAME,\n      exportName: '',\n      file: entry.file,\n      ...(entry.componentDescription === undefined ? {} : { componentDescription: entry.componentDescription }),\n      ...(entry.componentName === undefined ? {} : { componentName: entry.componentName }),\n      ...(entry.tags === undefined ? {} : { tags: entry.tags }),\n    });\n  }\n  return [...byTitle.values()];\n}\n","import type { StanceProps } from '@weasel-js/ui';\nimport { createContext } from 'react';\n\n/** One library of a project: the story files under `path` carry `label`. */\nexport interface Library {\n  /** A stretch of path every story file of the library has, with forward slashes: `/packages/ui/`. */\n  path: string;\n  label: string;\n  /** The tone of the library's badge, as a `<Badge>` takes one. Default: the badge's own muted tone. */\n  tone?: StanceProps['tone'];\n}\n\n/** A project's libraries, as the tree's package filter, the index page header, and Get Info ask about them. */\nexport interface Libraries {\n  /** The label of the first library whose `path` the story's file holds, else its title's first segment. */\n  of(entry: { file: string; title: string }): string;\n  toneOf(label: string): StanceProps['tone'];\n}\n\nexport function librariesFrom(table: readonly Library[] = []): Libraries {\n  return {\n    of(entry) {\n      const file = entry.file.replaceAll('\\\\', '/');\n      return table.find((library) => file.includes(library.path))?.label ?? entry.title.split('/')[0] ?? entry.title;\n    },\n    toneOf: (label) => table.find((library) => library.label === label)?.tone,\n  };\n}\n\n/** No table: every story's library is its title's first segment. */\nexport const TITLE_LIBRARIES = librariesFrom();\n\n/** The workshop's libraries, from `ShellConfig.libraries`. */\nexport const LibrariesContext = createContext<Libraries>(TITLE_LIBRARIES);\n","// The component's own entry, not the barrel: the barrel would bring every weasel-ui component into each frame.\nimport { Badge } from '@weasel-js/ui/components/Badge';\nimport { useContext } from 'react';\nimport { LibrariesContext } from '../../story/library';\n\n/** A component's library, as a badge in the tone the project gave that library. */\nexport function LibraryBadge({ library, className }: { library: string; className?: string }) {\n  const tone = useContext(LibrariesContext).toneOf(library);\n  return (\n    <Badge status=\"muted\" {...(tone === undefined ? {} : { tone })} variant=\"subtle\" size=\"sm\" {...(className ? { className } : {})}>\n      {library}\n    </Badge>\n  );\n}\n","import { type ConfigSchema, type ConfigShape, isConfigBranch, isEntryShown, resolveConfigSchema, titleCase } from '@weasel-js/labkit/config';\nimport { isPlainObject } from '@weasel-js/core';\n\nexport interface VariantValue {\n  value: unknown;\n  label: string;\n}\n\n/** One control a story is shown varying along, with every other control at its default. */\nexport interface VariantRow {\n  /** Dotted, as `setConfig` takes it. */\n  path: string;\n  label: string;\n  values: VariantValue[];\n}\n\n/** Above this many choices a row stops being something to scan. */\nexport const MAX_ENUM_OPTIONS = 8;\nexport const MAX_ROWS = 6;\n\nconst labelOf = (key: string, name: string | undefined): string => name ?? titleCase(key);\n\n/**\n * The boolean and enum controls of `schema` a story can be shown varying along, in schema order: skipped are\n * controls that draw their own row, controls hidden at the defaults, and enums with more than\n * `MAX_ENUM_OPTIONS` choices. At most `MAX_ROWS`.\n */\nexport function variantRows(schema: ConfigSchema<unknown>): VariantRow[] {\n  const defaults = schema.defaults() as Record<string, unknown>;\n  const { group } = resolveConfigSchema(schema);\n  const rows: VariantRow[] = [];\n  const walk = (shape: ConfigShape, at: string): void => {\n    for (const [key, entry] of Object.entries(shape)) {\n      if (rows.length >= MAX_ROWS) return;\n      const path = at === '' ? key : `${at}.${key}`;\n      if (!isEntryShown(entry, defaults, group)) continue;\n      if (isConfigBranch(entry)) {\n        walk(entry.children, path);\n        continue;\n      }\n      if (entry.annotations.hidden || entry.options.render) continue;\n      const label = labelOf(key, entry.annotations.name);\n      if (entry.kind === 'boolean') {\n        rows.push({ path, label, values: [false, true].map((value) => ({ value, label: String(value) })) });\n      } else if (entry.kind === 'enum') {\n        const options = entry.annotations.options ?? [];\n        if (options.length < 2 || options.length > MAX_ENUM_OPTIONS) continue;\n        rows.push({ path, label, values: options.map((o) => ({ value: o.value, label: o.label })) });\n      }\n    }\n  };\n  walk(schema.nodes, '');\n  return rows;\n}\n\n/** `over` merged into `base`: nested plain objects merge, anything else replaces. */\nexport function mergeConfig(base: unknown, over: unknown): unknown {\n  if (!isPlainObject(base) || !isPlainObject(over)) return over === undefined ? base : over;\n  const out: Record<string, unknown> = { ...base };\n  for (const [key, value] of Object.entries(over)) out[key] = mergeConfig(base[key], value);\n  return out;\n}\n\n/** `config` with `value` at dotted `path`, copying each object along the way. */\nexport function withValueAt(config: unknown, path: string, value: unknown): unknown {\n  const [head, ...rest] = path.split('.');\n  if (head === undefined) return value;\n  const record = isPlainObject(config) ? config : {};\n  return { ...record, [head]: rest.length === 0 ? value : withValueAt(record[head], rest.join('.'), value) };\n}\n","// The components' own entries, not the barrel: the barrel would bring every weasel-ui component into each frame.\nimport { Badge } from '@weasel-js/ui/components/Badge';\nimport { Button } from '@weasel-js/ui/components/Button';\nimport {\n  createContext,\n  type MouseEvent,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { Globals } from '../../protocol/messages';\nimport { indexId } from '../../story/indexPages';\nimport type { ComponentDeps, Decorator, IndexContext, IndexStoryProps, LoadedStory, StoryContext } from '../../story/types';\nimport { StoryHost } from '../StoryHost';\nimport { useNearViewport } from '../useNearViewport';\nimport { mergeConfig, variantRows, withValueAt } from './variants';\nimport './index.css';\nimport { LibraryBadge } from './LibraryBadge';\nimport num from '@weasel-js/theme/numeric.module.css';\n\n/** What every cell on an index page shares with the frame that hosts it. */\nexport interface IndexEnv {\n  title: string;\n  /** The package the component ships in. */\n  library?: string;\n  description?: string;\n  stories: readonly LoadedStory[];\n  /** Per story id, the JSDoc above its export. */\n  descriptions: Readonly<Record<string, string>>;\n  /** A catalog or showcase rather than one component: every story of it is tagged `gallery`. */\n  gallery?: boolean;\n  /** The ids of the stories tagged `gallery`. */\n  galleries?: readonly string[];\n  /** The component's place in the component graph; absent until the graph arrives, and for a gallery. */\n  dependencies?: ComponentDeps;\n  globals: Globals;\n  /** The frame config's, outermost. */\n  decorators: readonly Decorator[];\n  open: (id: string) => void;\n  onError: (error: unknown) => void;\n}\n\nexport const IndexEnvContext = createContext<IndexEnv | null>(null);\n\nfunction useEnv(): IndexEnv {\n  const env = useContext(IndexEnvContext);\n  if (!env) throw new Error('An index page part rendered outside its index page');\n  return env;\n}\n\n/** How far past the viewport a cell stays mounted. */\nconst NEAR_MARGIN = '100%';\n\n/**\n * One story at its defaults with `config` over them. It keeps its own config and state, so it stays interactive, and\n * it mounts only while near the viewport, so a page of canvas stories stays under the browser's WebGL context cap.\n */\nexport function IndexStory({ story, config: over, label }: IndexStoryProps) {\n  const env = useEnv();\n  const [config, setConfig] = useState(() => mergeConfig(story.config.defaults(), over));\n  const [state, setState] = useState<unknown>(() => story.initialState?.(config) ?? null);\n  const cell = useRef<HTMLElement>(null);\n  // Starts unmounted, so a page of canvas stories never mounts every cell at once.\n  const near = useNearViewport(cell, NEAR_MARGIN, false);\n  // Held while unmounted, so scrolling past a cell does not move everything after it.\n  const [height, setHeight] = useState<number | null>(null);\n  useEffect(() => {\n    const el = cell.current;\n    if (!near || !el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => setHeight(el.getBoundingClientRect().height));\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [near]);\n  const ctx: StoryContext = {\n    config,\n    setConfig: (path, value) => setConfig((prev: unknown) => withValueAt(prev, path, value)),\n    state,\n    setState: (next) =>\n      setState((prev: unknown) => (typeof next === 'function' ? (next as (p: unknown) => unknown)(prev) : next)),\n    globals: env.globals,\n    title: story.title,\n    name: story.name,\n  };\n  return (\n    <figure\n      ref={cell}\n      className={`fg-index-cell fg-index-cell--${story.layout}`}\n      style={!near && height !== null ? { minHeight: height } : undefined}\n    >\n      <div className=\"fg-index-cell__stage\">\n        {near ? (\n          <StoryHost story={story} ctx={ctx} decorators={env.decorators} resetKey={0} onError={env.onError} />\n        ) : null}\n      </div>\n      {label === undefined ? null : <figcaption className=\"fg-index-cell__label\">{label}</figcaption>}\n    </figure>\n  );\n}\n\n/** `story` once per value of each boolean and enum control, every other control at its default. */\nexport function IndexVariants({ story }: { story: LoadedStory }) {\n  const rows = useMemo(() => variantRows(story.config), [story]);\n  const defaults = useMemo(() => story.config.defaults(), [story]);\n  if (rows.length === 0) return null;\n  return (\n    <div className=\"fg-index-variants\">\n      {rows.map((row) => (\n        <section key={row.path} className=\"fg-index-variants__row\" aria-label={row.label}>\n          <h4 className=\"fg-index-variants__label\">{row.label}</h4>\n          <div className=\"fg-index-variants__cells\">\n            {row.values.map((v) => (\n              <IndexStory\n                key={String(v.value)}\n                story={story}\n                config={withValueAt(defaults, row.path, v.value) as Record<string, unknown>}\n                label={v.label}\n              />\n            ))}\n          </div>\n        </section>\n      ))}\n    </div>\n  );\n}\n\nfunction GalleryBadge() {\n  return (\n    <Badge status=\"accent\" variant=\"subtle\" size=\"sm\">\n      Gallery\n    </Badge>\n  );\n}\n\nfunction DependencyList({ label, titles, empty }: { label: string; titles: readonly string[]; empty: string }) {\n  const env = useEnv();\n  const labelId = useId();\n  const follow = (event: MouseEvent, id: string) => {\n    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    event.preventDefault();\n    env.open(id);\n  };\n  return (\n    <div className=\"fg-index-deps__row\">\n      <dt id={labelId} className=\"fg-index-deps__label\">\n        {label}\n      </dt>\n      <dd className=\"fg-index-deps__value\">\n        {titles.length === 0 ? (\n          <span className=\"fg-index-deps__empty\">{empty}</span>\n        ) : (\n          <ul className=\"fg-index-deps__list\" aria-labelledby={labelId}>\n            {titles.map((title) => {\n              const cut = title.lastIndexOf('/') + 1;\n              const id = indexId(title);\n              return (\n                <li key={title}>\n                  <a className=\"fg-index-deps__link\" href={`#/${encodeURIComponent(id)}`} onClick={(event) => follow(event, id)}>\n                    <span className=\"fg-index-deps__prefix\">{title.slice(0, cut)}</span>\n                    {title.slice(cut)}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </dd>\n    </div>\n  );\n}\n\n/** The listed components this one uses and those that use it, read from source. Nothing for a gallery. */\nexport function IndexDependencies() {\n  const { gallery, dependencies } = useEnv();\n  if (gallery || !dependencies) return null;\n  if (dependencies.source === null) {\n    return (\n      <p className=\"fg-index-deps__none\">\n        forge found no source file for this component, so it lists none of its dependencies. It looks for the\n        import the meta&rsquo;s <code>component</code> names, or else the one the title&rsquo;s last segment names.\n      </p>\n    );\n  }\n  return (\n    <dl className=\"fg-index-deps\" aria-label=\"Dependencies\">\n      <DependencyList label=\"Uses\" titles={dependencies.uses} empty=\"No listed component.\" />\n      <DependencyList label=\"Used by\" titles={dependencies.usedBy} empty=\"No listed component uses it.\" />\n    </dl>\n  );\n}\n\nconst DAY = new Intl.DateTimeFormat(undefined, { dateStyle: 'medium' });\n\nfunction HistoryDate({ label, iso }: { label: string; iso: string }) {\n  return (\n    <div className=\"fg-index-history__item\">\n      <dt className=\"fg-index-history__label\">{label}</dt>\n      <dd className={`fg-index-history__value ${num.numeric}`}>\n        <time dateTime={iso}>{DAY.format(new Date(iso))}</time>\n      </dd>\n    </div>\n  );\n}\n\n/** The release the component first shipped in, and when its source file was created and last changed, read from\n *  git. Nothing for a gallery, or for a source file git has never committed. */\nexport function IndexHistory() {\n  const { gallery, dependencies } = useEnv();\n  const history = gallery ? undefined : dependencies?.history;\n  if (!history) return null;\n  return (\n    <dl className=\"fg-index-history\" aria-label=\"History\">\n      <div className=\"fg-index-history__item\">\n        <dt className=\"fg-index-history__label\">Since</dt>\n        <dd className={`fg-index-history__value ${num.numeric}`}>{history.introduced ?? 'Unreleased'}</dd>\n      </div>\n      <HistoryDate label=\"Created\" iso={history.created} />\n      <HistoryDate label=\"Modified\" iso={history.modified} />\n    </dl>\n  );\n}\n\nfunction StorySection({ story, variants }: { story: LoadedStory; variants: boolean }) {\n  const env = useEnv();\n  const headingId = useId();\n  const description = env.descriptions[story.id];\n  const gallery = !env.gallery && env.galleries?.includes(story.id);\n  return (\n    <section className=\"fg-index-story\" aria-labelledby={headingId}>\n      <header className=\"fg-index-story__head\">\n        <h2 id={headingId} className=\"fg-index-story__name\">\n          {story.name}\n        </h2>\n        {gallery ? <GalleryBadge /> : null}\n        <Button variant=\"secondary\" size=\"sm\" onClick={() => env.open(story.id)}>\n          Open\n        </Button>\n      </header>\n      {description ? <p className=\"fg-index-story__description\">{description}</p> : null}\n      <IndexStory story={story} />\n      {variants ? <IndexVariants story={story} /> : null}\n    </section>\n  );\n}\n\n/** Which of `stories` show their variants: the first of each set of controls. Stories of one CSF file share their\n *  meta's controls, and the same rows under every story would only repeat. */\nfunction firstOfEachControlSet(stories: readonly LoadedStory[]): Set<string> {\n  const seen = new Set<string>();\n  const shown = new Set<string>();\n  for (const story of stories) {\n    const key = JSON.stringify(variantRows(story.config));\n    if (seen.has(key)) continue;\n    seen.add(key);\n    shown.add(story.id);\n  }\n  return shown;\n}\n\n/** The generated page: the component's title and description, then each story, with the variants of the first of\n *  each set of controls. */\nexport function DefaultIndex() {\n  const env = useEnv();\n  const withVariants = useMemo(() => firstOfEachControlSet(env.stories), [env.stories]);\n  const segments = env.title.split('/');\n  const name = segments.pop();\n  const { library } = env;\n  if (library !== undefined && segments[0] === library) segments.shift();\n  return (\n    <article className=\"fg-index\">\n      <header className=\"fg-index__head\">\n        {segments.length > 0 || library !== undefined ? (\n          <p className=\"fg-index__path\">\n            {library !== undefined ? <LibraryBadge library={library} className=\"fg-index__library\" /> : null}\n            {segments.join(' / ')}\n          </p>\n        ) : null}\n        <div className=\"fg-index__title-row\">\n          <h1 className=\"fg-index__title\">{name}</h1>\n          {env.gallery ? <GalleryBadge /> : null}\n        </div>\n        {env.description ? <p className=\"fg-index__description\">{env.description}</p> : null}\n        <IndexHistory />\n        <IndexDependencies />\n      </header>\n      {env.stories.map((story) => (\n        <StorySection key={story.id} story={story} variants={withVariants.has(story.id)} />\n      ))}\n    </article>\n  );\n}\n\n/** What a component's own index page is handed. */\nexport function indexContext(env: IndexEnv): IndexContext {\n  return {\n    title: env.title,\n    ...(env.description === undefined ? {} : { description: env.description }),\n    stories: env.stories,\n    globals: env.globals,\n    Story: IndexStory,\n    Variants: IndexVariants,\n    DefaultIndex,\n    Dependencies: IndexDependencies,\n    History: IndexHistory,\n    gallery: env.gallery ?? false,\n    open: env.open,\n  };\n}\n\n/** The page itself: the component's own, or the generated one. */\nexport function IndexPage({ env, render }: { env: IndexEnv; render: ((ctx: IndexContext) => ReactNode) | null }) {\n  return (\n    <IndexEnvContext.Provider value={env}>{render ? render(indexContext(env)) : <DefaultIndex />}</IndexEnvContext.Provider>\n  );\n}\n"]}

package/dist/{chunk-HRGPFQBW.js → chunk-ZAWXMUGZ.js}

@@ -14,6 +14,9 @@ function storyNameFromExport(exportName) {
   return exportName.replace(/_/g, " ").replace(/-/g, " ").replace(/\./g, " ").replace(/([^\n])([A-Z])([a-z])/g, (_, a, b, c) => `${a} ${b}${c}`).replace(/([a-z])([A-Z])/g, (_, a, b) => `${a} ${b}`).replace(/([a-z])([0-9])/gi, (_, a, b) => `${a} ${b}`).replace(/([0-9])([a-z])/gi, (_, a, b) => `${a} ${b}`).replace(/(\s|^)(\w)/g, (_, a, b) => `${a}${b.toUpperCase()}`).replace(/ +/g, " ").trim();
 }
 
-export { sanitize, storyId, storyNameFromExport };
-//# sourceMappingURL=chunk-HRGPFQBW.js.map
-//# sourceMappingURL=chunk-HRGPFQBW.js.map
+// src/csf/propArgTypes.ts
+var PROP_ARG_TYPES_EXPORT = "__forgeArgTypes";
+
+export { PROP_ARG_TYPES_EXPORT, sanitize, storyId, storyNameFromExport };
+//# sourceMappingURL=chunk-ZAWXMUGZ.js.map
+//# sourceMappingURL=chunk-ZAWXMUGZ.js.map

package/dist/chunk-ZAWXMUGZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/ids.ts","../src/csf/propArgTypes.ts"],"names":[],"mappings":";AAIO,SAAS,SAAS,IAAA,EAAsB;AAC7C,EAAA,OAAO,KACJ,WAAA,EAAY,CACZ,OAAA,CAAQ,iDAAA,EAAmD,GAAG,CAAA,CAC9D,OAAA,CAAQ,KAAA,EAAO,GAAG,EAClB,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA,CACjB,OAAA,CAAQ,OAAO,EAAE,CAAA;AACtB;AAEA,SAAS,YAAA,CAAa,MAAc,IAAA,EAA+B;AACjE,EAAA,MAAM,SAAA,GAAY,SAAS,IAAI,CAAA;AAC/B,EAAA,IAAI,SAAA,KAAc,IAAI,MAAM,IAAI,MAAM,CAAA,QAAA,EAAW,IAAI,CAAA,EAAA,EAAK,IAAI,CAAA,uCAAA,CAAyC,CAAA;AACvG,EAAA,OAAO,SAAA;AACT;AAEO,SAAS,OAAA,CAAQ,OAAe,UAAA,EAA4B;AACjE,EAAA,OAAO,CAAA,EAAG,aAAa,KAAA,EAAO,MAAM,CAAC,CAAA,EAAA,EAAK,YAAA,CAAa,UAAA,EAAY,MAAM,CAAC,CAAA,CAAA;AAC5E;AAGO,SAAS,oBAAoB,UAAA,EAA4B;AAC9D,EAAA,OAAO,WACJ,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA,CACjB,QAAQ,IAAA,EAAM,GAAG,CAAA,CACjB,OAAA,CAAQ,OAAO,GAAG,CAAA,CAClB,QAAQ,wBAAA,EAA0B,CAAC,GAAG,CAAA,EAAW,CAAA,EAAW,CAAA,KAAc,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,GAAG,CAAC,CAAA,CAAE,EACzF,OAAA,CAAQ,iBAAA,EAAmB,CAAC,CAAA,EAAG,GAAW,CAAA,KAAc,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,EAAE,CAAA,CACnE,OAAA,CAAQ,kBAAA,EAAoB,CAAC,GAAG,CAAA,EAAW,CAAA,KAAc,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA,CAAE,CAAA,CACpE,OAAA,CAAQ,oBAAoB,CAAC,CAAA,EAAG,GAAW,CAAA,KAAc,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAA,CACpE,QAAQ,aAAA,EAAe,CAAC,GAAG,CAAA,EAAW,CAAA,KAAc,GAAG,CAAC,CAAA,EAAG,CAAA,CAAE,WAAA,EAAa,CAAA,CAAE,CAAA,CAC5E,QAAQ,KAAA,EAAO,GAAG,EAClB,IAAA,EAAK;AACV;;;ACnCO,IAAM,qBAAA,GAAwB","file":"chunk-ZAWXMUGZ.js","sourcesContent":["// sanitize, storyId and storyNameFromExport are ports of storybook/internal/csf (10.4.0)'s\n// sanitize, toId and storyNameFromExport; they must agree or links diverge.\n\n/** Lower-case; runs of the listed separators become one dash. Everything else, non-ASCII letters included, survives. */\nexport function sanitize(part: string): string {\n  return part\n    .toLowerCase()\n    .replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\\-=?;:'\",.<>{}[\\]\\\\/]/gi, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-+/, '')\n    .replace(/-+$/, '');\n}\n\nfunction sanitizeSafe(part: string, kind: 'kind' | 'name'): string {\n  const sanitized = sanitize(part);\n  if (sanitized === '') throw new Error(`Invalid ${kind} '${part}', must include alphanumeric characters`);\n  return sanitized;\n}\n\nexport function storyId(title: string, exportName: string): string {\n  return `${sanitizeSafe(title, 'kind')}--${sanitizeSafe(exportName, 'name')}`;\n}\n\n/** `PrimaryButton` → `Primary Button`, `withIcon2` → `With Icon 2`. */\nexport function storyNameFromExport(exportName: string): string {\n  return exportName\n    .replace(/_/g, ' ')\n    .replace(/-/g, ' ')\n    .replace(/\\./g, ' ')\n    .replace(/([^\\n])([A-Z])([a-z])/g, (_, a: string, b: string, c: string) => `${a} ${b}${c}`)\n    .replace(/([a-z])([A-Z])/g, (_, a: string, b: string) => `${a} ${b}`)\n    .replace(/([a-z])([0-9])/gi, (_, a: string, b: string) => `${a} ${b}`)\n    .replace(/([0-9])([a-z])/gi, (_, a: string, b: string) => `${a} ${b}`)\n    .replace(/(\\s|^)(\\w)/g, (_, a: string, b: string) => `${a}${b.toUpperCase()}`)\n    .replace(/ +/g, ' ')\n    .trim();\n}\n","/** The named export forge's vite plugin adds to a story module: argTypes read from the props of the meta's `component`. */\nexport const PROP_ARG_TYPES_EXPORT = '__forgeArgTypes';\n"]}

package/dist/{config-BfsYw5lg.d.ts → config-Cz7ZyGF-.d.ts}

@@ -1,8 +1,8 @@
 import { LabMode, LabContribution, LabPage } from '@weasel-js/labkit';
 import { Theme } from '@weasel-js/theme';
 import { ControlRenderer } from '@weasel-js/labkit/config';
-import { G as Globals, F as FrameSetup } from './FrameController-CpcY0DNB.js';
-import { IconName } from '@weasel-js/ui';
+import { G as Globals, F as FrameSetup } from './FrameController-UeTY7ubF.js';
+import { IconName, StanceProps } from '@weasel-js/ui';
 
 /** One global the workshop's toolbar sets for every story, and a trial may pin for its own. */
 interface GlobalDeclaration {
@@ -37,9 +37,29 @@ type GlobalDeclarations = Readonly<Record<string, GlobalDeclaration>>;
 /** A lab value, for a declaration that `follows` the app, meaning whatever the app's chrome is set to. */
 declare const FOLLOW_APP = "app";
 
+/** One library of a project: the story files under `path` carry `label`. */
+interface Library {
+    /** A stretch of path every story file of the library has, with forward slashes: `/packages/ui/`. */
+    path: string;
+    label: string;
+    /** The tone of the library's badge, as a `<Badge>` takes one. Default: the badge's own muted tone. */
+    tone?: StanceProps['tone'];
+}
+/** A project's libraries, as the tree's package filter, the index page header, and Get Info ask about them. */
+interface Libraries {
+    /** The label of the first library whose `path` the story's file holds, else its title's first segment. */
+    of(entry: {
+        file: string;
+        title: string;
+    }): string;
+    toneOf(label: string): StanceProps['tone'];
+}
+
 /** A shell config module: what the workshop adds to the lab. Only the workshop page imports it. */
 interface ShellConfig {
-    /** The workshop's name, in its header and as the document title. Default `weaselforge`. */
+    /** The workshop's name, in its header and as the document title. Default `weaselforge`. The served page reads
+     *  it from this module's source, so write it as a string or a `const` of this file; a computed one titles the
+     *  page only once the workshop has loaded. */
     title?: string;
     /** Whether the lab offers the CSS Vars panel. Default true. */
     cssVars?: boolean;
@@ -50,14 +70,17 @@ interface ShellConfig {
     /** The theme the workshop's own chrome takes at the lab's current globals, so a global can restyle the workshop
      *  as well as the stories. Default: labkit's. */
     labTheme?: (globals: Globals) => Theme;
+    /** The project's libraries, each a stretch of file path and the label its stories carry in the tree's package
+     *  filter, on index pages, and in Get Info. A story under none of them takes its title's first segment. */
+    libraries?: readonly Library[];
     /** The project's other labs, offered in the workshop's title menu. */
     pages?: readonly LabPage[];
     /** Which of `pages` the workshop is, when the URL alone cannot say, as across dev servers on different ports. */
     path?: string;
 }
-/** A frame config module's default export. Only frame documents import it, so its CSS stays out of the workshop. */
+/** A frame config module's default export. The workshop page imports it as well as every frame document, so CSS it imports reaches both; the plugin's `frameStyles` is for CSS meant for frames alone. */
 declare function defineFrameConfig(config: FrameSetup): FrameSetup;
 /** A shell config module's default export. */
 declare function defineShellConfig(config: ShellConfig): ShellConfig;
 
-export { FOLLOW_APP as F, type GlobalDeclaration as G, type LabChrome as L, type ShellConfig as S, type GlobalDeclarations as a, defineShellConfig as b, defineFrameConfig as d };
+export { FOLLOW_APP as F, type GlobalDeclaration as G, type LabChrome as L, type ShellConfig as S, type GlobalDeclarations as a, type Library as b, defineShellConfig as c, defineFrameConfig as d, type Libraries as e };

package/dist/csf/preview-api.d.ts

@@ -1,9 +1,12 @@
-type Args = Record<string, unknown>;
 /**
  * Storybook's `useArgs`, writing through the trial's config. Stands in for `storybook/preview-api`.
  * A value a MessagePort would not deliver intact, such as a function, a React element or a class
  * instance, stays in the frame.
  */
-declare function useArgs(): [Args, (patch: Args) => void, (argNames?: string[]) => void];
+declare function useArgs(): [
+    Record<string, unknown>,
+    (patch: Record<string, unknown>) => void,
+    (argNames?: string[]) => void
+];
 
 export { useArgs };

package/dist/csf/preview-api.js

@@ -1,5 +1,5 @@
-import { ArgsContext, coverOf, isPortSafe } from '../chunk-MGQWCPYE.js';
-import '../chunk-KJGXJD3U.js';
+import { ArgsContext, coverOf, isPortSafe } from '../chunk-GB6PRJET.js';
+import '../chunk-FL2MUPUL.js';
 import { useContext } from 'react';
 
 var sendable = (value) => {

package/dist/csf/preview-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/csf/shims/preview-api.ts"],"names":[],"mappings":";;;;AAOA,IAAM,QAAA,GAAW,CAAC,KAAA,KAA4B;AAC5C,EAAA,IAAI,CAAC,UAAA,CAAW,KAAK,CAAA,EAAG,OAAO,KAAA;AAC/B,EAAA,IAAI;AACF,IAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF,CAAA;AAEA,IAAM,OAAA,GAAU,CAAC,KAAA,EAAkB,IAAA,KACjC,OAAO,WAAA,CAAY,MAAA,CAAO,QAAQ,KAAK,CAAA,CAAE,OAAO,CAAC,CAAC,GAAG,CAAA,KAAM,CAAC,KAAK,QAAA,CAAS,GAAG,CAAC,CAAC,CAAA;AAO1E,SAAS,OAAA,GAAwE;AACtF,EAAA,MAAM,KAAA,GAAQ,WAAW,WAAW,CAAA;AACpC,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,MAAM,2DAA2D,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,UAAU,QAAA,EAAU,SAAA,EAAW,UAAS,GAAI,KAAA;AAClE,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAgB;AAClC,IAAA,MAAM,OAA4B,EAAC;AACnC,IAAA,MAAM,OAAkB,EAAC;AACzB,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,EAAG;AAChD,MAAA,IAAI,QAAA,CAAS,KAAK,CAAA,EAAG,IAAA,CAAK,KAAK,CAAC,GAAA,EAAK,KAAK,CAAC,CAAA;AAAA,WACtC,IAAA,CAAK,GAAG,CAAA,GAAI,EAAE,KAAA,EAAO,MAAM,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAC,CAAA,EAAE;AAAA,IACvD;AACA,IAAA,QAAA,CAAS,CAAC,IAAA,MAAU,EAAE,GAAG,OAAA,CAAQ,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,KAAK,CAAC,CAAA,EAAG,GAAG,MAAK,CAAE,CAAA;AACtE,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,IAAA,EAAM,SAAA,CAAU,KAAK,KAAK,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,SAAA,GAAY,CAAC,QAAA,KAAwB;AACzC,IAAA,MAAM,OAAO,QAAA,IAAY,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAG,MAAA,CAAO,IAAA,CAAK,QAAQ,GAAG,GAAG,MAAA,CAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAA;AAEtF,IAAA,MAAM,UAAqB,EAAC;AAC5B,IAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,MAAA,IAAI,OAAO,QAAA,EAAU;AACnB,QAAA,SAAA,CAAU,GAAA,EAAK,QAAA,CAAS,GAAG,CAAC,CAAA;AAC5B,QAAA;AAAA,MACF;AACA,MAAA,IAAI,MAAA,CAAO,GAAG,CAAA,KAAM,MAAA,EAAW;AAC/B,MAAA,OAAA,CAAQ,GAAG,CAAA,GAAI,EAAE,KAAA,EAAO,QAAA,CAAS,GAAG,CAAA,EAAG,IAAA,EAAM,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAC,CAAA,EAAE;AAClE,MAAA,SAAA,CAAU,KAAK,MAAS,CAAA;AAAA,IAC1B;AACA,IAAA,QAAA,CAAS,CAAC,IAAA,MAAU,EAAE,GAAI,QAAA,GAAW,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAA,GAAI,EAAC,EAAI,GAAG,SAAQ,CAAE,CAAA;AAAA,EAC/E,CAAA;AACA,EAAA,OAAO,CAAC,IAAA,EAAM,UAAA,EAAY,SAAS,CAAA;AACrC","file":"preview-api.js","sourcesContent":["import { useContext } from 'react';\nimport { ArgsContext, coverOf, type LocalArgs } from '../argsContext';\nimport { isPortSafe } from '../portSafe';\n\ntype Args = Record<string, unknown>;\n\n/** A Proxy passes `isPortSafe` and still makes `structuredClone` throw. */\nconst sendable = (value: unknown): boolean => {\n  if (!isPortSafe(value)) return false;\n  try {\n    structuredClone(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst without = (local: LocalArgs, keys: string[]): LocalArgs =>\n  Object.fromEntries(Object.entries(local).filter(([key]) => !keys.includes(key)));\n\n/**\n * Storybook's `useArgs`, writing through the trial's config. Stands in for `storybook/preview-api`.\n * A value a MessagePort would not deliver intact, such as a function, a React element or a class\n * instance, stays in the frame.\n */\nexport function useArgs(): [Args, (patch: Args) => void, (argNames?: string[]) => void] {\n  const scope = useContext(ArgsContext);\n  if (!scope) throw new Error('useArgs must be called inside a CSF story loaded by forge');\n  const { args, config, defaults, original, setConfig, setLocal } = scope;\n  const updateArgs = (patch: Args) => {\n    const sent: [string, unknown][] = [];\n    const kept: LocalArgs = {};\n    for (const [key, value] of Object.entries(patch)) {\n      if (sendable(value)) sent.push([key, value]);\n      else kept[key] = { value, over: coverOf(config[key]) };\n    }\n    setLocal((prev) => ({ ...without(prev, Object.keys(patch)), ...kept }));\n    for (const [key, value] of sent) setConfig(key, value);\n  };\n  const resetArgs = (argNames?: string[]) => {\n    const keys = argNames ?? [...new Set([...Object.keys(defaults), ...Object.keys(args)])];\n    // A key with no control shows its original from the frame, so the render does not wait on the port.\n    const overlay: LocalArgs = {};\n    for (const key of keys) {\n      if (key in defaults) {\n        setConfig(key, defaults[key]);\n        continue;\n      }\n      if (config[key] === undefined) continue;\n      overlay[key] = { value: original[key], over: coverOf(config[key]) };\n      setConfig(key, undefined);\n    }\n    setLocal((prev) => ({ ...(argNames ? without(prev, keys) : {}), ...overlay }));\n  };\n  return [args, updateArgs, resetArgs];\n}\n"]}
+{"version":3,"sources":["../../src/csf/shims/preview-api.ts"],"names":[],"mappings":";;;;AAOA,IAAM,QAAA,GAAW,CAAC,KAAA,KAA4B;AAC5C,EAAA,IAAI,CAAC,UAAA,CAAW,KAAK,CAAA,EAAG,OAAO,KAAA;AAC/B,EAAA,IAAI;AACF,IAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF,CAAA;AAEA,IAAM,OAAA,GAAU,CAAC,KAAA,EAAkB,IAAA,KACjC,OAAO,WAAA,CAAY,MAAA,CAAO,QAAQ,KAAK,CAAA,CAAE,OAAO,CAAC,CAAC,GAAG,CAAA,KAAM,CAAC,KAAK,QAAA,CAAS,GAAG,CAAC,CAAC,CAAA;AAO1E,SAAS,OAAA,GAId;AACA,EAAA,MAAM,KAAA,GAAQ,WAAW,WAAW,CAAA;AACpC,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,MAAM,2DAA2D,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,UAAU,QAAA,EAAU,SAAA,EAAW,UAAS,GAAI,KAAA;AAClE,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAgB;AAClC,IAAA,MAAM,OAA4B,EAAC;AACnC,IAAA,MAAM,OAAkB,EAAC;AACzB,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,EAAG;AAChD,MAAA,IAAI,QAAA,CAAS,KAAK,CAAA,EAAG,IAAA,CAAK,KAAK,CAAC,GAAA,EAAK,KAAK,CAAC,CAAA;AAAA,WACtC,IAAA,CAAK,GAAG,CAAA,GAAI,EAAE,KAAA,EAAO,MAAM,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAC,CAAA,EAAE;AAAA,IACvD;AACA,IAAA,QAAA,CAAS,CAAC,IAAA,MAAU,EAAE,GAAG,OAAA,CAAQ,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,KAAK,CAAC,CAAA,EAAG,GAAG,MAAK,CAAE,CAAA;AACtE,IAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,IAAA,EAAM,SAAA,CAAU,KAAK,KAAK,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,SAAA,GAAY,CAAC,QAAA,KAAwB;AACzC,IAAA,MAAM,OAAO,QAAA,IAAY,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAG,MAAA,CAAO,IAAA,CAAK,QAAQ,GAAG,GAAG,MAAA,CAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAA;AAEtF,IAAA,MAAM,UAAqB,EAAC;AAC5B,IAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,MAAA,IAAI,OAAO,QAAA,EAAU;AACnB,QAAA,SAAA,CAAU,GAAA,EAAK,QAAA,CAAS,GAAG,CAAC,CAAA;AAC5B,QAAA;AAAA,MACF;AACA,MAAA,IAAI,MAAA,CAAO,GAAG,CAAA,KAAM,MAAA,EAAW;AAC/B,MAAA,OAAA,CAAQ,GAAG,CAAA,GAAI,EAAE,KAAA,EAAO,QAAA,CAAS,GAAG,CAAA,EAAG,IAAA,EAAM,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAC,CAAA,EAAE;AAClE,MAAA,SAAA,CAAU,KAAK,MAAS,CAAA;AAAA,IAC1B;AACA,IAAA,QAAA,CAAS,CAAC,IAAA,MAAU,EAAE,GAAI,QAAA,GAAW,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAA,GAAI,EAAC,EAAI,GAAG,SAAQ,CAAE,CAAA;AAAA,EAC/E,CAAA;AACA,EAAA,OAAO,CAAC,IAAA,EAAM,UAAA,EAAY,SAAS,CAAA;AACrC","file":"preview-api.js","sourcesContent":["import { useContext } from 'react';\nimport { ArgsContext, coverOf, type LocalArgs } from '../argsContext';\nimport { isPortSafe } from '../portSafe';\n\ntype Args = Record<string, unknown>;\n\n/** A Proxy passes `isPortSafe` and still makes `structuredClone` throw. */\nconst sendable = (value: unknown): boolean => {\n  if (!isPortSafe(value)) return false;\n  try {\n    structuredClone(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst without = (local: LocalArgs, keys: string[]): LocalArgs =>\n  Object.fromEntries(Object.entries(local).filter(([key]) => !keys.includes(key)));\n\n/**\n * Storybook's `useArgs`, writing through the trial's config. Stands in for `storybook/preview-api`.\n * A value a MessagePort would not deliver intact, such as a function, a React element or a class\n * instance, stays in the frame.\n */\nexport function useArgs(): [\n  Record<string, unknown>,\n  (patch: Record<string, unknown>) => void,\n  (argNames?: string[]) => void,\n] {\n  const scope = useContext(ArgsContext);\n  if (!scope) throw new Error('useArgs must be called inside a CSF story loaded by forge');\n  const { args, config, defaults, original, setConfig, setLocal } = scope;\n  const updateArgs = (patch: Args) => {\n    const sent: [string, unknown][] = [];\n    const kept: LocalArgs = {};\n    for (const [key, value] of Object.entries(patch)) {\n      if (sendable(value)) sent.push([key, value]);\n      else kept[key] = { value, over: coverOf(config[key]) };\n    }\n    setLocal((prev) => ({ ...without(prev, Object.keys(patch)), ...kept }));\n    for (const [key, value] of sent) setConfig(key, value);\n  };\n  const resetArgs = (argNames?: string[]) => {\n    const keys = argNames ?? [...new Set([...Object.keys(defaults), ...Object.keys(args)])];\n    // A key with no control shows its original from the frame, so the render does not wait on the port.\n    const overlay: LocalArgs = {};\n    for (const key of keys) {\n      if (key in defaults) {\n        setConfig(key, defaults[key]);\n        continue;\n      }\n      if (config[key] === undefined) continue;\n      overlay[key] = { value: original[key], over: coverOf(config[key]) };\n      setConfig(key, undefined);\n    }\n    setLocal((prev) => ({ ...(argNames ? without(prev, keys) : {}), ...overlay }));\n  };\n  return [args, updateArgs, resetArgs];\n}\n"]}

package/dist/frame/index.css

@@ -13,14 +13,14 @@ body {
   min-height: 100vh;
 }
 .fg-frame--padded {
-  padding: 16px;
+  padding: var(--wzl-space-8);
 }
 .fg-frame--fullscreen {
   padding: 0;
 }
 .fg-frame__fault {
   margin: 0;
-  padding: 16px;
+  padding: var(--wzl-space-8);
   white-space: pre-wrap;
   border: 1px solid #f2b8b5;
   border-radius: 4px;
@@ -154,6 +154,23 @@ body {
   align-items: center;
   gap: var(--wzl-space-6);
 }
+.fg-index-history {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--wzl-space-2) var(--wzl-space-8);
+  margin: var(--wzl-space-8) 0 0;
+  font-size: var(--wzl-font-size-sm);
+}
+.fg-index-history__item {
+  display: flex;
+  gap: var(--wzl-space-3);
+}
+.fg-index-history__label {
+  color: var(--wzl-fg-muted);
+}
+.fg-index-history__value {
+  margin: 0;
+}
 .fg-index-deps {
   display: grid;
   grid-template-columns: max-content 1fr;

package/dist/frame/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/frame/frame.css","../../src/frame/index/index.css"],"sourcesContent":["html,\nbody {\n  margin: 0;\n}\n\n.fg-frame {\n  box-sizing: border-box;\n}\n\n.fg-frame--centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\n.fg-frame--padded {\n  padding: 16px;\n}\n\n.fg-frame--fullscreen {\n  padding: 0;\n}\n\n.fg-frame__fault {\n  margin: 0;\n  padding: 16px;\n  white-space: pre-wrap;\n  border: 1px solid #f2b8b5;\n  border-radius: 4px;\n  background: #fdecea;\n  color: #8c1d18;\n  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;\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  /* A fluid specimen (a slider, a tiled workspace) has no width of its own,\n     so hugging it alone collapses the cell to its padding. */\n  min-width: min(100%, 20rem);\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/* A padded story sits top-left as it would on a page: the column's width, and\n   none of the minimum height that gives a centered one presence. */\n.fg-index-cell--padded {\n  width: auto;\n}\n\n.fg-index-cell--padded > .fg-index-cell__stage {\n  display: block;\n  min-height: 0;\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":[]}
+{"version":3,"sources":["../../src/frame/frame.css","../../src/frame/index/index.css"],"sourcesContent":["html,\nbody {\n  margin: 0;\n}\n\n.fg-frame {\n  box-sizing: border-box;\n}\n\n.fg-frame--centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\n.fg-frame--padded {\n  padding: var(--wzl-space-8);\n}\n\n.fg-frame--fullscreen {\n  padding: 0;\n}\n\n.fg-frame__fault {\n  margin: 0;\n  padding: var(--wzl-space-8);\n  white-space: pre-wrap;\n  border: 1px solid #f2b8b5;\n  border-radius: 4px;\n  background: #fdecea;\n  color: #8c1d18;\n  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;\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  /* A fluid specimen (a slider, a tiled workspace) has no width of its own,\n     so hugging it alone collapses the cell to its padding. */\n  min-width: min(100%, 20rem);\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/* A padded story sits top-left as it would on a page: the column's width, and\n   none of the minimum height that gives a centered one presence. */\n.fg-index-cell--padded {\n  width: auto;\n}\n\n.fg-index-cell--padded > .fg-index-cell__stage {\n  display: block;\n  min-height: 0;\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-history {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-2) 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-history__item {\n  display: flex;\n  gap: var(--wzl-space-3);\n}\n\n.fg-index-history__label {\n  color: var(--wzl-fg-muted);\n}\n\n.fg-index-history__value {\n  margin: 0;\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/frame/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FrameSetup, L as LoadedStory } from '../FrameController-CpcY0DNB.js';
-export { p as StartFrameOptions, r as reportImportFault, s as startFrame } from '../FrameController-CpcY0DNB.js';
+import { F as FrameSetup, L as LoadedStory } from '../FrameController-UeTY7ubF.js';
+export { u as Channel, v as ConfigAnswers, w as FaultPhase, n as FromFrame, x as StartFrameOptions, o as ToFrame, y as reportImportFault, z as startFrame } from '../FrameController-UeTY7ubF.js';
 import '@weasel-js/labkit/config';
 import 'react';