@pipelex/mthds-form 0.33.0 → 0.34.0

package/dist/generative/index.js

@@ -1,34 +1,34 @@
 "use client";
-import { cn, headingClass, checkedAccentClass, focusOutlineClass, useResolveUrl, panelSurfaceClass, panelFlatShadowClass, linkTextClass, actionShadowClass, panelRaisedShadowClass, fieldControlClass, ResultRoot, ResultField, FieldRenderer, enumLabeler, useFieldPresentation, ToggleGroup, ToggleGroupItem, selectedFillStrongClass, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, selectedBorderClass, selectedFillClass, isThenable } from '../chunk-UKTYADY3.js';
-import { baseCatalog, catalog, frameComponents, shareAmount, resultFieldAtPath, segmentsUnder, RESULT_ROOT, inputFieldAtPath, definitionChain, unwrapped } from '../chunk-4SRSGZWM.js';
-export { COMPONENT_NAMES, COMPONENT_RENDERINGS, COMPOSER_COMPONENTS, CUSTOM_COMPONENTS, DESIGNER_BRIEF_CONCEPT, DESIGNER_CATALOG_CONCEPT, FRAMES, FRAME_COMPONENTS, ICON_NAMES, INPUTS_ROOT, METRIC_FORMATS, PICKED_SHADCN, PRODUCT_COMPONENTS, PROMPT_HASH, REPAIR_ATTEMPTS, RESULT_COMPONENTS, RESULT_ROOT, absoluteHatchPath, catalog, componentNamesFor, designerCatalog, fieldAtSegments, findFixture, fixtureId, fixtureLabel, formatProblems, frameCatalog, inputBrief, inputFieldAtPath, isDelegatedInput, isDelegatedResult, joinPath, jsonlLines, layoutCheck, layoutCheckProblems, layoutFits, layoutProblems, payloadToState, promptHashSubject, repeatBasePathOf, resultBrief, resultFieldAtPath, seedLine, segmentsUnder, specFromJsonl, specToJsonl, validateAgainstCatalog } from '../chunk-4SRSGZWM.js';
+import { cn, headingClass, checkedAccentClass, focusOutlineClass, useResolveUrl, panelSurfaceClass, panelFlatShadowClass, linkTextClass, actionShadowClass, panelRaisedShadowClass, fieldControlClass, useFieldPresentation, useFieldStrings, fieldLabel, ResultRoot, ResultField, FieldRenderer, enumLabeler, ToggleGroup, ToggleGroupItem, selectedFillStrongClass, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, selectedBorderClass, selectedFillClass, isThenable } from '../chunk-5RV3ASMO.js';
+import { baseCatalog, catalog, frameComponents, shareAmount, INPUTS_ROOT, joinPath, resultFieldAtPath, segmentsUnder, RESULT_ROOT, inputFieldAtPath, definitionChain, unwrapped } from '../chunk-XYS5KCXB.js';
+export { COMPONENT_NAMES, COMPONENT_RENDERINGS, COMPOSER_COMPONENTS, CUSTOM_COMPONENTS, DESIGNER_BRIEF_CONCEPT, DESIGNER_CATALOG_CONCEPT, FRAMES, FRAME_COMPONENTS, ICON_NAMES, INPUTS_ROOT, METRIC_FORMATS, PICKED_SHADCN, PRODUCT_COMPONENTS, PROMPT_HASH, REPAIR_ATTEMPTS, RESULT_COMPONENTS, RESULT_ROOT, absoluteHatchPath, catalog, componentNamesFor, designerCatalog, fieldAtSegments, findFixture, fixtureId, fixtureLabel, formatProblems, frameCatalog, inputBrief, inputFieldAtPath, isDelegatedInput, isDelegatedResult, joinPath, jsonlLines, layoutCheck, layoutCheckProblems, layoutFits, layoutProblems, payloadToState, promptHashSubject, repeatBasePathOf, resultBrief, resultFieldAtPath, seedLine, segmentsUnder, specFromJsonl, specToJsonl, validateAgainstCatalog } from '../chunk-XYS5KCXB.js';
 import '../chunk-4VAO6BDE.js';
-export { seedInputs } from '../chunk-VH5CDQDR.js';
+export { seedInputs } from '../chunk-AURDKAIC.js';
 import '../chunk-L23R3JNQ.js';
 import '../chunk-56WECFBD.js';
-import '../chunk-ZX52CQJ4.js';
+import '../chunk-CFBK7NO7.js';
 import '../chunk-GHVVULHY.js';
 import { readImageContent, viewableUrl, readDateContent } from '../chunk-QQK6Y55E.js';
 export { brandManifestSchema } from '../chunk-QGFR57OH.js';
-import '../chunk-3GO65HWP.js';
+import '../chunk-PNNWNRPG.js';
 import '../chunk-ZB4RYUKV.js';
 import '../chunk-FABY3DEY.js';
 import '../chunk-XCO6GTEC.js';
 import '../chunk-E6BIXJ6C.js';
-import '../chunk-XO5OENNF.js';
+import { waitingFields } from '../chunk-TF4RTKLH.js';
 import '../chunk-OD3VYXUY.js';
 import '../chunk-WYH56SOZ.js';
-import { hasOwnProp } from '../chunk-V3OV2XQT.js';
+import { hasOwnProp, ownProp } from '../chunk-V3OV2XQT.js';
 import '../chunk-GKV77RAS.js';
-import * as React6 from 'react';
+import * as React2 from 'react';
 import { defineRegistry, useStateValue, useRepeatScope, useStateStore, useBoundProp, useFieldValidation, useOptionalValidation, JSONUIProvider, Renderer, useVisibility } from '@json-render/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { resolveRepeatStatePath, getByPath, evaluateVisibility, resolveElementProps } from '@json-render/core';
+import { builtInValidationFunctions, resolveRepeatStatePath, getByPath, evaluateVisibility, resolveElementProps, resolveRepeatItemStatePath } from '@json-render/core';
 export { createStateStore } from '@json-render/core';
 import { Clock, ArrowRight, Send, Pencil, Zap, Lightbulb, Truck, Package, Briefcase, Bookmark, Flag, Shield, Info, AlertCircle, CheckCircle2, ListChecks, Layers, Tag, Phone, Mail, Paperclip, Upload, FileText, BarChart3, TrendingUp, Hash, Percent, Receipt, Coins, Banknote, Wallet, Gift, Ticket, Image, Camera, Music, Coffee, Utensils, Star, Heart, Accessibility, Baby, User, Users, Hourglass, Calendar, Moon, Sun, Leaf, Mountain, Globe, Landmark, Building2, Home, Hotel, Ship, Car, Train, Plane, Route, MapPin, Map as Map$1, Compass, Rocket, Sparkles, ChevronDown } from 'lucide-react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-var BrandContext = React6.createContext(null);
