@bettercms-ai/kit 0.1.0 → 1.0.0

package/engine/array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.js","names":[],"sources":["../../src/kit/engine/array.tsx"],"sourcesContent":["/**\n * ARRAYS — compact PREVIEW ROWS that rest closed (CPO D8 + production; V2 HEAD 9829bf1 kit/engine/array.tsx): grip ·\n * thumb · title + subtitle · validation dot · presence · always-visible ⋯ (Move up/down, Duplicate, Add above/below,\n * Remove). Opening a row follows ONE rule (CPO D43): ≤3 simple fields expand inline, else it drills in (`openMode`\n * overrides). Reorder by drag with layout animation; delete with an Undo toast; \"Add {noun}\" (a type menu when several\n * item types); min/max honoured.\n * Arrays of primitives render as a gallery (images), reference chips, or — for text, numbers and URLs — the ITEM LIST\n * (CPO D47): one input per row, no drill. Arrays of one-field objects (`[{ text }]`) use the same item list. Small\n * objects with an `included` / `isIncluded` switch get that switch as a check on the row itself.\n *\n * Host wiring (RowsHostContext): a drill row calls `drill(path)` (the frame push); without one it falls back to\n * `form.navigate` while the form draws frames (`form.canNavigate`), else drill rows are inert (no button, no ›).\n * Dialog items render the host's `NestedForm` (V2 kit-field NestedForm: its own navigation stack); without one the\n * dialog shows the item's FieldList.\n *\n * Kit deviations from V2: sorting is `useDragReorder` (no @dnd-kit in the kit; it keeps dnd-kit's pointer and keyboard\n * sensor semantics: Space / Enter picks up, arrows move, Space / Enter drops as one write, Escape cancels; the table editor's cross-list drag via\n * `sortableId` is not ported); toasts come from KitServices (absent → silent); the gallery and reference-chip controls come from\n * ARRAY_CONTROLS (registered by the controls lane); a host that never registered them edits the raw list (FallbackControl).\n */\nimport * as React from \"react\";\nimport type { ComponentType } from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport {\n  IconArrowDown, IconArrowUp, IconArrowsDiagonal, IconCheck, IconChevronDown, IconChevronRight, IconCopy, IconDots, IconGripVertical, IconMinus, IconPlus, IconRowInsertBottom, IconRowInsertTop, IconTrash, IconX,\n} from \"@tabler/icons-react\";\nimport { Button } from \"../ui/button\";\nimport { Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Popover, PopoverAnchor, PopoverContent, Tooltip } from \"../ui/overlay\";\nimport { cn } from \"../lib/cn\";\nimport type { FieldPath, FieldSchema } from \"../schema/types\";\nimport type { ControlProps } from \"../types\";\nimport { useForm, useKitEnv, useKitServices } from \"../context\";\nimport { ensureKeys, isObj, itemId, newKey, pathKey } from \"../lib/path\";\nimport { initialFor, itemNoun, itemOpenMode, itemSchemaFor, itemSchemas, newItem, previewOf, primitiveItem, type Preview } from \"../lib/schema\";\nimport { IssueDot, Thumb } from \"./bits\";\nimport { KitIcon } from \"../lib/icons\";\nimport { FieldShell, PeerStack } from \"./field-shell\";\nimport { FieldLabelForContext } from \"../ui/field-context\";\nimport { FieldList } from \"./field-list\";\nimport { INSET_LINE, InsetScope } from \"./grouping\";\nimport { arrayMove, ItemList, useDragReorder, type ItemKind, type ItemListAdapter } from \"./item-list\";\nimport { CONTROLS, FallbackControl, useFieldAccess } from \"./kit-field\";\n\n/* ── Host wiring ───────────────────────────────────────────────────── */\n/** V2 kit-field NestedForm's props: a dialog's own SchemaForm over `fields`, writing into the parent form at `path`. */\nexport interface NestedFormProps {\n  fields: FieldSchema[];\n  title: string;\n  icon?: string;\n  path: FieldPath;\n  navRef?: React.Ref<{ back: () => boolean }>;\n}\nexport interface RowsHost {\n  /** Push a frame for an item / block path (F7b frames). Default: `form.navigate` while `form.canNavigate`. */\n  drill?: (path: FieldPath) => void;\n  /** Dialog-mode items: V2's NestedForm (own navigation stack). Default: the item's FieldList. */\n  NestedForm?: ComponentType<NestedFormProps>;\n}\nexport const RowsHostContext = React.createContext<RowsHost>({});\n/** The frame push for a drill row, or undefined when nothing can draw the frame (the row is then inert). */\nexport function useDrill(): ((path: FieldPath) => void) | undefined {\n  const host = React.useContext(RowsHostContext);\n  const form = useForm();\n  return host.drill ?? (form?.canNavigate ? form.navigate : undefined);\n}\n\n/** Primitive-array controls V2 imports from controls/media (GalleryControl) and controls/reference (ReferencesControl). */\nexport const ARRAY_CONTROLS: { gallery?: ComponentType<ControlProps>; references?: ComponentType<ControlProps> } = {};\n\nconst plural = (noun: string) => (noun.endsWith(\"y\") && !/[aeiou]y$/.test(noun) ? `${noun.slice(0, -1)}ies` : noun.endsWith(\"s\") ? noun : `${noun}s`);\n\nexport function ArrayField({ field, path }: { field: FieldSchema; path: FieldPath; parent?: Record<string, unknown> }) {\n  const prim = primitiveItem(field);\n  if (prim) return <PrimitiveArray field={field} item={prim} path={path} />;\n  const one = oneFieldItem(field);\n  if (one) return <OneFieldArray field={field} item={one.item} inner={one.inner} path={path} />;\n  return <ObjectArray field={field} path={path} />;\n}\n\n/** Item types that edit as one line in the item list. */\nconst LIST_KIND: Partial<Record<FieldSchema[\"type\"], ItemKind>> = { string: \"text\", text: \"text\", slug: \"text\", url: \"url\", email: \"email\", number: \"number\" };\n\n/** `[{ _key, text }]` — an object item with exactly one line-like field edits as the item list (unless the schema forces another open mode). */\nfunction oneFieldItem(field: FieldSchema): { item: FieldSchema; inner: FieldSchema } | undefined {\n  if (field.openMode && field.openMode !== \"inline\") return undefined;\n  const of = itemSchemas(field);\n  const item = of.length === 1 ? of[0] : undefined;\n  const inner = item?.type === \"object\" && item.fields?.length === 1 ? item.fields[0] : undefined;\n  return item && inner && LIST_KIND[inner.type] && !inner.scale ? { item, inner } : undefined;\n}\n\n/** The boolean an item shows as a check on its row (\"included\" in a feature list). */\nconst ROW_TOGGLE = /^(is)?included$/i;\nexport const rowToggleField = (s?: FieldSchema) => s?.fields?.find((f) => f.type === \"boolean\" && ROW_TOGGLE.test(f.name));\n\n/** List meta on the message line: \"3 items · max 6\". */\nfunction listMeta(n: number, field: FieldSchema) {\n  const { min, max } = field.validation ?? {};\n  const base = `${n} ${n === 1 ? \"item\" : \"items\"}`;\n  return max != null ? `${base} · max ${max}` : min != null ? `${base} · min ${min}` : n ? base : \"\";\n}\n\n/* ── Primitive arrays ──────────────────────────────────────────────── */\nfunction PrimitiveArray({ field, item, path }: { field: FieldSchema; item: FieldSchema; path: FieldPath }) {\n  const form = useForm()!;\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  const key = pathKey(path);\n  const value = form.getAt(path);\n  const list = Array.isArray(value) ? value : [];\n  const onChange = (v: unknown) => form.setAt(path, v);\n  const props = { field, value: list, onChange, id, readOnly, path, onBlur: () => form.touch(key) };\n  const kind = LIST_KIND[item.type];\n  const adapter = React.useMemo<ItemListAdapter | undefined>(\n    () =>\n      kind\n        ? {\n            kind,\n            read: (v) => (v == null ? \"\" : String(v)),\n            write: (v) => v,\n            valuePath: (i) => [i],\n            placeholder: item.placeholder ?? (item.title && !/^(item|value)$/i.test(item.title) ? item.title : undefined),\n          }\n        : undefined,\n    [kind, item.placeholder, item.title],\n  );\n  const Gallery = ARRAY_CONTROLS.gallery;\n  const References = ARRAY_CONTROLS.references;\n  const control =\n    item.type === \"image\" ? (Gallery ? <Gallery {...props} /> : <FallbackControl {...props} />) :\n    item.type === \"reference\" ? (References ? <References {...props} field={{ ...field, reference: item.reference }} /> : <FallbackControl {...props} />) :\n    adapter ? <ItemList field={field} path={path} list={list} readOnly={readOnly} adapter={adapter} inputId={id} /> :\n    <InlineList field={field} item={item} path={path} list={list} readOnly={readOnly} />;\n  return (\n    <FieldShell field={field} path={path} id={id} value={list} onChange={onChange} readOnly={readOnly} issue={form.visibleIssue(key)} meta={item.type === \"reference\" ? undefined : <span className=\"text-kit-xs text-kit-fg-3\">{listMeta(list.length, field)}</span>}>\n      <div className=\"@container\">{control}</div>\n    </FieldShell>\n  );\n}\n\n/* ── One-field object arrays: same item list, value lives at item[inner.name] ── */\nfunction OneFieldArray({ field, item, inner, path }: { field: FieldSchema; item: FieldSchema; inner: FieldSchema; path: FieldPath }) {\n  const form = useForm()!;\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  const key = pathKey(path);\n  const value = form.getAt(path);\n  const list = Array.isArray(value) ? value : [];\n  const adapter = React.useMemo<ItemListAdapter>(\n    () => ({\n      kind: LIST_KIND[inner.type]!,\n      read: (v) => {\n        const x = isObj(v) ? v[inner.name] : undefined;\n        return x == null ? \"\" : String(x);\n      },\n      write: (v, prev) => ({ ...(isObj(prev) ? prev : (newItem(field, item) as object)), [inner.name]: v }),\n      keyOf: (v) => (isObj(v) && typeof v._key === \"string\" ? v._key : undefined),\n      valuePath: (i) => [i, inner.name],\n      placeholder: inner.placeholder ?? item.preview?.fallback?.replace(/^Untitled /i, \"\").replace(/^./, (c) => c.toUpperCase()),\n    }),\n    [field, item, inner],\n  );\n  // legacy rows without `_key` get one on first render so rows stay stable while typing and dragging\n  React.useEffect(() => {\n    if (!readOnly && list.some((it) => isObj(it) && typeof it._key !== \"string\")) form.setAt(path, ensureKeys(list));\n  }, [list, readOnly]); // eslint-disable-line react-hooks/exhaustive-deps\n  return (\n    <FieldShell field={field} path={path} id={id} value={list} onChange={(v) => form.setAt(path, v)} readOnly={readOnly} issue={form.visibleIssue(key)} meta={<span className=\"text-kit-xs text-kit-fg-3\">{listMeta(list.length, field)}</span>}>\n      <div className=\"@container\">\n        <ItemList field={field} path={path} list={list} readOnly={readOnly} adapter={adapter} inputId={id} />\n      </div>\n    </FieldShell>\n  );\n}\n\nfunction InlineList({ field, item, path, list, readOnly }: { field: FieldSchema; item: FieldSchema; path: FieldPath; list: unknown[]; readOnly: boolean }) {\n  const form = useForm()!;\n  const Control = CONTROLS[item.type] ?? FallbackControl;\n  const max = field.validation?.max;\n  const ids = list.map((_, i) => `p${i}`);\n  const sort = useDragReorder(ids, (from, to) => form.setAt(path, arrayMove(list, from, to)), { disabled: readOnly });\n  const rowControl = (v: unknown, i: number) => (\n    <Control field={{ ...item, title: `${item.title} ${i + 1}` }} value={v} onChange={(n) => form.setAt([...path, i], n)} id={`${pathKey(path)}-${i}`} path={[...path, i]} readOnly={readOnly} />\n  );\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      {list.map((v, i) => (\n        <InlineRow key={ids[i]} id={ids[i]} labelId={`${pathKey(path)}-${i}-label`} sort={sort} readOnly={readOnly} onRemove={() => form.setAt(path, list.filter((_, j) => j !== i))}>\n          {/* V2 draws no label on a row, so the row's name is an sr-only span (no <label> element) at the id a FieldShell's\n              label has (`${id}-label`): aria-labelledby controls (rich text) and the row group read it, and the kit\n              Input/Textarea/Select/Switch/Checkbox whose id is the row's take it through FieldLabelForContext (<label for>\n              semantics without the element) */}\n          <span id={`${pathKey(path)}-${i}-label`} className=\"sr-only\">{`${item.title} ${i + 1}`}</span>\n          <FieldLabelForContext.Provider value={{ htmlFor: `${pathKey(path)}-${i}`, labelId: `${pathKey(path)}-${i}-label` }}>\n            {rowControl(v, i)}\n          </FieldLabelForContext.Provider>\n        </InlineRow>\n      ))}\n      {sort.a11y}\n      {readOnly ? null : (\n        <Button size=\"sm\" variant=\"ghost\" className=\"self-start text-kit-fg-2\" leftIcon={<IconPlus stroke={1.5} />} disabled={max != null && list.length >= max} onClick={() => form.setAt(path, [...list, initialFor(item)])}>\n          Add {itemNoun(field)}\n        </Button>\n      )}\n    </div>\n  );\n}\nfunction InlineRow({ id, labelId, sort, children, onRemove, readOnly }: { id: string; labelId: string; sort: ReturnType<typeof useDragReorder>; children: React.ReactNode; onRemove: () => void; readOnly: boolean }) {\n  return (\n    <div ref={sort.register(id)} style={sort.style(id)} className={cn(\"group/il flex items-start gap-1\", sort.active === id && \"relative z-10\")}>\n      {readOnly ? null : (\n        <button type=\"button\" aria-label=\"Drag to reorder\" {...sort.handle(id)} className=\"mt-1.5 flex h-5 w-4 shrink-0 cursor-grab touch-none items-center justify-center text-kit-fg-4 hover:text-kit-fg-2 active:cursor-grabbing\">\n          <IconGripVertical className=\"size-3.5\" stroke={1.5} />\n        </button>\n      )}\n      <div role=\"group\" aria-labelledby={labelId} className=\"min-w-0 flex-1\">{children}</div>\n      {readOnly ? null : (\n        <Tooltip content=\"Remove\">\n          <button type=\"button\" aria-label=\"Remove\" onClick={onRemove} className=\"mt-1 flex size-6 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-3 opacity-0 transition-opacity hover:bg-kit-hover hover:text-kit-fg focus-visible:opacity-100 group-hover/il:opacity-100\">\n            <IconX className=\"size-3.5\" stroke={1.5} />\n          </button>\n        </Tooltip>\n      )}\n    </div>\n  );\n}\n\n/* ── Object arrays: preview rows ───────────────────────────────────── */\nexport interface RowModel {\n  id: string;\n  index: number;\n  item: unknown;\n  preview: Preview;\n  path: FieldPath;\n  chip?: string;\n  extra?: string;\n  /** an included-style switch that is OFF: the title reads muted */\n  dim?: boolean;\n}\n\nfunction ObjectArray({ field, path }: { field: FieldSchema; path: FieldPath }) {\n  const form = useForm()!;\n  const host = React.useContext(RowsHostContext);\n  const drill = useDrill();\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  const key = pathKey(path);\n  const value = form.getAt(path);\n  const list = Array.isArray(value) ? value : [];\n  const of = itemSchemas(field);\n  const mode = itemOpenMode(field);\n  const rows: RowModel[] = list.map((it, i) => {\n    const s = itemSchemaFor(field, it);\n    const tf = rowToggleField(s);\n    return {\n      id: itemId(it, i), index: i, item: it, preview: previewOf(s, it, i, s?.title ?? itemNoun(field)), path: [...path, i], chip: of.length > 1 ? s?.title : undefined,\n      dim: tf ? isObj(it) && it[tf.name] === false : undefined,\n    };\n  });\n  const write = (next: unknown[]) => form.setAt(path, ensureKeys(next));\n  const ops = useListOps(field, path, list, write, (i) => (mode === \"drill\" ? drill?.([...path, i]) : undefined));\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const dialogNav = React.useRef<{ back: () => boolean }>(null);\n  const Nested = host.NestedForm;\n  return (\n    <FieldShell field={field} path={path} id={id} value={list} onChange={(v) => form.setAt(path, v)} readOnly={readOnly} issue={form.visibleIssue(key)} meta={<span className=\"text-kit-xs text-kit-fg-3\">{listMeta(list.length, field)}</span>}>\n      <RowList\n        field={field}\n        rows={rows}\n        readOnly={readOnly}\n        layout={field.arrayLayout ?? \"list\"}\n        mode={mode}\n        openId={openId}\n        onOpen={\n          mode === \"drill\"\n            ? drill && ((r) => drill(r.path))\n            : (r) => setOpenId(openId === r.id ? null : r.id)\n        }\n        onCloseInline={() => setOpenId(null)}\n        ops={ops}\n        dialogNav={dialogNav}\n        rowToggle={(r) => {\n          const tf = rowToggleField(itemSchemaFor(field, r.item));\n          if (!tf) return null;\n          const on = isObj(r.item) && r.item[tf.name] !== false;\n          return <RowCheck on={on} label={tf.title} title={r.preview.title} readOnly={readOnly} onToggle={() => form.setAt([...r.path, tf.name], !on)} />;\n        }}\n        renderInline={(r) => {\n          const s = itemSchemaFor(field, r.item);\n          // dialogs get their own navigation stack (nested lists drill inside the dialog)\n          if (mode === \"dialog\" && Nested) return <Nested fields={s?.fields ?? []} title={r.preview.title} icon={s?.icon} path={r.path} navRef={dialogNav} />;\n          // the row's own check IS the included switch — don't repeat it in the card\n          const tf = rowToggleField(s);\n          return <FieldList fields={(s?.fields ?? []).filter((f) => f !== tf)} basePath={r.path} memoryKey={`inl:${pathKey(r.path)}`} />;\n        }}\n        emptyLabel={`No ${plural(itemNoun(field))} yet.`}\n        addButton={<AddItemButton field={field} disabled={readOnly || (field.validation?.max != null && list.length >= field.validation.max)} onAdd={ops.add} />}\n      />\n    </FieldShell>\n  );\n}\n\n/** Shared list operations (arrays and slots). Remove shows an Undo toast; add can drill into the new item. */\nexport function useListOps(field: FieldSchema, _path: FieldPath, list: unknown[], write: (next: unknown[]) => void, afterAdd?: (index: number) => void) {\n  const { toast } = useKitServices();\n  const { min, max } = field.validation ?? {};\n  const atMax = max != null && list.length >= max;\n  const atMin = min != null && list.length <= min;\n  const limit = () => toast?.(\"Limit reached\", { description: `${field.title} allows ${max} at most.` });\n  return {\n    atMax,\n    atMin,\n    add: (item: unknown, at = list.length) => {\n      if (atMax) return limit();\n      const next = [...list.slice(0, at), item, ...list.slice(at)];\n      write(next);\n      window.setTimeout(() => afterAdd?.(at), 0);\n    },\n    duplicate: (i: number) => {\n      if (atMax) return limit();\n      const copy = isObj(list[i]) ? { ...(structuredClone(list[i]) as object), _key: newKey() } : list[i];\n      write([...list.slice(0, i + 1), copy, ...list.slice(i + 1)]);\n    },\n    move: (i: number, d: -1 | 1) => write(arrayMove(list, i, i + d)),\n    reorder: (from: number, to: number) => write(arrayMove(list, from, to)),\n    remove: (i: number, title: string) => {\n      if (atMin) return toast?.(`At least ${min} required`, { description: `${field.title} needs ${min} or more.` });\n      const prev = list;\n      write(list.filter((_, j) => j !== i));\n      toast?.(`“${title}” removed`, { action: { label: \"Undo\", onClick: () => write(prev) }, duration: 10_000 });\n    },\n    insertBlank: (at: number) => {\n      const s = itemSchemas(field)[0];\n      if (!s || atMax) return;\n      const next = [...list.slice(0, at), newItem(field, s), ...list.slice(at)];\n      write(next);\n    },\n  };\n}\nexport type ListOps = ReturnType<typeof useListOps>;\n\nfunction AddItemButton({ field, onAdd, disabled }: { field: FieldSchema; onAdd: (item: unknown) => void; disabled?: boolean }) {\n  const of = itemSchemas(field);\n  const noun = itemNoun(field);\n  if (of.length <= 1)\n    return (\n      <Button size=\"sm\" variant=\"ghost\" className=\"text-kit-fg-2\" leftIcon={<IconPlus stroke={1.5} />} disabled={disabled} onClick={() => of[0] && onAdd(newItem(field, of[0]))}>\n        Add {noun}\n      </Button>\n    );\n  return (\n    <Menu>\n      <MenuTrigger render={<Button size=\"sm\" variant=\"ghost\" className=\"text-kit-fg-2\" leftIcon={<IconPlus stroke={1.5} />} disabled={disabled} />}>Add {noun}</MenuTrigger>\n      <MenuContent align=\"start\" className=\"w-64\">\n        <MenuLabel>Add to {field.title.toLowerCase()}</MenuLabel>\n        {of.map((s) => (\n          <MenuItem key={s.name} icon={<KitIcon name={s.icon} />} onClick={() => onAdd(newItem(field, s))} className=\"h-auto py-1.5\">\n            <span className=\"flex flex-col\">\n              <span>{s.title}</span>\n              {s.description ? <span className=\"whitespace-normal text-kit-xs text-kit-fg-3\">{s.description}</span> : null}\n            </span>\n          </MenuItem>\n        ))}\n      </MenuContent>\n    </Menu>\n  );\n}\n\n/** The row list used by arrays AND slots. Without `onOpen` the rows are inert (a drill nothing can draw yet). */\nexport function RowList({\n  field,\n  rows,\n  readOnly,\n  layout,\n  mode,\n  openId,\n  onOpen,\n  onCloseInline,\n  ops,\n  renderInline,\n  emptyLabel,\n  addButton,\n  leading,\n  rowToggle,\n  dialogNav,\n  menuExtra,\n}: {\n  dialogNav?: React.RefObject<{ back: () => boolean } | null>;\n  field: FieldSchema;\n  rows: RowModel[];\n  readOnly: boolean;\n  layout: \"list\" | \"grid\";\n  mode: ReturnType<typeof itemOpenMode>;\n  openId: string | null;\n  onOpen?: (r: RowModel) => void;\n  onCloseInline: () => void;\n  ops: ListOps;\n  renderInline: (r: RowModel) => React.ReactNode;\n  emptyLabel: string;\n  addButton: React.ReactNode;\n  leading?: (r: RowModel) => React.ReactNode;\n  /** a control BEFORE the title button (never inside it): the included check of feature rows */\n  rowToggle?: (r: RowModel) => React.ReactNode;\n  /** extra items in a row's ⋯ menu, above Remove (a table row's \"Move to group\") */\n  menuExtra?: (r: RowModel) => React.ReactNode;\n}) {\n  const sort = useDragReorder(rows.map((r) => r.id), ops.reorder, { axis: layout === \"grid\" ? \"grid\" : \"y\", disabled: readOnly, distance: 5 });\n  const openRow = rows.find((r) => r.id === openId);\n  if (rows.length === 0)\n    return (\n      <div className=\"flex flex-col items-center gap-2 rounded-kit-lg border border-dashed border-kit-line-strong px-4 py-5 text-center\">\n        <span className=\"text-kit-sm text-kit-fg-3\">{emptyLabel}</span>\n        {readOnly ? null : addButton}\n      </div>\n    );\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <div className={cn(layout === \"grid\" ? \"grid grid-cols-2 gap-1.5 @[520px]:grid-cols-3\" : \"overflow-hidden rounded-kit-lg border border-kit-line bg-kit-surface\")}>\n        <AnimatePresence initial={false}>\n          {rows.map((r) => (\n            <Row\n              key={r.id}\n              r={r}\n              count={rows.length}\n              field={field}\n              readOnly={readOnly}\n              grid={layout === \"grid\"}\n              mode={mode}\n              open={openId === r.id}\n              onOpen={onOpen ? () => onOpen(r) : undefined}\n              ops={ops}\n              sort={sort}\n              leading={leading?.(r)}\n              toggle={rowToggle?.(r)}\n              extra={menuExtra?.(r)}\n              inline={mode === \"inline\" && openId === r.id ? renderInline(r) : null}\n              popover={mode === \"popover\" && openId === r.id ? renderInline(r) : null}\n              onClosePopover={onCloseInline}\n            />\n          ))}\n        </AnimatePresence>\n      </div>\n      {sort.a11y}\n      {readOnly ? null : <div className=\"flex items-center\">{addButton}</div>}\n      {mode === \"dialog\" && openRow ? (\n        <Modal\n          open\n          onOpenChange={(o, d) => {\n            if (o) return;\n            // Escape steps back inside the dialog's own frames first\n            if (d.reason === \"escape-key\" && dialogNav?.current?.back()) return d.cancel();\n            onCloseInline();\n          }}\n        >\n          <ModalContent size=\"lg\">\n            <ModalHeader title={openRow.preview.title} description={`${field.title} · ${openRow.index + 1} of ${rows.length}`} icon={<KitIcon name={openRow.preview.icon ?? field.icon} />} />\n            <ModalBody className=\"flex min-h-[320px] flex-col gap-5\">{renderInline(openRow)}</ModalBody>\n            <ModalFooter>\n              <span className=\"mr-auto text-kit-xs text-kit-fg-3\">Changes save as you type</span>\n              <Button variant=\"primary\" onClick={onCloseInline}>Done</Button>\n            </ModalFooter>\n          </ModalContent>\n        </Modal>\n      ) : null}\n    </div>\n  );\n}\n\nfunction Row({\n  r, count, field, readOnly, grid, mode, open, onOpen, ops, sort, leading, toggle, extra, inline, popover, onClosePopover,\n}: {\n  r: RowModel; count: number; field: FieldSchema; readOnly: boolean; grid: boolean; mode: string; open: boolean; onOpen?: () => void; ops: ListOps;\n  sort: ReturnType<typeof useDragReorder>; leading?: React.ReactNode; toggle?: React.ReactNode; extra?: React.ReactNode; inline: React.ReactNode; popover: React.ReactNode; onClosePopover: () => void;\n}) {\n  const form = useForm(); // null when a RowList is used outside a kit form (a table in a design-system demo)\n  const env = useKitEnv();\n  /* V2 used `${r.id}-body`; ids without a _key fall back to i0, i1… and sample data reuses _keys across lists, so two\n     arrays could share an id and aria-controls would point at the wrong body. The useId prefix keeps it unique. */\n  const uid = React.useId();\n  const isDragging = sort.active === r.id;\n  // while anything is being dragged, rows move without the enter / exit height animation and without layout animation\n  const dragging = sort.active != null;\n  const roll = form?.rollup(r.path) ?? { errors: 0, warnings: 0 };\n  const peers = Object.entries(env.presence).filter(([k]) => k === pathKey(r.path) || k.startsWith(`${pathKey(r.path)}.`)).flatMap(([, p]) => p);\n  const menu = readOnly ? null : (\n    <Menu>\n      <MenuTrigger\n        aria-label={`${r.preview.title} actions`}\n        onClick={(e) => e.stopPropagation()}\n        className=\"flex size-7 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg data-[popup-open]:bg-kit-hover data-[popup-open]:text-kit-fg\"\n      >\n        <IconDots className=\"size-4\" stroke={1.5} />\n      </MenuTrigger>\n      <MenuContent align=\"end\" className=\"w-52\">\n        <MenuItem icon={<IconArrowUp stroke={1.5} />} disabled={r.index === 0} onClick={() => ops.move(r.index, -1)}>Move up</MenuItem>\n        <MenuItem icon={<IconArrowDown stroke={1.5} />} disabled={r.index === count - 1} onClick={() => ops.move(r.index, 1)}>Move down</MenuItem>\n        <MenuSeparator />\n        <MenuItem icon={<IconCopy stroke={1.5} />} disabled={ops.atMax} onClick={() => ops.duplicate(r.index)}>{ops.atMax ? \"Duplicate · limit reached\" : \"Duplicate\"}</MenuItem>\n        {field.type === \"array\" ? (\n          <>\n            <MenuItem icon={<IconRowInsertTop stroke={1.5} />} disabled={ops.atMax} onClick={() => ops.insertBlank(r.index)}>Add item above</MenuItem>\n            <MenuItem icon={<IconRowInsertBottom stroke={1.5} />} disabled={ops.atMax} onClick={() => ops.insertBlank(r.index + 1)}>Add item below</MenuItem>\n          </>\n        ) : null}\n        {extra ? (\n          <>\n            <MenuSeparator />\n            {extra}\n          </>\n        ) : null}\n        <MenuSeparator />\n        <MenuItem danger icon={<IconTrash stroke={1.5} />} disabled={ops.atMin} onClick={() => ops.remove(r.index, r.preview.title)}>{ops.atMin ? `Remove · at least ${field.validation?.min} required` : \"Remove\"}</MenuItem>\n      </MenuContent>\n    </Menu>\n  );\n  const grip = readOnly ? null : (\n    <button\n      type=\"button\"\n      aria-label={`Reorder ${r.preview.title}`}\n      onClick={(e) => e.stopPropagation()}\n      {...sort.handle(r.id)}\n      className=\"relative flex h-7 w-4 shrink-0 cursor-grab touch-none items-center justify-center text-kit-fg-4 transition-colors before:absolute before:-inset-2 hover:text-kit-fg-2 active:cursor-grabbing\"\n    >\n      <IconGripVertical className=\"size-3.5\" stroke={1.5} />\n    </button>\n  );\n  if (grid) {\n    const tile = (\n      <>\n        <span className=\"flex aspect-[4/3] items-center justify-center bg-kit-muted\">\n          {r.preview.media ? <img src={r.preview.media} alt=\"\" className=\"size-full object-cover\" /> : <KitIcon name={r.preview.icon ?? field.icon} className=\"size-5 text-kit-fg-3\" />}\n        </span>\n        <span className=\"block truncate px-2 pb-1.5 pt-1.5 text-kit-xs font-medium text-kit-fg\">{r.preview.title}</span>\n      </>\n    );\n    return (\n      <div ref={sort.register(r.id)} style={sort.style(r.id)} className={cn(\"relative\", isDragging && \"z-10\")}>\n        <motion.div\n          layout={!isDragging ? \"position\" : false}\n          initial={{ opacity: 0, scale: 0.97 }}\n          animate={{ opacity: 1, scale: 1 }}\n          exit={{ opacity: 0, scale: 0.97 }}\n          className={cn(\"group/row relative overflow-hidden rounded-kit-lg border border-kit-line bg-kit-surface transition-colors hover:border-kit-line-strong\", isDragging && \"shadow-kit-lg\")}\n        >\n          {onOpen ? (\n            <button type=\"button\" onClick={onOpen} aria-label={`Open ${r.preview.title}, ${r.index + 1} of ${count}`} aria-haspopup={mode === \"popover\" || mode === \"dialog\" ? \"dialog\" : undefined} className=\"block w-full text-left\">\n              {tile}\n            </button>\n          ) : (\n            <div className=\"block w-full text-left\">{tile}</div>\n          )}\n          <div className=\"absolute right-1 top-1 flex items-center gap-0.5 rounded-kit-md bg-kit-surface/90 opacity-0 shadow-kit-xs transition-opacity group-hover/row:opacity-100 [@media(pointer:coarse)]:opacity-100\">\n            {grip}\n            {menu}\n          </div>\n          <IssueDot errors={roll.errors} warnings={roll.warnings} className=\"absolute left-2 top-2 ring-2 ring-kit-surface\" />\n        </motion.div>\n      </div>\n    );\n  }\n  /* CPO D43 — a row says what opening it does: › drills into a new frame, ⌄ expands in place (rotates when open),\n     ⧉ opens a popover or dialog. The WHOLE row is the hit area (hover tint); the title button carries focus,\n     Enter / Space and the label (\"Open Starter\" / \"Expand Net-60 terms\"). */\n  const inlineMode = mode === \"inline\";\n  const bodyId = `${uid}${r.id}-body`;\n  const verb = inlineMode ? (open ? \"Collapse\" : \"Expand\") : \"Open\";\n  const trailing = !onOpen ? null : inlineMode ? (\n    <IconChevronDown aria-hidden className={cn(\"size-4 shrink-0 text-kit-fg-3 transition-transform duration-200\", open && \"rotate-180 text-kit-fg-2\")} stroke={1.5} />\n  ) : mode === \"drill\" ? (\n    <IconChevronRight aria-hidden className=\"size-4 shrink-0 text-kit-fg-3 transition-transform duration-150 group-hover/row:translate-x-0.5\" stroke={1.5} />\n  ) : (\n    <IconArrowsDiagonal aria-hidden className=\"size-3.5 shrink-0 text-kit-fg-3\" stroke={1.5} />\n  );\n  const titleInner = (\n    <>\n      {leading ?? (toggle && !r.preview.media ? null : <Thumb media={r.preview.media} icon={r.preview.icon ?? field.icon} />)}\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"flex items-center gap-1.5 truncate text-kit-sm\", r.preview.empty || r.dim ? \"text-kit-fg-3\" : \"text-kit-fg\", open && \"font-medium\")}>\n          <span className=\"truncate\">{r.preview.title}</span>\n          {r.chip ? <span className=\"shrink-0 rounded-kit-md bg-kit-muted px-1 text-kit-2xs font-medium text-kit-fg-2\">{r.chip}</span> : null}\n        </span>\n        {/* the title already says what the item is; no \"Item 2 of 4\" filler (the position is in the aria label) */}\n        {r.extra ?? r.preview.subtitle ? <span className=\"block truncate text-kit-xs text-kit-fg-3\">{r.extra ?? r.preview.subtitle}</span> : null}\n      </span>\n    </>\n  );\n  const rowInner = (\n    <div\n      onClick={(e) => {\n        // anywhere on the row opens it, except its own controls (grip, ⋯, presence). The ⋯ menu renders in a portal but\n        // React still bubbles its clicks here, so a click whose target is outside the row's own DOM (any menu item:\n        // menuitem, menuitemradio, menuitemcheckbox, a submenu) never opens the row.\n        const target = e.target as HTMLElement;\n        if (!onOpen || !e.currentTarget.contains(target) || target.closest(\"button,[role^=menuitem],a,input\")) return;\n        onOpen();\n      }}\n      className={cn(\"group/row flex min-h-12 items-center gap-2 py-1.5 pl-1.5 pr-2 transition-colors\", onOpen && \"cursor-pointer\", open ? \"bg-kit-subtle\" : onOpen && \"hover:bg-kit-subtle\")}\n    >\n      {grip}\n      {toggle}\n      {onOpen ? (\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          data-row-open={r.id}\n          aria-expanded={mode === \"drill\" ? undefined : open}\n          aria-controls={inlineMode && open ? bodyId : undefined}\n          aria-haspopup={mode === \"popover\" || mode === \"dialog\" ? \"dialog\" : undefined}\n          aria-label={`${verb} ${r.preview.title}${r.chip ? `, ${r.chip}` : \"\"}, ${r.index + 1} of ${count}`}\n          className=\"flex min-w-0 flex-1 items-center gap-2.5 rounded-kit-md text-left outline-none\"\n        >\n          {titleInner}\n        </button>\n      ) : (\n        <div data-row-open={r.id} className=\"flex min-w-0 flex-1 items-center gap-2.5 text-left\">\n          {titleInner}\n        </div>\n      )}\n      <IssueDot errors={roll.errors} warnings={roll.warnings} />\n      {peers.length ? <PeerStack peers={peers} size={16} /> : null}\n      {menu}\n      {trailing}\n    </div>\n  );\n  return (\n    <div\n      ref={sort.register(r.id)}\n      style={sort.style(r.id)}\n      data-row-id={r.id}\n      className={cn(\"relative border-b border-kit-line-subtle bg-kit-surface last:border-b-0\", isDragging && \"z-10 rounded-kit-lg shadow-kit-lg ring-1 ring-kit-line-strong\")}\n    >\n      <motion.div\n        layout={!isDragging && !dragging ? \"position\" : false}\n        initial={dragging ? false : { opacity: 0, height: 0 }}\n        animate={{ opacity: 1, height: \"auto\" }}\n        exit={dragging ? { opacity: 0, height: 0, transition: { duration: 0 } } : { opacity: 0, height: 0 }}\n        transition={{ duration: 0.2, ease: [0.22, 1, 0.36, 1] }}\n        className=\"overflow-hidden\"\n      >\n        {mode === \"popover\" ? (\n          <Popover open={open} onOpenChange={(o) => !o && onClosePopover()}>\n            <PopoverAnchor render={rowInner} />\n            <PopoverContent className=\"w-[340px] p-4\" align=\"end\" side=\"left\" sideOffset={10}>\n              {popover}\n            </PopoverContent>\n          </Popover>\n        ) : (\n          rowInner\n        )}\n        {inlineMode ? (\n          <AnimatePresence initial={false}>\n            {open ? (\n              <motion.div initial={{ height: 0, opacity: 0 }} animate={{ height: \"auto\", opacity: 1 }} exit={{ height: 0, opacity: 0 }} transition={{ duration: 0.2, ease: [0.22, 1, 0.36, 1] }} className=\"overflow-hidden\">\n                {/* D63: the row's fields sit behind the one inset line under its title; no tint, no card inside the row */}\n                <div className=\"px-3 pb-3 pt-1\">\n                  <div id={bodyId} role=\"group\" aria-label={r.preview.title} data-group=\"inset\" className={INSET_LINE}><InsetScope>{inline}</InsetScope></div>\n                </div>\n              </motion.div>\n            ) : null}\n          </AnimatePresence>\n        ) : null}\n      </motion.div>\n    </div>\n  );\n}\n\n/** The included / not-included check on a feature row (D47): a real checkbox, outside the row's open button. */\nfunction RowCheck({ on, label, title, readOnly, onToggle }: { on: boolean; label: string; title: string; readOnly: boolean; onToggle: () => void }) {\n  return (\n    <Tooltip content={on ? label : `Not ${label.toLowerCase()}`}>\n      <button\n        type=\"button\"\n        role=\"checkbox\"\n        aria-checked={on}\n        aria-label={`${label}: ${title}`}\n        disabled={readOnly}\n        onClick={(e) => {\n          e.stopPropagation();\n          onToggle();\n        }}\n        className=\"group/chk flex size-7 shrink-0 items-center justify-center rounded-kit-md transition-colors hover:bg-kit-hover disabled:pointer-events-none\"\n      >\n        <span\n          className={cn(\n            \"flex size-[18px] items-center justify-center rounded-full transition-colors\",\n            on ? \"bg-kit-inverse text-kit-fg-inverse\" : \"border border-dashed border-kit-field-border-hover text-kit-fg-3 group-hover/chk:border-[var(--kit-emphasis-line)]\",\n          )}\n        >\n          {on ? <IconCheck className=\"size-3\" stroke={2.5} /> : <IconMinus className=\"size-3\" stroke={2} />}\n        </span>\n      </button>\n    </Tooltip>\n  );\n}\n"],"mappings":"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"}

package/engine/bits.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * CPO D45: a field that IS its own row (an object that drills in) has no label row above it; its shell hands the
+ * chrome (ⓘ, badges, comments, presence, ⋯) to the row through this context, and the row draws it before its chevron.
+ */
+export declare const RowChrome: React.Context<React.ReactNode>;
+/** Validation rollup dot: red for errors, amber for warnings. Never colour alone — the tooltip names it. */
+export declare function IssueDot({ errors, warnings, className }: {
+    errors: number;
+    warnings?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * 28px leading tile for rows: image when there is one, else the type icon.
+ */
+export declare function Thumb({ media, icon, size, className }: {
+    media?: string;
+    icon?: string;
+    size?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Kbdish({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/engine/bits.js

@@ -0,0 +1,60 @@
+import { cn } from "../lib/cn.js";
+import { KitIcon } from "../lib/icons.js";
+import { Tooltip } from "../ui/overlay.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/kit/engine/bits.tsx
+/**
+* CPO D45: a field that IS its own row (an object that drills in) has no label row above it; its shell hands the
+* chrome (ⓘ, badges, comments, presence, ⋯) to the row through this context, and the row draws it before its chevron.
+*/
+var RowChrome = React.createContext(null);
+/** Validation rollup dot: red for errors, amber for warnings. Never colour alone — the tooltip names it. */
+function IssueDot({ errors, warnings, className }) {
+	if (!errors && !warnings) return null;
+	const text = errors ? `${errors} ${errors === 1 ? "issue" : "issues"} to fix` : `${warnings} ${warnings === 1 ? "suggestion" : "suggestions"}`;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: text,
+		children: /* @__PURE__ */ jsx("span", {
+			role: "img",
+			"aria-label": text,
+			className: cn("relative inline-flex size-2 shrink-0 rounded-full", errors ? "bg-kit-danger" : "bg-kit-warning", className)
+		})
+	});
+}
+/**
+* 28px leading tile for rows: image when there is one, else the type icon.
+*/
+function Thumb({ media, icon, size = 28, className }) {
+	if (media) return /* @__PURE__ */ jsx("img", {
+		src: media,
+		alt: "",
+		style: {
+			width: size,
+			height: size
+		},
+		className: cn("shrink-0 rounded-kit-md border border-kit-line object-cover", className)
+	});
+	return /* @__PURE__ */ jsx("span", {
+		style: {
+			width: size,
+			height: size
+		},
+		className: cn("flex shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2", className),
+		children: /* @__PURE__ */ jsx(KitIcon, {
+			name: icon,
+			className: "size-4"
+		})
+	});
+}
+function Kbdish({ children }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-hint": "shortcuts",
+		className: "inline-flex h-4 min-w-4 items-center justify-center rounded-kit-md border border-kit-line bg-kit-subtle px-1 font-kit-sans text-kit-2xs text-kit-fg-3",
+		children
+	});
+}
+//#endregion
+export { IssueDot, Kbdish, RowChrome, Thumb };
+
+//# sourceMappingURL=bits.js.map

package/engine/bits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bits.js","names":[],"sources":["../../src/kit/engine/bits.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { KitIcon } from \"../lib/icons\";\nimport { cn } from \"../lib/cn\";\nimport { Tooltip } from \"../ui/overlay\";\n\n/**\n * CPO D45: a field that IS its own row (an object that drills in) has no label row above it; its shell hands the\n * chrome (ⓘ, badges, comments, presence, ⋯) to the row through this context, and the row draws it before its chevron.\n */\nexport const RowChrome = React.createContext<React.ReactNode>(null);\n\n/** Validation rollup dot: red for errors, amber for warnings. Never colour alone — the tooltip names it. */\nexport function IssueDot({ errors, warnings, className }: { errors: number; warnings?: number; className?: string }) {\n  if (!errors && !warnings) return null;\n  const text = errors ? `${errors} ${errors === 1 ? \"issue\" : \"issues\"} to fix` : `${warnings} ${warnings === 1 ? \"suggestion\" : \"suggestions\"}`;\n  return (\n    <Tooltip content={text}>\n      <span role=\"img\" aria-label={text} className={cn(\"relative inline-flex size-2 shrink-0 rounded-full\", errors ? \"bg-kit-danger\" : \"bg-kit-warning\", className)} />\n    </Tooltip>\n  );\n}\n\n/**\n * 28px leading tile for rows: image when there is one, else the type icon.\n */\nexport function Thumb({ media, icon, size = 28, className }: { media?: string; icon?: string; size?: number; className?: string }) {\n  if (media) return <img src={media} alt=\"\" style={{ width: size, height: size }} className={cn(\"shrink-0 rounded-kit-md border border-kit-line object-cover\", className)} />;\n  return (\n    <span style={{ width: size, height: size }} className={cn(\"flex shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\", className)}>\n      <KitIcon name={icon} className=\"size-4\" />\n    </span>\n  );\n}\n\nexport function Kbdish({ children }: { children: React.ReactNode }) {\n  return (\n    <kbd data-hint=\"shortcuts\" className=\"inline-flex h-4 min-w-4 items-center justify-center rounded-kit-md border border-kit-line bg-kit-subtle px-1 font-kit-sans text-kit-2xs text-kit-fg-3\">\n      {children}\n    </kbd>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,IAAa,YAAY,MAAM,cAA+B,KAAK;;AAGnE,SAAgB,SAAS,EAAE,QAAQ,UAAU,aAAwE;AACnH,KAAI,CAAC,UAAU,CAAC,SAAU,QAAO;CACjC,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,WAAW,IAAI,UAAU,SAAS,WAAW,GAAG,SAAS,GAAG,aAAa,IAAI,eAAe;AAC/H,QACE,oBAAC,SAAD;EAAS,SAAS;YAChB,oBAAC,QAAD;GAAM,MAAK;GAAM,cAAY;GAAM,WAAW,GAAG,qDAAqD,SAAS,kBAAkB,kBAAkB,UAAU;GAAI,CAAA;EACzJ,CAAA;;;;;AAOd,SAAgB,MAAM,EAAE,OAAO,MAAM,OAAO,IAAI,aAAmF;AACjI,KAAI,MAAO,QAAO,oBAAC,OAAD;EAAK,KAAK;EAAO,KAAI;EAAG,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;EAAE,WAAW,GAAG,+DAA+D,UAAU;EAAI,CAAA;AAC3K,QACE,oBAAC,QAAD;EAAM,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;EAAE,WAAW,GAAG,uFAAuF,UAAU;YACzJ,oBAAC,SAAD;GAAS,MAAM;GAAM,WAAU;GAAW,CAAA;EACrC,CAAA;;AAIX,SAAgB,OAAO,EAAE,YAA2C;AAClE,QACE,oBAAC,OAAD;EAAK,aAAU;EAAY,WAAU;EAClC;EACG,CAAA"}

package/engine/breadcrumb.d.ts

@@ -0,0 +1,45 @@
+/**
+ * KitBreadcrumb — the drill-in trail, rendered by the shared <PathCrumbs> (CPO D38): ← back (Esc) · root · … ·
+ * current chip. It collapses by the width it actually has (truncate → icon-only → "⋯ +N" Pathway popover), each
+ * crumb carries its type icon, and a red dot marks any crumb whose subtree has errors. Port of V2 engine/breadcrumb.tsx.
+ */
+import * as React from "react";
+import { type PathCrumb } from "../ui/path-crumbs";
+import type { Frame } from "../lib/frames";
+import type { FieldPath, TypeSchema } from "../schema/types";
+export interface KitCrumb {
+    key: string;
+    title: string;
+    icon?: string;
+    path: FieldPath;
+    errors?: number;
+}
+export type CrumbIconFor = (name: string) => React.ReactNode;
+/** KitCrumbs → PathCrumbs items (hosts that merge the kit trail into their own header use this). */
+export declare function kitPathItems(crumbs: KitCrumb[], onNavigate: (path: FieldPath) => void, iconFor?: CrumbIconFor): PathCrumb[];
+export declare function KitBreadcrumb({ crumbs, onNavigate, className, iconFor }: {
+    crumbs: KitCrumb[];
+    onNavigate: (path: FieldPath) => void;
+    className?: string;
+    iconFor?: CrumbIconFor;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Frames → crumbs (V2 schema-form): the root crumb is the host's label (or the schema title) with the schema icon;
+ * every other crumb carries the error count of its subtree (a history crumb counts its field's).
+ */
+export declare function framesToCrumbs(frames: Frame[], schema: Pick<TypeSchema, "title" | "icon">, rollup: (prefix: FieldPath) => {
+    errors: number;
+}, rootLabel?: string): KitCrumb[];
+/** A stable signature of the crumbs, so a host's `onCrumbs` fires only when the trail actually changed. */
+export declare const crumbSignature: (crumbs: KitCrumb[]) => string;
+/**
+ * The form's own crumb bar (when the host does not take the trail through `onCrumbs`): it opens on the first drill
+ * and closes back at the root, height + fade 180ms, ease [0.22, 1, 0.36, 1]. The document variant sticks under the
+ * host's sticky header and bleeds to the gutter.
+ */
+export declare function FrameCrumbs({ crumbs, onNavigate, variant, iconFor, }: {
+    crumbs: KitCrumb[];
+    onNavigate: (path: FieldPath) => void;
+    variant: "panel" | "document";
+    iconFor?: CrumbIconFor;
+}): import("react/jsx-runtime").JSX.Element;

package/engine/breadcrumb.js

@@ -0,0 +1,87 @@
+import { cn } from "../lib/cn.js";
+import { frameKeyOf } from "../lib/path.js";
+import { KitIcon } from "../lib/icons.js";
+import { PathCrumbs } from "../ui/path-crumbs.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+//#region src/kit/engine/breadcrumb.tsx
+var fallbackIcon = (name) => /* @__PURE__ */ jsx(KitIcon, { name });
+/** KitCrumbs → PathCrumbs items (hosts that merge the kit trail into their own header use this). */
+function kitPathItems(crumbs, onNavigate, iconFor = fallbackIcon) {
+	return crumbs.map((c) => ({
+		id: c.key,
+		label: c.title,
+		icon: c.icon ? iconFor(c.icon) : void 0,
+		errors: c.errors,
+		onSelect: () => onNavigate(c.path)
+	}));
+}
+function KitBreadcrumb({ crumbs, onNavigate, className, iconFor }) {
+	if (crumbs.length < 2) return null;
+	return /* @__PURE__ */ jsx(PathCrumbs, {
+		items: kitPathItems(crumbs, onNavigate, iconFor),
+		backShortcut: "Esc",
+		label: "Field path",
+		className: className ?? "h-10"
+	});
+}
+/**
+* Frames → crumbs (V2 schema-form): the root crumb is the host's label (or the schema title) with the schema icon;
+* every other crumb carries the error count of its subtree (a history crumb counts its field's).
+*/
+function framesToCrumbs(frames, schema, rollup, rootLabel) {
+	return frames.map((f, i) => ({
+		key: frameKeyOf(f.path),
+		title: i === 0 ? rootLabel ?? schema.title : f.title,
+		icon: f.icon ?? (i === 0 ? schema.icon : void 0),
+		path: f.path,
+		errors: i === 0 ? 0 : rollup(f.kind === "history" ? f.path.slice(0, -1) : f.path).errors
+	}));
+}
+/** A stable signature of the crumbs, so a host's `onCrumbs` fires only when the trail actually changed. */
+var crumbSignature = (crumbs) => crumbs.map((c) => `${c.key}\u0001${c.title}\u0001${c.icon ?? ""}\u0001${c.errors ?? 0}`).join("");
+/**
+* The form's own crumb bar (when the host does not take the trail through `onCrumbs`): it opens on the first drill
+* and closes back at the root, height + fade 180ms, ease [0.22, 1, 0.36, 1]. The document variant sticks under the
+* host's sticky header and bleeds to the gutter.
+*/
+function FrameCrumbs({ crumbs, onNavigate, variant, iconFor }) {
+	return /* @__PURE__ */ jsx(AnimatePresence, {
+		initial: false,
+		children: crumbs.length > 1 ? /* @__PURE__ */ jsx(motion.div, {
+			initial: {
+				height: 0,
+				opacity: 0
+			},
+			animate: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: {
+				duration: .18,
+				ease: [
+					.22,
+					1,
+					.36,
+					1
+				]
+			},
+			"data-frame-crumbs": true,
+			className: cn("z-[5] shrink-0 overflow-hidden border-b border-kit-line bg-kit-surface", variant === "document" ? "sticky top-[var(--kit-sticky-top,0px)] mx-[calc(var(--kit-gutter,0.5rem)*-1)] px-[var(--kit-gutter,0.5rem)]" : "px-3"),
+			children: /* @__PURE__ */ jsx(KitBreadcrumb, {
+				crumbs,
+				onNavigate,
+				iconFor
+			})
+		}, "crumbs") : null
+	});
+}
+//#endregion
+export { FrameCrumbs, KitBreadcrumb, crumbSignature, framesToCrumbs, kitPathItems };
+
+//# sourceMappingURL=breadcrumb.js.map

package/engine/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/kit/engine/breadcrumb.tsx"],"sourcesContent":["/**\n * KitBreadcrumb — the drill-in trail, rendered by the shared <PathCrumbs> (CPO D38): ← back (Esc) · root · … ·\n * current chip. It collapses by the width it actually has (truncate → icon-only → \"⋯ +N\" Pathway popover), each\n * crumb carries its type icon, and a red dot marks any crumb whose subtree has errors. Port of V2 engine/breadcrumb.tsx.\n */\nimport * as React from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { KitIcon } from \"../lib/icons\";\nimport { PathCrumbs, type PathCrumb } from \"../ui/path-crumbs\";\nimport { cn } from \"../lib/cn\";\nimport { frameKeyOf } from \"../lib/path\";\nimport type { Frame } from \"../lib/frames\";\nimport type { FieldPath, TypeSchema } from \"../schema/types\";\n\nexport interface KitCrumb {\n  key: string;\n  title: string;\n  icon?: string;\n  path: FieldPath;\n  errors?: number;\n}\n\nexport type CrumbIconFor = (name: string) => React.ReactNode;\nconst fallbackIcon: CrumbIconFor = (name) => <KitIcon name={name} />;\n\n/** KitCrumbs → PathCrumbs items (hosts that merge the kit trail into their own header use this). */\nexport function kitPathItems(crumbs: KitCrumb[], onNavigate: (path: FieldPath) => void, iconFor: CrumbIconFor = fallbackIcon): PathCrumb[] {\n  return crumbs.map((c) => ({\n    id: c.key,\n    label: c.title,\n    icon: c.icon ? iconFor(c.icon) : undefined,\n    errors: c.errors,\n    onSelect: () => onNavigate(c.path),\n  }));\n}\n\nexport function KitBreadcrumb({ crumbs, onNavigate, className, iconFor }: { crumbs: KitCrumb[]; onNavigate: (path: FieldPath) => void; className?: string; iconFor?: CrumbIconFor }) {\n  if (crumbs.length < 2) return null;\n  return <PathCrumbs items={kitPathItems(crumbs, onNavigate, iconFor)} backShortcut=\"Esc\" label=\"Field path\" className={className ?? \"h-10\"} />;\n}\n\n/**\n * Frames → crumbs (V2 schema-form): the root crumb is the host's label (or the schema title) with the schema icon;\n * every other crumb carries the error count of its subtree (a history crumb counts its field's).\n */\nexport function framesToCrumbs(\n  frames: Frame[],\n  schema: Pick<TypeSchema, \"title\" | \"icon\">,\n  rollup: (prefix: FieldPath) => { errors: number },\n  rootLabel?: string,\n): KitCrumb[] {\n  return frames.map((f, i) => ({\n    key: frameKeyOf(f.path),\n    title: i === 0 ? rootLabel ?? schema.title : f.title,\n    icon: f.icon ?? (i === 0 ? schema.icon : undefined),\n    path: f.path,\n    errors: i === 0 ? 0 : rollup(f.kind === \"history\" ? f.path.slice(0, -1) : f.path).errors,\n  }));\n}\n\n/** A stable signature of the crumbs, so a host's `onCrumbs` fires only when the trail actually changed. */\nexport const crumbSignature = (crumbs: KitCrumb[]) => crumbs.map((c) => `${c.key}\\u0001${c.title}\\u0001${c.icon ?? \"\"}\\u0001${c.errors ?? 0}`).join(\"\\u0002\");\n\n/**\n * The form's own crumb bar (when the host does not take the trail through `onCrumbs`): it opens on the first drill\n * and closes back at the root, height + fade 180ms, ease [0.22, 1, 0.36, 1]. The document variant sticks under the\n * host's sticky header and bleeds to the gutter.\n */\nexport function FrameCrumbs({\n  crumbs,\n  onNavigate,\n  variant,\n  iconFor,\n}: {\n  crumbs: KitCrumb[];\n  onNavigate: (path: FieldPath) => void;\n  variant: \"panel\" | \"document\";\n  iconFor?: CrumbIconFor;\n}) {\n  return (\n    <AnimatePresence initial={false}>\n      {crumbs.length > 1 ? (\n        <motion.div\n          key=\"crumbs\"\n          initial={{ height: 0, opacity: 0 }}\n          animate={{ height: \"auto\", opacity: 1 }}\n          exit={{ height: 0, opacity: 0 }}\n          transition={{ duration: 0.18, ease: [0.22, 1, 0.36, 1] }}\n          data-frame-crumbs\n          className={cn(\n            \"z-[5] shrink-0 overflow-hidden border-b border-kit-line bg-kit-surface\",\n            variant === \"document\" ? \"sticky top-[var(--kit-sticky-top,0px)] mx-[calc(var(--kit-gutter,0.5rem)*-1)] px-[var(--kit-gutter,0.5rem)]\" : \"px-3\",\n          )}\n        >\n          <KitBreadcrumb crumbs={crumbs} onNavigate={onNavigate} iconFor={iconFor} />\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,IAAM,gBAA8B,SAAS,oBAAC,SAAD,EAAe,MAAQ,CAAA;;AAGpE,SAAgB,aAAa,QAAoB,YAAuC,UAAwB,cAA2B;AACzI,QAAO,OAAO,KAAK,OAAO;EACxB,IAAI,EAAE;EACN,OAAO,EAAE;EACT,MAAM,EAAE,OAAO,QAAQ,EAAE,KAAK,GAAG,KAAA;EACjC,QAAQ,EAAE;EACV,gBAAgB,WAAW,EAAE,KAAK;EACnC,EAAE;;AAGL,SAAgB,cAAc,EAAE,QAAQ,YAAY,WAAW,WAAsH;AACnL,KAAI,OAAO,SAAS,EAAG,QAAO;AAC9B,QAAO,oBAAC,YAAD;EAAY,OAAO,aAAa,QAAQ,YAAY,QAAQ;EAAE,cAAa;EAAM,OAAM;EAAa,WAAW,aAAa;EAAU,CAAA;;;;;;AAO/I,SAAgB,eACd,QACA,QACA,QACA,WACY;AACZ,QAAO,OAAO,KAAK,GAAG,OAAO;EAC3B,KAAK,WAAW,EAAE,KAAK;EACvB,OAAO,MAAM,IAAI,aAAa,OAAO,QAAQ,EAAE;EAC/C,MAAM,EAAE,SAAS,MAAM,IAAI,OAAO,OAAO,KAAA;EACzC,MAAM,EAAE;EACR,QAAQ,MAAM,IAAI,IAAI,OAAO,EAAE,SAAS,YAAY,EAAE,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE,KAAK,CAAC;EACnF,EAAE;;;AAIL,IAAa,kBAAkB,WAAuB,OAAO,KAAK,MAAM,GAAG,EAAE,IAAI,QAAQ,EAAE,MAAM,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,UAAU,IAAI,CAAC,KAAK,IAAS;;;;;;AAO7J,SAAgB,YAAY,EAC1B,QACA,YACA,SACA,WAMC;AACD,QACE,oBAAC,iBAAD;EAAiB,SAAS;YACvB,OAAO,SAAS,IACf,oBAAC,OAAO,KAAR;GAEE,SAAS;IAAE,QAAQ;IAAG,SAAS;IAAG;GAClC,SAAS;IAAE,QAAQ;IAAQ,SAAS;IAAG;GACvC,MAAM;IAAE,QAAQ;IAAG,SAAS;IAAG;GAC/B,YAAY;IAAE,UAAU;IAAM,MAAM;KAAC;KAAM;KAAG;KAAM;KAAE;IAAE;GACxD,qBAAA;GACA,WAAW,GACT,0EACA,YAAY,aAAa,gHAAgH,OAC1I;aAED,oBAAC,eAAD;IAAuB;IAAoB;IAAqB;IAAW,CAAA;GAChE,EAZP,SAYO,GACX;EACY,CAAA"}

package/engine/expand.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Expanded editing (CPO D49), owned by the engine: rich text, code and tables open in the ONE shared
+ * ExpandedEditorModal (ui/expanded-editor-modal.tsx). V2 did this per control (RichTextControl + RichTextExpandAction,
+ * TableControl + TableFullScreenAction); the engine opens the modal around WHATEVER control the field has: the kit
+ * control from CONTROLS, or the host's when a control hands a stored value off (LegacyFallback). The modal body is that same control on the same value and the same onChange, so the field underneath
+ * and the expanded one stay in sync and every write keeps the exact stored shape the inline control writes.
+ *
+ * Ways in (V2): the ⤢ button in the field's label row (shown on hover, always on touch), and ⌘↵ / Ctrl+↵ while the
+ * field's control has focus. Inside the modal ⌘↵ or Esc closes it (menus and popovers inside close first) and focus
+ * returns to whatever opened it. A control lane may open or close it from its own toolbar with `openExpanded`.
+ *
+ * Offered only where expanding edits something: never read-only, never a type whose control behind it cannot edit
+ * (code and tables expand only once a kit control is registered for them; the host draws those read-only today).
+ */
+import * as React from "react";
+import type { ComponentType } from "react";
+import type { FieldPath, FieldSchema, SchemaType } from "../schema/types";
+import type { ControlProps } from "../types";
+export interface ExpandSpec {
+    /** "reading" centres a ~720px writing column; "wide" uses the whole dialog (tables, code) */
+    layout: "reading" | "wide";
+    /** the header's quiet meta line for this value ("312 words", "6 rows · 4 columns") */
+    meta: (value: unknown) => string;
+    /** the label-row button's name and tooltip */
+    label: "Expand editor" | "Edit in full screen";
+    /** V2: the document variant already draws the full editor in its column, so writing types offer no ⤢ there */
+    panelOnly?: boolean;
+    /** expanding needs a kit control: the host's control for this type cannot edit it (read-only card) */
+    needsKitControl?: boolean;
+}
+/** Words in a value: a string (tags stripped), Portable Text blocks, or a rich-text envelope ({ html } / { value }). */
+export declare function wordsIn(value: unknown): number;
+/** Type → how it expands. Additive like CONTROLS: one entry per type. Plain long text (`text`) has none: V2's
+ *  TextControl is a bare textarea that grows to its value, so an extra ⤢ would only add a tab stop V2 lacks. */
+export declare const EXPANDABLE: Partial<Record<SchemaType, ExpandSpec>>;
+/** The spec when this field can expand here, else null. */
+export declare function expandSpecFor(field: FieldSchema, opts: {
+    readOnly: boolean;
+    hasKitControl: boolean;
+    variant: string;
+}): ExpandSpec | null;
+export declare function openExpanded(key: string | null): void;
+export declare const expandKey: (docId: string, path: FieldPath) => string;
+export declare function useExpandedKey(): string | null;
+/** ⌘↵ / Ctrl+↵ (no Shift or Alt): the expand shortcut. */
+export declare const isExpandShortcut: (e: React.KeyboardEvent | KeyboardEvent) => boolean;
+/** The label-row ⤢ (V2 RichTextExpandAction / TableFullScreenButton): hidden at rest until hover, always on touch. */
+export declare function ExpandAction({ field, path, spec }: {
+    field: FieldSchema;
+    path: FieldPath;
+    spec: ExpandSpec;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The field's expanded editor: the same control, value and onChange in the modal. Mounted only while open, so the
+ * inline control and this one never fight over the same DOM id (the modal one gets `${id}-expanded`).
+ */
+export declare function ExpandedField({ field, path, spec, Control, value, onChange, onBlur, invalid, id, parent, }: {
+    field: FieldSchema;
+    path: FieldPath;
+    spec: ExpandSpec;
+    Control: ComponentType<ControlProps>;
+    value: unknown;
+    onChange: (v: unknown) => void;
+    onBlur?: () => void;
+    invalid?: boolean;
+    id: string;
+    parent?: Record<string, unknown>;
+}): import("react/jsx-runtime").JSX.Element;

package/engine/expand.js

@@ -0,0 +1,170 @@
+import { cn } from "../lib/cn.js";
+import { isObj, pathKey } from "../lib/path.js";
+import { useForm, useKitEnv } from "../context.js";
+import { Tooltip } from "../ui/overlay.js";
+import { resolveFrames } from "../lib/frames.js";
+import { ExpandedEditorModal } from "../ui/expanded-editor-modal.js";
+import * as React from "react";
+import { IconArrowsMaximize } from "@tabler/icons-react";
+import { jsx } from "react/jsx-runtime";
+//#region src/kit/engine/expand.tsx
+/**
+* Expanded editing (CPO D49), owned by the engine: rich text, code and tables open in the ONE shared
+* ExpandedEditorModal (ui/expanded-editor-modal.tsx). V2 did this per control (RichTextControl + RichTextExpandAction,
+* TableControl + TableFullScreenAction); the engine opens the modal around WHATEVER control the field has: the kit
+* control from CONTROLS, or the host's when a control hands a stored value off (LegacyFallback). The modal body is that same control on the same value and the same onChange, so the field underneath
+* and the expanded one stay in sync and every write keeps the exact stored shape the inline control writes.
+*
+* Ways in (V2): the ⤢ button in the field's label row (shown on hover, always on touch), and ⌘↵ / Ctrl+↵ while the
+* field's control has focus. Inside the modal ⌘↵ or Esc closes it (menus and popovers inside close first) and focus
+* returns to whatever opened it. A control lane may open or close it from its own toolbar with `openExpanded`.
+*
+* Offered only where expanding edits something: never read-only, never a type whose control behind it cannot edit
+* (code and tables expand only once a kit control is registered for them; the host draws those read-only today).
+*/
+/** Words in a value: a string (tags stripped), Portable Text blocks, or a rich-text envelope ({ html } / { value }). */
+function wordsIn(value) {
+	const text = textOf(value).trim();
+	return text ? text.split(/\s+/).length : 0;
+}
+function textOf(v) {
+	if (typeof v === "string") return v.replace(/<[^>]*>/g, " ").replace(/&nbsp;/g, " ");
+	if (Array.isArray(v)) return v.map(textOf).join(" ");
+	if (!isObj(v)) return "";
+	if (typeof v.text === "string") return v.text;
+	if (Array.isArray(v.children)) return textOf(v.children);
+	if (typeof v.html === "string") return textOf(v.html);
+	if ("value" in v) return textOf(v.value);
+	return "";
+}
+var count = (n, one, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+var words = (v) => count(wordsIn(v), "word");
+function codeLines(v) {
+	const src = typeof v === "string" ? v : isObj(v) && typeof v.code === "string" ? v.code : "";
+	return count(src ? src.split("\n").length : 0, "line");
+}
+function tableSize(v) {
+	const rows = isObj(v) && Array.isArray(v.rows) ? v.rows.length : 0;
+	const cols = isObj(v) && Array.isArray(v.columns) ? v.columns.length : 0;
+	return `${count(rows, "row")} · ${count(cols, "column")}`;
+}
+/** Type → how it expands. Additive like CONTROLS: one entry per type. Plain long text (`text`) has none: V2's
+*  TextControl is a bare textarea that grows to its value, so an extra ⤢ would only add a tab stop V2 lacks. */
+var EXPANDABLE = {
+	richtext: {
+		layout: "reading",
+		meta: words,
+		label: "Expand editor",
+		panelOnly: true
+	},
+	code: {
+		layout: "wide",
+		meta: codeLines,
+		label: "Expand editor",
+		needsKitControl: true
+	},
+	table: {
+		layout: "wide",
+		meta: tableSize,
+		label: "Edit in full screen",
+		needsKitControl: true
+	}
+};
+/** The spec when this field can expand here, else null. */
+function expandSpecFor(field, opts) {
+	const spec = EXPANDABLE[field.type];
+	if (!spec || opts.readOnly) return null;
+	if (spec.needsKitControl && !opts.hasKitControl) return null;
+	if (spec.panelOnly && opts.variant === "document") return null;
+	return spec;
+}
+var openKey = null;
+var subs = /* @__PURE__ */ new Set();
+function openExpanded(key) {
+	if (openKey === key) return;
+	openKey = key;
+	subs.forEach((s) => s());
+}
+var expandKey = (docId, path) => `${docId}:${pathKey(path)}`;
+function useExpandedKey() {
+	return React.useSyncExternalStore((cb) => {
+		subs.add(cb);
+		return () => subs.delete(cb);
+	}, () => openKey, () => openKey);
+}
+/** ⌘↵ / Ctrl+↵ (no Shift or Alt): the expand shortcut. */
+var isExpandShortcut = (e) => e.key === "Enter" && (e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey;
+/** The label-row ⤢ (V2 RichTextExpandAction / TableFullScreenButton): hidden at rest until hover, always on touch. */
+function ExpandAction({ field, path, spec }) {
+	const env = useKitEnv();
+	const wide = spec.label === "Edit in full screen";
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: spec.label,
+		shortcut: "⌘↵",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": wide ? `Edit ${field.title} in full screen` : `Expand ${field.title}`,
+			"aria-haspopup": "dialog",
+			"data-kit-expand": "",
+			onClick: () => openExpanded(expandKey(env.docId, path)),
+			className: cn("-my-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-3 outline-none hover:bg-kit-hover hover:text-kit-fg", "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-kit-focus-ring focus-visible:[outline-style:solid]", "opacity-0 group-hover/field:opacity-100 focus-visible:opacity-100 [@media(pointer:coarse)]:opacity-100"),
+			children: /* @__PURE__ */ jsx(IconArrowsMaximize, {
+				"aria-hidden": true,
+				className: "size-3.5",
+				stroke: 1.5
+			})
+		})
+	});
+}
+/** The modal's breadcrumb: the document, the frames down to this field's parent, then the field. */
+function useCrumbs(field, path) {
+	const form = useForm();
+	const env = useKitEnv();
+	if (!form) return [env.docTitle, field.title].filter(Boolean);
+	const { frames } = resolveFrames(form.schema, form.value, path.slice(0, -1), form.resolveSchema);
+	return [...frames.filter((f) => f.kind !== "history").map((f, i) => i === 0 ? env.docTitle || f.title : f.title), field.title].filter(Boolean);
+}
+/**
+* The field's expanded editor: the same control, value and onChange in the modal. Mounted only while open, so the
+* inline control and this one never fight over the same DOM id (the modal one gets `${id}-expanded`).
+*/
+function ExpandedField({ field, path, spec, Control, value, onChange, onBlur, invalid, id, parent }) {
+	const key = expandKey(useKitEnv().docId, path);
+	const open = useExpandedKey() === key;
+	const crumbs = useCrumbs(field, path);
+	React.useEffect(() => () => {
+		if (openKey === key) openExpanded(null);
+	}, [key]);
+	return /* @__PURE__ */ jsx(ExpandedEditorModal, {
+		open,
+		onOpenChange: (o) => openExpanded(o ? key : null),
+		crumbs,
+		meta: spec.meta(value),
+		layout: spec.layout,
+		returnFocus: () => document.querySelector(`[data-field-key="${CSS.escape(pathKey(path))}"] [data-kit-expand]`) ?? document.getElementById(id),
+		children: open ? /* @__PURE__ */ jsx("div", {
+			"data-kit-expanded": field.type,
+			className: cn("min-w-0", spec.layout === "wide" && "flex min-h-0 flex-1 flex-col"),
+			onBlur,
+			onKeyDown: (e) => {
+				if (!isExpandShortcut(e)) return;
+				e.preventDefault();
+				openExpanded(null);
+			},
+			children: /* @__PURE__ */ jsx(Control, {
+				field,
+				value,
+				onChange,
+				id: `${id}-expanded`,
+				invalid,
+				path,
+				parent,
+				onBlur
+			})
+		}) : null
+	});
+}
+//#endregion
+export { ExpandAction, ExpandedField, expandKey, expandSpecFor, isExpandShortcut, openExpanded };
+
+//# sourceMappingURL=expand.js.map