+var BrandContext = React2.createContext(null);
 function BrandProvider({
   manifest,
   children
@@ -37,7 +37,7 @@ function BrandProvider({
   return /* @__PURE__ */ jsx(BrandContext.Provider, { value: manifest, children });
 }
 function useBrand() {
-  const manifest = React6.useContext(BrandContext);
+  const manifest = React2.useContext(BrandContext);
   if (!manifest)
     throw new Error(
       "useBrand: no brand in scope. Pass `brand` to GenerativePage, or wrap the tree in BrandProvider."
@@ -48,7 +48,7 @@ var WEIGHTS = "400;500;600;700";
 function useWebfont(webfont) {
   const provider = webfont?.provider;
   const family = webfont?.family;
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     if (!provider || !family) return;
     const key = `${provider}:${family}`;
     if (document.head.querySelector(`link[data-brand-webfont="${CSS.escape(key)}"]`)) return;
@@ -68,11 +68,42 @@ function useWebfont(webfont) {
     document.head.appendChild(link);
   }, [provider, family]);
 }
+var CHECK_WHEN = "checkedFieldWhen";
+var WHEN_ENABLED = "checkedFieldEnabled";
+var WHEN_TYPE = "checkedFieldType";
+var CHECKED_FIELD_FUNCTIONS = {
+  [CHECK_WHEN]: (value, args) => {
+    if (args?.[WHEN_ENABLED] !== true) return true;
+    const type = args[WHEN_TYPE];
+    if (typeof type !== "string" || !hasOwnProp(builtInValidationFunctions, type)) return true;
+    return builtInValidationFunctions[type](value, args);
+  }
+};
+function heldTo(check, enabled) {
+  return {
+    type: CHECK_WHEN,
+    message: check.message,
+    args: {
+      ...check.args,
+      [WHEN_ENABLED]: { $cond: enabled, $then: true, $else: false },
+      [WHEN_TYPE]: check.type
+    }
+  };
+}
 var CheckedFields = class {
   constructor() {
     // One entry per mounted field, so two fields handed one config object are
     // two entries, and one leaving does not take the other's checks with it.
     this.byPath = /* @__PURE__ */ new Map();
+    // Every path the record speaks for: those it carries now, and those it has
+    // just emptied, whose old checks json-render may still read until it has
+    // drawn once with the emptied ones. The verdict on these is the record's.
+    this.told = /* @__PURE__ */ new Set();
+    // The emptied paths, each with the validation json-render handed over when
+    // the record emptied it. A later one has drawn with the emptied checks, so
+    // the path goes back to json-render: a host's control that registers its
+    // checks there directly is then judged by them.
+    this.emptied = /* @__PURE__ */ new Map();
     this.validation = null;
   }
   /** Hands the record json-render's validation, and tells it what is already mounted. */
@@ -80,73 +111,178 @@ var CheckedFields = class {
     if (validation === this.validation) return;
     const first = this.validation === null;
     this.validation = validation;
+    for (const [path, at] of this.emptied) {
+      if (at === validation) continue;
+      this.emptied.delete(path);
+      this.told.delete(path);
+    }
     if (first) for (const path of this.byPath.keys()) this.publish(path);
   }
-  /** Enters one mounted field's checks; what it returns leaves them again. */
-  enter(path, config) {
-    const configs = this.byPath.get(path) ?? /* @__PURE__ */ new Set();
-    this.byPath.set(path, configs);
-    const entry = { config };
-    configs.add(entry);
+  /** Enters one mounted field; what it returns leaves it again. */
+  enter(path, config, field = {}) {
+    const entries = this.byPath.get(path) ?? /* @__PURE__ */ new Set();
+    this.byPath.set(path, entries);
+    const entry = {
+      config,
+      reveal: field.reveal ?? (() => {
+      }),
+      focus: field.focus ?? (() => {
+      }),
+      element: field.element ?? (() => null)
+    };
+    entries.add(entry);
     this.publish(path);
     return () => {
-      configs.delete(entry);
-      if (configs.size === 0) this.byPath.delete(path);
+      entries.delete(entry);
+      if (entries.size === 0) this.byPath.delete(path);
       this.publish(path);
     };
   }
-  /** The checks of every field mounted at `path`, combined, or none when no field is. */
+  /**
+   * The checks of every field mounted at `path`, combined, or none when no
+   * field is. A field's `enabled` condition holds its own checks and no
+   * other field's: json-render reads `enabled` once for a whole config, and
+   * compares two configs without it, so each check of a conditional config
+   * carries its condition itself (`CHECK_WHEN`).
+   */
   configFor(path) {
-    const configs = this.byPath.get(path);
-    if (!configs || configs.size === 0) return void 0;
-    const [first] = configs;
+    const entries = this.byPath.get(path);
+    if (!entries || entries.size === 0) return void 0;
+    const [first] = entries;
     return {
-      checks: [...configs].flatMap(({ config }) => config.checks ?? []),
+      checks: [...entries].flatMap(({ config }) => {
+        const checks = config.checks ?? [];
+        return config.enabled === void 0 ? checks : checks.map((check) => heldTo(check, config.enabled));
+      }),
       ...first?.config.validateOn ? { validateOn: first.config.validateOn } : {}
     };
   }
   /**
-   * Runs the checks of every path a mounted field carries, as the record
-   * holds them now, and answers whether they all pass; every path is checked,
-   * so each failing field shows its message. json-render's own `validateAll`
-   * reads what it was told as of its provider's last render, which a press
-   * can beat by one task when a field has just mounted.
+   * Runs the checks of the page and answers whether they all pass; every
+   * check runs, so each failing field shows its message. When one fails, the
+   * person is taken to the first failing field in the page's order: the
+   * panels around it opened and the focus put on it, since a tab, a step or a
+   * section that is not open keeps its fields mounted and hidden.
+   *
+   * Each path is judged once, by one side. A path the record has carried is
+   * judged by the record's checks as it holds them now: json-render's own
+   * `validateAll` reads what it was told as of its provider's last render,
+   * which a press can beat by one task, so a field hidden or mounted the
+   * task before would be judged by checks it no longer carries, or not yet
+   * by those it does. A path the record does not carry, and has not just
+   * emptied, is a host's control that registered its checks with json-render
+   * directly (`useFieldValidation`), and json-render's verdict on it stands,
+   * a path the record once carried included.
    */
   check(validation) {
+    const before = validation.fieldStates;
+    validation.validateAll();
+    const after = validation.fieldStates;
     let pass = true;
-    for (const path of this.byPath.keys()) {
+    for (const [path, state] of Object.entries(after)) {
+      if (state === before[path] || this.told.has(path)) continue;
+      if (state.result?.valid === false) pass = false;
+    }
+    const failing = [];
+    for (const path of this.told) {
       const combined = this.configFor(path);
-      if (combined && !validation.validate(path, combined).valid) pass = false;
+      if (combined) {
+        if (!validation.validate(path, combined).valid) {
+          pass = false;
+          failing.push(...this.byPath.get(path) ?? []);
+        }
+      } else if (after[path] !== before[path]) {
+        validation.clear(path);
+      }
+    }
+    const first = firstInPage(failing);
+    if (first) {
+      first.reveal();
+      first.focus();
     }
     return pass;
   }
   publish(path) {
-    this.validation?.registerField(path, this.configFor(path) ?? { checks: [] });
+    if (!this.validation) return;
+    const config = this.configFor(path);
+    this.told.add(path);
+    if (config) this.emptied.delete(path);
+    else this.emptied.set(path, this.validation);
+    this.validation.registerField(path, config ?? { checks: [] });
   }
 };
-var CheckedFieldsContext = React6.createContext(null);
+var FOLLOWING = 4;
+function firstInPage(entries) {
+  let first;
+  let firstElement = null;
+  for (const entry of entries) {
+    const element = entry.element();
+    if (!first) {
+      first = entry;
+      firstElement = element;
+      continue;
+    }
+    if (!element) continue;
+    if (!firstElement || element.compareDocumentPosition(firstElement) & FOLLOWING) {
+      first = entry;
+      firstElement = element;
+    }
+  }
+  return first;
+}
+var CheckedFieldsContext = React2.createContext(null);
+var RevealContext = React2.createContext(null);
+function RevealPanel({ open, children }) {
+  const outer = React2.useContext(RevealContext);
+  const latest = React2.useRef({ open, outer });
+  React2.useInsertionEffect(() => {
+    latest.current = { open, outer };
+  });
+  const reveal = React2.useCallback(() => {
+    latest.current.outer?.();
+    latest.current.open();
+  }, []);
+  return /* @__PURE__ */ jsx(RevealContext.Provider, { value: reveal, children });
+}
 function useCheckedField(path, config) {
-  const fields = React6.useContext(CheckedFieldsContext);
+  const fields = React2.useContext(CheckedFieldsContext);
   const field = useFieldValidation(path, fields ? void 0 : config);
   const validation = useOptionalValidation();
+  const reveal = React2.useContext(RevealContext);
+  const element = React2.useRef(null);
+  const focusRef = React2.useCallback((node) => {
+    element.current = node;
+  }, []);
+  const [focusAsked, askFocus] = React2.useState(0);
+  React2.useEffect(() => {
+    if (focusAsked === 0) return;
+    const target = element.current;
+    if (!target) return;
+    target.focus({ preventScroll: true });
+    target.scrollIntoView?.({ block: "center" });
+  }, [focusAsked]);
   const signature = config ? JSON.stringify(config) : "";
-  const latest = React6.useRef(config);
-  React6.useInsertionEffect(() => {
-    latest.current = config;
+  const latest = React2.useRef({ config, reveal });
+  React2.useInsertionEffect(() => {
+    latest.current = { config, reveal };
   });
-  React6.useEffect(() => {
-    const entered = latest.current;
+  React2.useEffect(() => {
+    const entered = latest.current.config;
     if (!fields || !path || !entered) return void 0;
-    return fields.enter(path, entered);
+    return fields.enter(path, entered, {
+      reveal: () => latest.current.reveal?.(),
+      focus: () => askFocus((asked) => asked + 1),
+      element: () => element.current
+    });
   }, [fields, path, signature]);
   const fallback = field.validate;
-  const validate = React6.useCallback(() => {
+  const validate = React2.useCallback(() => {
     const combined = fields?.configFor(path);
     return validation && combined ? validation.validate(path, combined) : fallback();
   }, [fields, path, validation, fallback]);
-  return { ...field, validate };
+  return { ...field, validate, focusRef };
 }
-var ReportingContext = React6.createContext(false);
+var ReportingContext = React2.createContext(false);
 function said(error) {
   try {
     return String(error);
@@ -155,13 +291,16 @@ function said(error) {
   }
 }
 function contentOf(value) {
-  const open = /* @__PURE__ */ new WeakSet();
+  const open = [];
+  let entries = 0;
   try {
     return JSON.stringify(value, function(_key, entry) {
+      if (++entries > MAX_CONTENT_ENTRIES) throw new RangeError("too large to compare");
+      while (open.length > 0 && open[open.length - 1] !== this) open.pop();
       if (typeof entry === "bigint") return `${entry}n`;
       if (typeof entry === "object" && entry !== null) {
-        if (open.has(entry)) return "[cycle]";
-        open.add(entry);
+        if (open.includes(entry)) return "[cycle]";
+        open.push(entry);
       }
       return entry;
     }) ?? "undefined";
@@ -169,13 +308,14 @@ function contentOf(value) {
     return "an input that cannot be written out";
   }
 }
+var MAX_CONTENT_ENTRIES = 5e6;
 function sameCue(a, b) {
   if (Array.isArray(a) && Array.isArray(b)) {
     return a.length === b.length && a.every((entry, index) => Object.is(entry, b[index]));
   }
   return Object.is(a, b);
 }
-var ElementBoundary = class extends React6.Component {
+var ElementBoundary = class extends React2.Component {
   constructor(props) {
     super(props);
     this.state = { failed: false, error: void 0 };
@@ -251,11 +391,21 @@ function resolvedOf(element, ctx) {
   }
 }
 function childElementOf(node) {
-  if (!React6.isValidElement(node)) return void 0;
+  if (!React2.isValidElement(node)) return void 0;
   const { element, elementKey } = node.props;
   if (typeof elementKey !== "string") return void 0;
   return typeof element === "object" && element !== null ? element : void 0;
 }
+function repeatOf(node) {
+  if (!React2.isValidElement(node)) return void 0;
+  const { element, spec, elementKey, itemFilter } = node.props;
+  if (elementKey !== void 0 || element?.repeat === void 0) return void 0;
+  const elements = spec?.elements;
+  if (typeof elements !== "object" || elements === null || !Array.isArray(element.children)) {
+    return void 0;
+  }
+  return { keys: element.children, elements, itemFilter };
+}
 function inputOfElement(props, visibility, scope) {
   const element = props.element;
   const state = visibility.stateModel;
@@ -265,15 +415,41 @@ function inputOfElement(props, visibility, scope) {
   };
   const statePath = element?.repeat?.statePath;
   let list;
+  let listPath;
   if (statePath !== void 0) {
     try {
-      const path = resolveRepeatStatePath(statePath, scope?.basePath);
-      list = path === void 0 ? void 0 : getByPath(state, path);
+      listPath = resolveRepeatStatePath(statePath, scope?.basePath);
+      list = listPath === void 0 ? void 0 : getByPath(state, listPath);
     } catch (error) {
       list = `throws: ${said(error)}`;
     }
   }
-  const under = (nodes) => React6.Children.toArray(nodes).map((node) => {
+  const repeated = (repeat) => {
+    if (listPath === void 0 || !Array.isArray(list)) return null;
+    const path = listPath;
+    return list.map((item, index) => {
+      const itemCtx = {
+        ...visibility,
+        repeatItem: item,
+        repeatIndex: index,
+        repeatBasePath: resolveRepeatItemStatePath(path, index)
+      };
+      if (repeat.itemFilter !== void 0) {
+        try {
+          if (!evaluateVisibility(repeat.itemFilter, itemCtx)) return null;
+        } catch (error) {
+          return `throws: ${said(error)}`;
+        }
+      }
+      return repeat.keys.map((key) => {
+        const child = typeof key === "string" ? ownProp(repeat.elements, key) : void 0;
+        return child ? { element: child, resolved: resolvedOf(child, itemCtx) } : null;
+      });
+    });
+  };
+  const under = (nodes) => React2.Children.toArray(nodes).map((node) => {
+    const repeat = repeatOf(node);
+    if (repeat) return { repeated: repeated(repeat) };
     const child = childElementOf(node);
     return child ? { element: child, resolved: resolvedOf(child, ctx) } : null;
   });
@@ -310,7 +486,7 @@ function reportingRegistry(registry, report, made) {
     }
     const Component2 = Renderer2;
     const Reported = (props) => {
-      const reporting = React6.useContext(ReportingContext);
+      const reporting = React2.useContext(ReportingContext);
       const { ctx } = useVisibility();
       const scope = useRepeatScope();
       return /* @__PURE__ */ jsx(
@@ -332,6 +508,67 @@ function reportingRegistry(registry, report, made) {
   }
   return wrapped;
 }
+function placedInputs(spec) {
+  const placed = /* @__PURE__ */ new Map();
+  const elements = spec?.elements;
+  if (!isRecord(elements) || typeof spec?.root !== "string") return placed;
+  const seen = /* @__PURE__ */ new Set();
+  const pending = [spec.root];
+  while (pending.length > 0) {
+    const key = pending.pop();
+    if (seen.has(key)) continue;
+    seen.add(key);
+    const element = ownProp(elements, key);
+    if (!isRecord(element)) continue;
+    const props = isRecord(element.props) ? element.props : {};
+    place(placed, [...repeatedList(element.repeat), ...inputPathsOf(element.type, props)], props);
+    pending.push(...[...keysOf(element.children), ...slotKeys(element.slots)].reverse());
+  }
+  return placed;
+}
+function place(placed, paths, props) {
+  const label = typeof props.label === "string" ? props.label.trim() : "";
+  for (const path of paths) {
+    const known = placed.get(path);
+    if (!known) placed.set(path, { order: placed.size, ...label ? { label } : {} });
+    else if (known.label === void 0 && label) known.label = label;
+  }
+}
+function inputPathsOf(type, props) {
+  const paths = [];
+  if (type === "MthdsField" && typeof props.path === "string") paths.push(props.path);
+  for (const value of Object.values(props)) {
+    if (isRecord(value) && typeof value.$bindState === "string") paths.push(value.$bindState);
+  }
+  return paths.flatMap(inputPath);
+}
+function repeatedList(repeat) {
+  return isRecord(repeat) && typeof repeat.statePath === "string" ? inputPath(repeat.statePath) : [];
+}
+function inputPath(path) {
+  const segments = segmentsUnder(INPUTS_ROOT, path);
+  return segments && segments.length > 0 ? [joinPath(INPUTS_ROOT, ...segments)] : [];
+}
+function keysOf(value) {
+  return Array.isArray(value) ? value.filter((key) => typeof key === "string") : [];
+}
+function slotKeys(slots) {
+  return isRecord(slots) ? Object.values(slots).flatMap(keysOf) : [];
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var PlacedInputsContext = React2.createContext(/* @__PURE__ */ new Map());
+function PlacedInputsProvider({
+  spec,
+  children
+}) {
+  const placed = React2.useMemo(() => placedInputs(spec), [spec]);
+  return /* @__PURE__ */ jsx(PlacedInputsContext.Provider, { value: placed, children });
+}
+function usePlacedInputs() {
+  return React2.useContext(PlacedInputsContext);
+}
 var CONTAINER = "mx-auto w-full max-w-6xl px-6 sm:px-8";
 function BrandBar({ app, links, tag }) {
   const brand = useBrand();
@@ -362,7 +599,10 @@ function BrandBar({ app, links, tag }) {
         {
           href: "#",
           onClick: (event) => event.preventDefault(),
-          className: "rounded-sm text-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-hidden",
+          className: cn(
+            "rounded-sm text-sm text-muted-foreground transition-colors hover:text-foreground",
+            focusOutlineClass
+          ),
           children: link
         },
         `${index}-${link}`
@@ -483,7 +723,7 @@ function textOf(value) {
   if (typeof value === "object") return "";
   return String(value);
 }
-var FrameHostContext = React6.createContext({});
+var FrameHostContext = React2.createContext({});
 function FrameHostProvider({
   host,
   children
@@ -491,25 +731,115 @@ function FrameHostProvider({
   return /* @__PURE__ */ jsx(FrameHostContext.Provider, { value: host, children });
 }
 function useFrameHost() {
-  return React6.useContext(FrameHostContext);
+  return React2.useContext(FrameHostContext);
+}
+
+// src/generative/format.ts
+var LAYOUT_LOCALE = "en-GB";
+var NUMBER_OPTIONS = {
+  // Grouped, with the places it has up to two, never padded.
+  grouped: { maximumFractionDigits: 2 },
+  integer: { maximumFractionDigits: 0 },
+  decimal: { minimumFractionDigits: 2, maximumFractionDigits: 2 },
+  compact: { notation: "compact", maximumFractionDigits: 1 },
+  // As written: every place, and no grouping, so a year or an id reads as itself.
+  plain: { maximumFractionDigits: 20, useGrouping: false }
+};
+var numbers = /* @__PURE__ */ new Map();
+function formatNumber(value, style = "grouped") {
+  let format = numbers.get(style);
+  if (!format) {
+    format = new Intl.NumberFormat(LAYOUT_LOCALE, NUMBER_OPTIONS[style]);
+    numbers.set(style, format);
+  }
+  return format.format(value);
 }
-function useBoundField(literal, binding, empty, { checks, validateOn }) {
+var currencies = /* @__PURE__ */ new Map();
+var KNOWN_CURRENCIES = (() => {
+  try {
+    return typeof Intl.supportedValuesOf === "function" ? new Set(Intl.supportedValuesOf("currency")) : null;
+  } catch {
+    return null;
+  }
+})();
+function currencyFormat(code) {
+  if (!currencies.has(code)) {
+    if (KNOWN_CURRENCIES && !KNOWN_CURRENCIES.has(code)) {
+      currencies.set(code, null);
+      return null;
+    }
+    let money;
+    try {
+      money = {
+        whole: new Intl.NumberFormat(LAYOUT_LOCALE, {
+          style: "currency",
+          currency: code,
+          minimumFractionDigits: 0,
+          maximumFractionDigits: 0
+        }),
+        fractional: new Intl.NumberFormat(LAYOUT_LOCALE, { style: "currency", currency: code })
+      };
+    } catch {
+      money = null;
+    }
+    currencies.set(code, money);
+  }
+  return currencies.get(code);
+}
+function formatAmount(value, unit) {
+  if (unit && /^[A-Z]{3}$/.test(unit)) {
+    const money = currencyFormat(unit);
+    if (money) {
+      const fraction = money.fractional.formatToParts(value).find((p) => p.type === "fraction");
+      const whole = fraction === void 0 || /^0+$/.test(fraction.value);
+      return (whole ? money.whole : money.fractional).format(value);
+    }
+  }
+  const written = formatNumber(value);
+  return unit ? `${written} ${unit}` : written;
+}
+var DAY_OPTIONS = {
+  long: { weekday: "long", day: "numeric", month: "long", year: "numeric", timeZone: "UTC" },
+  short: { day: "numeric", month: "short", year: "numeric", timeZone: "UTC" },
+  weekday: { weekday: "short", day: "numeric", month: "long", timeZone: "UTC" }
+};
+var days = /* @__PURE__ */ new Map();
+function formatDay(value, style = "long") {
+  const written = readDateContent(value)?.date;
+  const day = written === void 0 ? null : /^\d{4}-\d{2}-\d{2}/.exec(written);
+  if (!day) return void 0;
+  const date = /* @__PURE__ */ new Date(`${day[0]}T12:00:00Z`);
+  if (Number.isNaN(date.getTime()) || date.toISOString().slice(0, 10) !== day[0]) {
+    return void 0;
+  }
+  let format = days.get(style);
+  if (!format) {
+    format = new Intl.DateTimeFormat(LAYOUT_LOCALE, DAY_OPTIONS[style]);
+    days.set(style, format);
+  }
+  return format.format(date);
+}
+function useBoundField(literal, binding, empty, { checks, validateOn }, id) {
   const [boundValue, setBoundValue] = useBoundProp(literal ?? void 0, binding);
-  const [localValue, setLocalValue] = React6.useState(literal ?? empty);
+  const [localValue, setLocalValue] = React2.useState(literal ?? empty);
   const isBound = Boolean(binding);
   const hasValidation = Boolean(binding && checks?.length);
   const when = validateOn ?? "change";
-  const { errors, validate } = useCheckedField(
+  const { errors, validate, focusRef } = useCheckedField(
     binding ?? "",
     hasValidation ? { checks: checks ?? [], validateOn: when } : void 0
   );
+  const error = errors[0];
   return {
     value: isBound ? boundValue ?? empty : localValue,
     setValue: (next) => {
       if (isBound) setBoundValue(next);
       else setLocalValue(next);
     },
-    error: errors[0],
+    error,
+    errorId: `${id}-error`,
+    describedBy: error ? `${id}-error` : void 0,
+    focusRef,
     validateOnChange: () => {
       if (hasValidation && when === "change") validate();
     },
@@ -519,8 +849,8 @@ function useBoundField(literal, binding, empty, { checks, validateOn }) {
   };
 }
 var LABEL = "block text-sm leading-none font-medium";
-function FieldError({ message }) {
-  return message ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: message }) : null;
+function FieldError({ id, message }) {
+  return message ? /* @__PURE__ */ jsx("p", { id, className: "text-sm text-destructive", children: message }) : null;
 }
 function pickKey(table, key, fallback) {
   return key != null && hasOwnProp(table, key) ? key : fallback;
@@ -581,19 +911,21 @@ function Stack({
   children
 }) {
   const horizontal = props.direction === "horizontal";
-  return /* @__PURE__ */ jsx(
+  const column = !horizontal && props.align === "center";
+  const stack = /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "flex",
         horizontal ? "flex-row" : "flex-col",
         pick(GAP, props.gap, "md"),
-        pick(ALIGN, props.align, horizontal ? "start" : "stretch"),
+        column ? "w-fit max-w-full grow items-stretch" : pick(ALIGN, props.align, horizontal ? "start" : "stretch"),
         props.justify ? pick(JUSTIFY, props.justify, "start") : void 0
       ),
       children
     }
   );
+  return column ? /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: stack }) : stack;
 }
 var COLUMNS = {
   1: "grid-cols-1",
@@ -627,9 +959,14 @@ function Collapsible({
   props,
   children
 }) {
+  const details = React2.useRef(null);
+  const open = React2.useCallback(() => {
+    if (details.current) details.current.open = true;
+  }, []);
   return /* @__PURE__ */ jsxs(
     "details",
     {
+      ref: details,
       className: "rounded-md border border-border",
       open: props.defaultOpen ?? false,
       "data-slot": "collapsible",
@@ -644,7 +981,7 @@ function Collapsible({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "border-t border-border px-4 py-3", children })
+        /* @__PURE__ */ jsx("div", { className: "border-t border-border px-4 py-3", children: /* @__PURE__ */ jsx(RevealPanel, { open, children }) })
       ]
     }
   );
@@ -767,7 +1104,7 @@ function Progress({
   ] });
 }
 function useControlId(name) {
-  return `jr-${name}-${React6.useId()}`;
+  return `jr-${name}-${React2.useId()}`;
 }
 function Input({
   props,
@@ -775,7 +1112,7 @@ function Input({
   emit
 }) {
   const id = useControlId(props.name);
-  const field = useBoundField(props.value, bindings?.value, "", props);
+  const field = useBoundField(props.value, bindings?.value, "", props, id);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx("label", { htmlFor: id, className: LABEL, children: props.label }),
     /* @__PURE__ */ jsx(
@@ -787,7 +1124,9 @@ function Input({
         className: cn(fieldControlClass, "min-h-11 px-3 py-2"),
         placeholder: props.placeholder ?? void 0,
         value: field.value,
+        ref: field.focusRef,
         "aria-invalid": field.error ? true : void 0,
+        "aria-describedby": field.describedBy,
         onChange: (event) => {
           field.setValue(event.target.value);
           field.validateOnChange();
@@ -799,7 +1138,7 @@ function Input({
         }
       }
     ),
-    /* @__PURE__ */ jsx(FieldError, { message: field.error })
+    /* @__PURE__ */ jsx(FieldError, { id: field.errorId, message: field.error })
   ] });
 }
 function Textarea({
@@ -807,7 +1146,7 @@ function Textarea({
   bindings
 }) {
   const id = useControlId(props.name);
-  const field = useBoundField(props.value, bindings?.value, "", props);
+  const field = useBoundField(props.value, bindings?.value, "", props, id);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx("label", { htmlFor: id, className: LABEL, children: props.label }),
     /* @__PURE__ */ jsx(
@@ -819,7 +1158,9 @@ function Textarea({
         className: cn(fieldControlClass, "px-3 py-2"),
         placeholder: props.placeholder ?? void 0,
         value: field.value,
+        ref: field.focusRef,
         "aria-invalid": field.error ? true : void 0,
+        "aria-describedby": field.describedBy,
         onChange: (event) => {
           field.setValue(event.target.value);
           field.validateOnChange();
@@ -827,7 +1168,7 @@ function Textarea({
         onBlur: field.validateOnBlur
       }
     ),
-    /* @__PURE__ */ jsx(FieldError, { message: field.error })
+    /* @__PURE__ */ jsx(FieldError, { id: field.errorId, message: field.error })
   ] });
 }
 var NATIVE_CHECK = cn("size-4 shrink-0", checkedAccentClass, focusOutlineClass);
@@ -838,30 +1179,39 @@ function Radio({
   emit
 }) {
   const id = useControlId(props.name);
-  const field = useBoundField(props.value, bindings?.value, "", props);
+  const field = useBoundField(props.value, bindings?.value, "", props, id);
   const labelOf = enumLabeler(props.options ?? [], useFieldPresentation());
-  return /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", "aria-invalid": field.error ? true : void 0, children: [
-    /* @__PURE__ */ jsx("legend", { className: LABEL, children: props.label }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-2 max-sm:space-y-0", children: (props.options ?? []).map((option, index) => /* @__PURE__ */ jsxs("label", { className: NATIVE_CHECK_ROW, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "radio",
-          name: id,
-          value: option,
-          checked: field.value === option,
-          className: NATIVE_CHECK,
-          onChange: () => {
-            field.setValue(option);
-            field.validateOnChange();
-            emit("change");
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { children: labelOf(option) })
-    ] }, `${index}-${option}`)) }),
-    /* @__PURE__ */ jsx(FieldError, { message: field.error })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      className: "space-y-2",
+      "aria-invalid": field.error ? true : void 0,
+      "aria-describedby": field.describedBy,
+      children: [
+        /* @__PURE__ */ jsx("legend", { className: LABEL, children: props.label }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-sm:space-y-0", children: (props.options ?? []).map((option, index, options) => /* @__PURE__ */ jsxs("label", { className: NATIVE_CHECK_ROW, children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: id,
+              value: option,
+              checked: field.value === option,
+              ref: field.value === option || index === 0 && !options.some((other) => other === field.value) ? field.focusRef : void 0,
+              className: NATIVE_CHECK,
+              onChange: () => {
+                field.setValue(option);
+                field.validateOnChange();
+                emit("change");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: labelOf(option) })
+        ] }, `${index}-${option}`)) }),
+        /* @__PURE__ */ jsx(FieldError, { id: field.errorId, message: field.error })
+      ]
+    }
+  );
 }
 function Checkbox({
   props,
@@ -869,7 +1219,7 @@ function Checkbox({
   emit
 }) {
   const id = useControlId(props.name);
-  const field = useBoundField(props.checked, bindings?.checked, false, props);
+  const field = useBoundField(props.checked, bindings?.checked, false, props, id);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, className: NATIVE_CHECK_ROW, children: [
       /* @__PURE__ */ jsx(
@@ -880,7 +1230,9 @@ function Checkbox({
           type: "checkbox",
           className: NATIVE_CHECK,
           checked: field.value,
+          ref: field.focusRef,
           "aria-invalid": field.error ? true : void 0,
+          "aria-describedby": field.describedBy,
           onChange: (event) => {
             field.setValue(event.target.checked);
             field.validateOnChange();
@@ -890,7 +1242,7 @@ function Checkbox({
       ),
       /* @__PURE__ */ jsx("span", { children: props.label })
     ] }),
-    /* @__PURE__ */ jsx(FieldError, { message: field.error })
+    /* @__PURE__ */ jsx(FieldError, { id: field.errorId, message: field.error })
   ] });
 }
 function Switch2({
@@ -899,7 +1251,7 @@ function Switch2({
   emit
 }) {
   const id = useControlId(props.name);
-  const field = useBoundField(props.checked, bindings?.checked, false, props);
+  const field = useBoundField(props.checked, bindings?.checked, false, props, id);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 max-sm:py-2.5", children: [
       /* @__PURE__ */ jsx(
@@ -908,7 +1260,9 @@ function Switch2({
           id,
           name: props.name,
           checked: field.value,
+          ref: field.focusRef,
           "aria-invalid": field.error ? true : void 0,
+          "aria-describedby": field.describedBy,
           onCheckedChange: (next) => {
             field.setValue(next);
             field.validateOnChange();
@@ -918,7 +1272,7 @@ function Switch2({
       ),
       /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-sm", children: props.label })
     ] }),
-    /* @__PURE__ */ jsx(FieldError, { message: field.error })
+    /* @__PURE__ */ jsx(FieldError, { id: field.errorId, message: field.error })
   ] });
 }
 var BUTTON = {
@@ -937,7 +1291,7 @@ function Button({
       disabled: props.disabled ?? false,
       className: cn(
         "inline-flex min-h-11 w-fit items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors",
-        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        focusOutlineClass,
         "disabled:pointer-events-none disabled:opacity-50",
         pick(BUTTON, props.variant, "primary")
       ),
@@ -946,9 +1300,9 @@ function Button({
     }
   );
 }
-var DescriptorContext = React6.createContext({});
+var DescriptorContext = React2.createContext({});
 function useDescriptorScope() {
-  return React6.useContext(DescriptorContext);
+  return React2.useContext(DescriptorContext);
 }
 function DescriptorProvider({
   scope,
@@ -991,11 +1345,12 @@ function pathFromDomId(prefix, id) {
   const path = own.split("-").map(decodeSegment).join("/");
   return `${path}${children.map((child) => `/${child}`).join("")}`;
 }
-function useAbsolutePath(path) {
+function useAbsolutePath(path, emptyIsItem = false) {
   const repeat = useRepeatScope();
   if (typeof path !== "string") return void 0;
   if (path.startsWith("/")) return path;
-  return repeat ? `${repeat.basePath}/${path}` : void 0;
+  if (!repeat) return void 0;
+  return path === "" && emptyIsItem ? repeat.basePath : `${repeat.basePath}/${path}`;
 }
 function withoutOptionalMark(label) {
   return label.replace(/\s*\(optional\)\s*$/i, "") || label;
@@ -1003,10 +1358,10 @@ function withoutOptionalMark(label) {
 function MthdsField({
   props
 }) {
-  const scope = React6.useContext(DescriptorContext);
+  const scope = React2.useContext(DescriptorContext);
   const path = useAbsolutePath(props.path) ?? "";
   const found = scope.inputs && path ? inputFieldAtPath(scope.inputs, path) : void 0;
-  const field = React6.useMemo(
+  const field = React2.useMemo(
     () => found && (props.label || props.hint) ? {
       ...found,
       // The control marks an optional field itself, so a label that
@@ -1018,7 +1373,7 @@ function MthdsField({
   );
   const value = useStateValue(path);
   const { set } = useStateStore();
-  const onChange = React6.useCallback((next) => set(path, next), [set, path]);
+  const onChange = React2.useCallback((next) => set(path, next), [set, path]);
   if (!field) return /* @__PURE__ */ jsx(Unresolved, { path: props.path, side: "input" });
   return /* @__PURE__ */ jsx(
     FieldRenderer,
@@ -1032,30 +1387,32 @@ function MthdsField({
   );
 }
 function MthdsResult({ props }) {
-  const scope = React6.useContext(DescriptorContext);
+  const scope = React2.useContext(DescriptorContext);
   const path = useAbsolutePath(props.path) ?? "";
   const field = scope.result && path ? resultFieldAtPath(scope.result, path) : void 0;
   const value = useStateValue(path);
   if (!field || !scope.result) return /* @__PURE__ */ jsx(Unresolved, { path: props.path, side: "result" });
-  const place = [scope.result.name, ...segmentsUnder(RESULT_ROOT, path) ?? []];
-  return /* @__PURE__ */ jsx(ResultRoot, { baseName: scope.result.name, path: place, children: /* @__PURE__ */ jsx(ResultField, { field, value, hideLabel: props.hideLabel ?? false }) });
+  const place2 = [scope.result.name, ...segmentsUnder(RESULT_ROOT, path) ?? []];
+  return /* @__PURE__ */ jsx(ResultRoot, { baseName: scope.result.name, path: place2, children: /* @__PURE__ */ jsx(ResultField, { field, value, hideLabel: props.hideLabel ?? false }) });
 }
 function AccessibleSelect({ props, bindings, emit }) {
   const [boundValue, setBoundValue] = useBoundProp(
     props.value ?? void 0,
     bindings?.value
   );
-  const [localValue, setLocalValue] = React6.useState("");
+  const [localValue, setLocalValue] = React2.useState("");
   const isBound = Boolean(bindings?.value);
   const value = isBound ? boundValue ?? "" : localValue;
   const setValue = isBound ? setBoundValue : setLocalValue;
   const validateOn = props.validateOn ?? "change";
   const hasValidation = Boolean(bindings?.value && props.checks?.length);
-  const { errors, validate } = useCheckedField(
+  const { errors, validate, focusRef } = useCheckedField(
     bindings?.value ?? "",
     hasValidation ? { checks: props.checks ?? [], validateOn } : void 0
   );
   const id = useControlId(props.name);
+  const errorId = `${id}-error`;
+  const error = errors[0];
   const labelOf = enumLabeler(props.options ?? [], useFieldPresentation());
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx("label", { htmlFor: id, className: "block text-sm leading-none font-medium", children: props.label }),
@@ -1069,12 +1426,22 @@ function AccessibleSelect({ props, bindings, emit }) {
           emit("change");
         },
         children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { id, className: "h-11 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: props.placeholder ?? "Select..." }) }),
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              id,
+              ref: focusRef,
+              "aria-invalid": error ? true : void 0,
+              "aria-describedby": error ? errorId : void 0,
+              className: "h-11 w-full",
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: props.placeholder ?? "Select..." })
+            }
+          ),
           /* @__PURE__ */ jsx(SelectContent, { children: (props.options ?? []).map((option, index) => /* @__PURE__ */ jsx(SelectItem, { value: option, children: labelOf(option) }, `${index}-${option}`)) })
         ]
       }
     ),
-    errors.length > 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors[0] }) : null
+    error ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-destructive", children: error }) : null
   ] });
 }
 function valueAt(row, relativePath) {
@@ -1085,27 +1452,20 @@ function valueAt(row, relativePath) {
   }
   return current;
 }
-var CELL_NUMBER = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 function formatCell(value) {
   if (value === null || value === void 0 || value === "") return "\u2014";
   if (typeof value === "boolean") return value ? "yes" : "no";
-  if (typeof value === "number") return CELL_NUMBER.format(value);
+  if (typeof value === "number") return formatNumber(value);
   if (typeof value === "string") return value;
   if (Array.isArray(value)) return value.map(formatCell).join(", ");
   return JSON.stringify(value);
 }
 function formatColumnCell(value, format) {
-  const written = format === "date" ? readDateContent(value)?.date : void 0;
-  const day = written === void 0 ? null : /^\d{4}-\d{2}-\d{2}/.exec(written);
-  if (day) {
-    const date = /* @__PURE__ */ new Date(`${day[0]}T12:00:00Z`);
-    if (!Number.isNaN(date.getTime()))
-      return date.toLocaleDateString("en-GB", {
-        day: "numeric",
-        month: "short",
-        year: "numeric",
-        timeZone: "UTC"
-      });
+  if (format === "date") return formatDay(value, "short") ?? formatCell(value);
+  if (format === "text" && typeof value === "number") return formatNumber(value, "plain");
+  if (format === "number") {
+    const amount = shareAmount(value);
+    if (Number.isFinite(amount)) return formatNumber(amount);
   }
   return formatCell(value);
 }
@@ -1126,23 +1486,9 @@ function DataTable({ props }) {
     /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/60 last:border-b-0", children: columns.map((column) => /* @__PURE__ */ jsx("td", { className: "px-2.5 py-1.5 align-top text-foreground", children: formatColumnCell(valueAt(row, column.path), column.format) }, column.path)) }, index)) })
   ] }) });
 }
-function numberFormat(format) {
-  switch (format) {
-    case "integer":
-      return new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
-    case "decimal":
-      return new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-    case "compact":
-      return new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 });
-    case "plain":
-      return new Intl.NumberFormat("en-US", { maximumFractionDigits: 20, useGrouping: false });
-    default:
-      return format;
-  }
-}
 function Metric({ props }) {
   const value = props.value;
-  const text = typeof value === "number" ? numberFormat(props.format ?? "plain").format(value) : textOf(value) || "\u2014";
+  const text = typeof value === "number" ? formatNumber(value, props.format ?? "plain") : textOf(value) || "\u2014";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
     /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: props.label }),
     /* @__PURE__ */ jsxs("span", { className: "text-2xl font-semibold tabular-nums text-foreground", children: [
@@ -1175,8 +1521,8 @@ function Split({
 }
 function Tabs({ props, children }) {
   const tabs = props.tabs ?? [];
-  const panels = React6.Children.toArray(children);
-  const [chosen, setChosen] = React6.useState(null);
+  const panels = React2.Children.toArray(children);
+  const [chosen, setChosen] = React2.useState(null);
   const open = chosen ? openIndex(tabs, chosen) : 0;
   const value = String(open);
   const choose = (next) => {
@@ -1203,7 +1549,7 @@ function Tabs({ props, children }) {
         forceMount: true,
         hidden: index !== open,
         className: "mt-4 focus-visible:outline-hidden",
-        children: panels[index] ?? null
+        children: /* @__PURE__ */ jsx(RevealPanel, { open: () => choose(String(index)), children: panels[index] ?? null })
       },
       index
     ))
@@ -1218,7 +1564,10 @@ function openIndex(tabs, { value, occurrence }) {
   }
   return 0;
 }
-var BUTTON_BASE = "inline-flex min-h-11 items-center justify-center rounded-md px-4 text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50";
+var BUTTON_BASE = cn(
+  "inline-flex min-h-11 items-center justify-center rounded-md px-4 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50",
+  focusOutlineClass
+);
 var PRIMARY_BUTTON = cn(BUTTON_BASE, "bg-primary text-primary-foreground hover:bg-primary/90");
 var SECONDARY_BUTTON = cn(
   BUTTON_BASE,
@@ -1226,8 +1575,8 @@ var SECONDARY_BUTTON = cn(
 );
 function Steps({ props, children }) {
   const steps = props.steps ?? [];
-  const panels = React6.Children.toArray(children);
-  const [chosen, setIndex] = React6.useState(0);
+  const panels = React2.Children.toArray(children);
+  const [chosen, setIndex] = React2.useState(0);
   const last = steps.length - 1;
   const index = Math.max(0, Math.min(chosen, last));
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
@@ -1255,14 +1604,14 @@ function Steps({ props, children }) {
       },
       `${position}-${label}`
     )) }),
-    steps.map((_step, position) => /* @__PURE__ */ jsx("div", { hidden: position !== index, children: panels[position] ?? null }, position)),
+    steps.map((_step, position) => /* @__PURE__ */ jsx("div", { hidden: position !== index, children: /* @__PURE__ */ jsx(RevealPanel, { open: () => setIndex(position), children: panels[position] ?? null }) }, position)),
     index > 0 || index < last ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
       index > 0 ? /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           "data-testid": "steps-back",
-          onClick: () => setIndex((current) => Math.max(0, current - 1)),
+          onClick: () => setIndex(Math.max(0, index - 1)),
           className: SECONDARY_BUTTON,
           children: props.backLabel ?? "Back"
         }
@@ -1272,7 +1621,7 @@ function Steps({ props, children }) {
         {
           type: "button",
           "data-testid": "steps-next",
-          onClick: () => setIndex((current) => Math.min(last, current + 1)),
+          onClick: () => setIndex(Math.min(last, index + 1)),
           className: PRIMARY_BUTTON,
           children: props.nextLabel ?? "Next"
         }
@@ -1357,7 +1706,7 @@ function Segmented({ props, bindings, emit }) {
     props.value ?? void 0,
     bindings?.value
   );
-  const [localValue, setLocalValue] = React6.useState("");
+  const [localValue, setLocalValue] = React2.useState("");
   const isBound = Boolean(bindings?.value);
   const value = isBound ? boundValue ?? "" : localValue;
   const setValue = isBound ? setBoundValue : setLocalValue;
@@ -1397,7 +1746,7 @@ function NumberInput({ props, bindings, emit }) {
     props.value ?? void 0,
     bindings?.value
   );
-  const [localValue, setLocalValue] = React6.useState(void 0);
+  const [localValue, setLocalValue] = React2.useState(void 0);
   const isBound = Boolean(bindings?.value);
   const value = isBound ? boundValue : localValue;
   const setValue = isBound ? setBoundValue : setLocalValue;
@@ -1478,20 +1827,56 @@ var generativeRenderers = withDeclaredProps(
   { MthdsField: ["path"], MthdsResult: ["path"] }
 );
 var RADIUS = "rounded-[calc(var(--radius,0.5rem)*1.5)]";
-function useAbsolute(path) {
-  const repeat = useRepeatScope();
-  if (path.startsWith("/")) return path;
-  if (!repeat) return path;
-  return path === "" ? repeat.basePath : `${repeat.basePath}/${path}`;
+var NAMED_WAITING = 3;
+function useRunWaitsFor() {
+  const { inputs } = useDescriptorScope();
+  const values = useStateValue(INPUTS_ROOT);
+  const placed = usePlacedInputs();
+  const presentation = useFieldPresentation();
+  const strings = useFieldStrings();
+  const waiting = waitingFields(inputs ?? [], isRecord2(values) ? values : void 0).map(({ field, path }) => {
+    const at = joinPath(INPUTS_ROOT, ...path);
+    return { field, path, on: placed.get(at), rank: rankOf(placed, at) };
+  }).sort((a, b) => a.rank - b.rank);
+  if (waiting.length === 0) return void 0;
+  const labelAt = (path) => {
+    const field = inputFieldAtPath(inputs ?? [], joinPath(INPUTS_ROOT, ...path));
+    if (!field) return void 0;
+    return placed.get(joinPath(INPUTS_ROOT, ...path))?.label ?? fieldLabel(field.title, field.name, presentation);
+  };
+  const named = waiting.slice(0, NAMED_WAITING);
+  const labels = named.map(
+    ({ field, on }) => on?.label ?? fieldLabel(field.title, field.name, presentation)
+  );
+  const names = labels.map((label, index) => {
+    const parent = named[index].path.slice(0, -1);
+    const shared = labels.filter((other) => other === label).length > 1;
+    const around = shared && parent.length > 0 ? labelAt(parent) : void 0;
+    return around ? `${label} (${around})` : label;
+  });
+  return strings.runWaitsFor(names, waiting.length - names.length);
+}
+function rankOf(placed, path) {
+  const own = placed.get(path);
+  if (own) return own.order;
+  for (let at = path.lastIndexOf("/"); at > INPUTS_ROOT.length; at = path.lastIndexOf("/", at - 1)) {
+    const around = placed.get(path.slice(0, at));
+    if (around) return around.order;
+  }
+  let first = Number.MAX_SAFE_INTEGER;
+  for (const [inside, { order }] of placed) {
+    if (inside.startsWith(`${path}/`)) first = Math.min(first, order);
+  }
+  return first;
 }
-function asDate(value) {
-  if (typeof value !== "string" || !/^\d{4}-\d{2}-\d{2}/.test(value)) return void 0;
-  const date = /* @__PURE__ */ new Date(`${value.slice(0, 10)}T12:00:00Z`);
-  return Number.isNaN(date.getTime()) ? void 0 : date;
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function Composer({ props, children, emit }) {
   const host = useFrameHost();
   const busy = useDescriptorScope().env?.disabled ?? false;
+  const waitsFor = useRunWaitsFor();
+  const waitsForId = React2.useId();
   const two = props.columns === "2";
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1528,16 +1913,20 @@ function Composer({ props, children, emit }) {
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "sticky bottom-0 z-[2] -mx-7 -mb-7 mt-7 flex items-center justify-between gap-4 rounded-b-[calc(var(--radius,0.5rem)*1.5)] border-t border-border [background-color:var(--panel-fill,var(--card,hsl(0_0%_100%)))] px-7 pt-[18px] pb-7 max-sm:-mx-5 max-sm:-mb-5 max-sm:flex-col-reverse max-sm:items-stretch max-sm:px-5 max-sm:pb-5", children: [
-                host.eta ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-sm text-muted-foreground max-sm:justify-center", children: [
-                  /* @__PURE__ */ jsx(Clock, { className: "size-4", "aria-hidden": "true" }),
-                  " ",
-                  host.eta
-                ] }) : /* @__PURE__ */ jsx("span", {}),
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1 text-sm text-muted-foreground max-sm:items-center max-sm:text-center", children: [
+                  waitsFor ? /* @__PURE__ */ jsx("p", { id: waitsForId, children: waitsFor }) : null,
+                  host.eta ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(Clock, { className: "size-4", "aria-hidden": "true" }),
+                    " ",
+                    host.eta
+                  ] }) : null
+                ] }),
                 /* @__PURE__ */ jsxs(
                   "button",
                   {
                     type: "button",
                     disabled: busy,
+                    "aria-describedby": waitsFor ? waitsForId : void 0,
                     onClick: () => emit("press"),
                     className: cn(
                       "inline-flex min-h-11 items-center justify-center gap-2 rounded-[var(--radius,0.5rem)] bg-primary px-[22px] text-[15px] font-semibold text-primary-foreground transition-all hover:bg-primary/90",
@@ -1609,19 +1998,10 @@ function segmentMix(index, count) {
 function segmentColor(index, count) {
   return `color-mix(in oklab, var(--link, var(--primary, hsl(240 5.9% 10%))) ${segmentMix(index, count)}%, var(--muted, hsl(240 4.8% 95.9%)))`;
 }
-function amount(value, unit) {
-  if (unit && /^[A-Z]{3}$/.test(unit)) {
-    try {
-      return new Intl.NumberFormat("en-GB", {
-        style: "currency",
-        currency: unit,
-        maximumFractionDigits: 0
-      }).format(value);
-    } catch {
-    }
-  }
-  const n = new Intl.NumberFormat("en-GB", { maximumFractionDigits: 2 }).format(value);
-  return unit ? `${n} ${unit}` : n;
+function statedAmount(raw) {
+  if (raw === null || raw === void 0) return null;
+  const amount = shareAmount(raw);
+  return Number.isFinite(amount) ? amount : void 0;
 }
 function ProportionBar({ props }) {
   const rows = (Array.isArray(props.items) ? props.items : []).filter(
@@ -1632,8 +2012,10 @@ function ProportionBar({ props }) {
     value: shareAmount(row[props.valueKey])
   })).filter((p) => Number.isFinite(p.value) && p.value > 0);
   const sum = parts.reduce((s, p) => s + p.value, 0);
-  const total = typeof props.total === "number" ? props.total : sum;
-  const scale = Math.max(sum, total, typeof props.of === "number" ? props.of : 0) || 1;
+  const stated = statedAmount(props.total);
+  const total = stated === null ? sum : stated;
+  const ceiling = statedAmount(props.of) ?? void 0;
+  const scale = Math.max(sum, total ?? 0, ceiling ?? 0) || 1;
   const cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1648,10 +2030,10 @@ function ProportionBar({ props }) {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2.5", children: [
           /* @__PURE__ */ jsx("span", { className: "text-[15px] text-muted-foreground", children: props.label }),
-          /* @__PURE__ */ jsx("strong", { className: "text-2xl font-semibold tabular-nums text-foreground", children: amount(total, props.unit) }),
-          typeof props.of === "number" ? /* @__PURE__ */ jsxs("span", { className: "text-[15px] text-muted-foreground", children: [
+          total !== void 0 ? /* @__PURE__ */ jsx("strong", { className: "text-2xl font-semibold tabular-nums text-foreground", children: formatAmount(total, props.unit) }) : null,
+          ceiling !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "text-[15px] text-muted-foreground", children: [
             "of ",
-            amount(props.of, props.unit)
+            formatAmount(ceiling, props.unit)
           ] }) : null
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex h-2 gap-0.5 overflow-hidden rounded-full bg-muted", "aria-hidden": "true", children: parts.map((p, i) => /* @__PURE__ */ jsx(
@@ -1681,7 +2063,7 @@ function ProportionBar({ props }) {
               ),
               cap(p.label),
               " ",
-              amount(p.value, props.unit)
+              formatAmount(p.value, props.unit)
             ]
           },
           `${i}-${p.label}`
@@ -1714,11 +2096,10 @@ var ASPECT = {
 function Picture({
   props
 }) {
-  const written = typeof props.path === "string" ? props.path : void 0;
-  const path = useAbsolute(written ?? "");
-  const value = useStateValue(path);
+  const path = useAbsolutePath(props.path, true);
+  const value = useStateValue(path ?? "");
   const resolve = useResolveUrl();
-  const content = written === void 0 ? void 0 : readImageContent(value);
+  const content = path === void 0 ? void 0 : readImageContent(value);
   const src = content ? viewableUrl(resolve?.(content.url)) ?? viewableUrl(content.publicUrl) ?? viewableUrl(content.url) : void 0;
   const aspect = props.aspect && props.aspect !== "auto" ? ASPECT[props.aspect] : void 0;
   if (!src) return null;
@@ -1757,16 +2138,11 @@ function Detail({ props }) {
     ] })
   );
 }
-var DATE_STYLES = {
-  long: { weekday: "long", day: "numeric", month: "long", year: "numeric", timeZone: "UTC" },
-  short: { day: "numeric", month: "short", year: "numeric", timeZone: "UTC" },
-  weekday: { weekday: "short", day: "numeric", month: "long", timeZone: "UTC" }
-};
 function DateText({ props }) {
-  const date = asDate(props.value);
-  if (!date) return null;
+  const day = formatDay(props.value, props.style ?? "long");
+  if (day === void 0) return null;
   const tone = props.tone === "accent" ? cn("text-[13px] font-semibold", linkTextClass) : props.tone === "muted" ? "text-sm text-muted-foreground" : "text-[15px] text-foreground";
-  return /* @__PURE__ */ jsx("span", { className: cn("block", tone), children: date.toLocaleDateString("en-GB", DATE_STYLES[props.style ?? "long"]) });
+  return /* @__PURE__ */ jsx("span", { className: cn("block", tone), children: day });
 }
 function TextList({ props }) {
   const items = Array.isArray(props.items) ? props.items.filter((x) => typeof x === "string" && x.trim()) : [];
@@ -1805,10 +2181,13 @@ var frameRenderers = withDeclaredProps(
     Detail: (ctx) => /* @__PURE__ */ jsx(Detail, { ...ctx })
   },
   // A refused `path` reaches the renderer as refused: its nearest value, the
-  // empty text, is the item itself inside a repeat.
-  { Picture: ["path"] }
+  // empty text, is the item itself inside a repeat. A share's total and its
+  // ceiling are read as written too: a decimal a payload carries as text is
+  // a number the bar can draw, where its nearest value, nothing, would put
+  // the parts' sum in its place.
+  { Picture: ["path"], ProportionBar: ["total", "of"] }
 );
-var ResultSlotContext = React6.createContext(null);
+var ResultSlotContext = React2.createContext(null);
 function ResultSlotProvider({
   slot,
   children
@@ -1816,7 +2195,7 @@ function ResultSlotProvider({
   return /* @__PURE__ */ jsx(ResultSlotContext.Provider, { value: slot, children });
 }
 function useResultSlot() {
-  return React6.useContext(ResultSlotContext);
+  return React2.useContext(ResultSlotContext);
 }
 var LABEL2 = "block text-[13.5px] leading-none font-medium text-foreground";
 function AppBar({ props }) {
@@ -1845,7 +2224,7 @@ function Hero({ props }) {
   ] });
 }
 function Workspace({ props, children }) {
-  const [work, rail] = React6.Children.toArray(children);
+  const [work, rail] = React2.Children.toArray(children);
   const railLeft = props.rail === "left";
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1971,13 +2350,13 @@ function useTextField(props, bindings) {
     props.value ?? void 0,
     bindings?.value
   );
-  const [localValue, setLocalValue] = React6.useState("");
+  const [localValue, setLocalValue] = React2.useState("");
   const isBound = Boolean(bindings?.value);
   const value = isBound ? boundValue ?? "" : localValue;
   const setValue = isBound ? setBoundValue : setLocalValue;
   const validateOn = props.validateOn ?? "blur";
   const hasValidation = Boolean(bindings?.value && props.checks?.length);
-  const { errors, validate } = useCheckedField(
+  const { errors, validate, focusRef } = useCheckedField(
     bindings?.value ?? "",
     hasValidation ? { checks: props.checks ?? [], validateOn } : void 0
   );
@@ -1988,7 +2367,7 @@ function useTextField(props, bindings) {
   const onBlur = () => {
     if (hasValidation && validateOn === "blur") validate();
   };
-  return { value, errors, onChange, onBlur };
+  return { value, errors, onChange, onBlur, focusRef };
 }
 function BrandInput({
   props,
@@ -2007,7 +2386,9 @@ function BrandInput({
         type: props.type ?? "text",
         value: field.value,
         placeholder: props.placeholder ?? "",
+        ref: field.focusRef,
         "aria-invalid": field.errors.length > 0 || void 0,
+        "aria-describedby": field.errors[0] ? `${id}-error` : void 0,
         onChange: (event) => field.onChange(event.target.value),
         onBlur: () => {
           field.onBlur();
@@ -2020,7 +2401,7 @@ function BrandInput({
         className: cn(fieldControlClass, "h-11 px-3.5")
       }
     ),
-    field.errors[0] ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-[11px] text-destructive", children: field.errors[0] }) : null
+    field.errors[0] ? /* @__PURE__ */ jsx("p", { id: `${id}-error`, role: "alert", className: "text-[11px] text-destructive", children: field.errors[0] }) : null
   ] });
 }
 function BrandTextarea({
@@ -2039,13 +2420,15 @@ function BrandTextarea({
         rows: props.rows ?? 3,
         value: field.value,
         placeholder: props.placeholder ?? "",
+        ref: field.focusRef,
         "aria-invalid": field.errors.length > 0 || void 0,
+        "aria-describedby": field.errors[0] ? `${id}-error` : void 0,
         onChange: (event) => field.onChange(event.target.value),
         onBlur: field.onBlur,
         className: cn(fieldControlClass, "px-3.5 py-2.5 leading-relaxed")
       }
     ),
-    field.errors[0] ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-[11px] text-destructive", children: field.errors[0] }) : null
+    field.errors[0] ? /* @__PURE__ */ jsx("p", { id: `${id}-error`, role: "alert", className: "text-[11px] text-destructive", children: field.errors[0] }) : null
   ] });
 }
 var { registry: generativeRegistry } = defineRegistry(catalog, {
@@ -2079,29 +2462,29 @@ function GenerativePage({
   onElementError
 }) {
   const { inputs, result, env, idPrefix } = scope;
-  const stableScope = React6.useMemo(
+  const stableScope = React2.useMemo(
     () => ({ inputs, result, env, idPrefix }),
     [inputs, result, env, idPrefix]
   );
-  const latest = React6.useRef({ onRun, store });
-  React6.useEffect(() => {
+  const latest = React2.useRef({ onRun, store });
+  React2.useEffect(() => {
     latest.current = { onRun, store };
   });
-  const report = React6.useRef(onElementError);
-  React6.useInsertionEffect(() => {
+  const report = React2.useRef(onElementError);
+  React2.useInsertionEffect(() => {
     report.current = onElementError;
   });
-  const [made] = React6.useState(() => /* @__PURE__ */ new Map());
-  const pageRegistry = React6.useMemo(
+  const [made] = React2.useState(() => /* @__PURE__ */ new Map());
+  const pageRegistry = React2.useMemo(
     () => reportingRegistry(registry, report, made),
     [registry, made]
   );
   const rootType = spec?.elements?.[spec.root]?.type ?? "root";
   const reporting = onElementError !== void 0;
-  const validation = React6.useRef(null);
-  const [checkedFields] = React6.useState(() => new CheckedFields());
-  const running = React6.useRef(false);
-  const [handlers] = React6.useState(() => {
+  const validation = React2.useRef(null);
+  const [checkedFields] = React2.useState(() => new CheckedFields());
+  const running = React2.useRef(false);
+  const [handlers] = React2.useState(() => {
     const release = () => {
       setTimeout(() => {
         running.current = false;
@@ -2111,11 +2494,7 @@ function GenerativePage({
       run: () => {
         if (running.current) return void 0;
         const checks = validation.current;
-        if (checks) {
-          const registered = checks.validateAll();
-          const mounted = checkedFields.check(checks);
-          if (!registered || !mounted) return void 0;
-        }
+        if (checks && !checkedFields.check(checks)) return void 0;
         running.current = true;
         let pending;
         try {
@@ -2134,20 +2513,29 @@ function GenerativePage({
       }
     };
   });
-  const page = /* @__PURE__ */ jsx(DescriptorProvider, { scope: stableScope, children: /* @__PURE__ */ jsx(JSONUIProvider, { registry: pageRegistry, store, handlers, children: /* @__PURE__ */ jsx(ReportingContext.Provider, { value: reporting, children: /* @__PURE__ */ jsxs(CheckedFieldsContext.Provider, { value: checkedFields, children: [
-    /* @__PURE__ */ jsx(ValidationBridge, { into: validation, fields: checkedFields }),
-    /* @__PURE__ */ jsx(
-      RootBoundary,
-      {
-        type: rootType,
-        report,
-        reporting,
-        loading: loading === true,
-        spec,
-        children: /* @__PURE__ */ jsx(Renderer, { spec, registry: pageRegistry, loading })
-      }
-    )
-  ] }) }) }) });
+  const page = /* @__PURE__ */ jsx(DescriptorProvider, { scope: stableScope, children: /* @__PURE__ */ jsx(PlacedInputsProvider, { spec, children: /* @__PURE__ */ jsx(
+    JSONUIProvider,
+    {
+      registry: pageRegistry,
+      store,
+      handlers,
+      validationFunctions: CHECKED_FIELD_FUNCTIONS,
+      children: /* @__PURE__ */ jsx(ReportingContext.Provider, { value: reporting, children: /* @__PURE__ */ jsxs(CheckedFieldsContext.Provider, { value: checkedFields, children: [
+        /* @__PURE__ */ jsx(ValidationBridge, { into: validation, fields: checkedFields }),
+        /* @__PURE__ */ jsx(
+          RootBoundary,
+          {
+            type: rootType,
+            report,
+            reporting,
+            loading: loading === true,
+            spec,
+            children: /* @__PURE__ */ jsx(Renderer, { spec, registry: pageRegistry, loading })
+          }
+        )
+      ] }) })
+    }
+  ) }) });
   return brand ? /* @__PURE__ */ jsx(BrandProvider, { manifest: brand, children: page }) : page;
 }
 function ValidationBridge({
@@ -2155,20 +2543,20 @@ function ValidationBridge({
   fields
 }) {
   const validation = useOptionalValidation();
-  React6.useInsertionEffect(() => {
+  React2.useInsertionEffect(() => {
     into.current = validation;
     fields.attach(validation);
   });
   return null;
 }
 function useStoreSnapshot(store) {
-  return React6.useSyncExternalStore(
+  return React2.useSyncExternalStore(
     store.subscribe,
     store.getSnapshot,
     store.getServerSnapshot ?? store.getSnapshot
   );
 }
 
-export { BrandBar, BrandProvider, DescriptorProvider, FrameHostProvider, GenerativePage, ResultSlotProvider, domIdFor, generativeRegistry, generativeRenderers, pathFromDomId, useBrand, useCheckedField, useDescriptorScope, useFrameHost, useResultSlot, useStoreSnapshot };
+export { BrandBar, BrandProvider, DescriptorProvider, FrameHostProvider, GenerativePage, ResultSlotProvider, RevealPanel, domIdFor, generativeRegistry, generativeRenderers, pathFromDomId, useBrand, useCheckedField, useDescriptorScope, useFrameHost, useResultSlot, useStoreSnapshot };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map