@kywi-software/core 0.10.0 → 0.12.0

package/dist/admin/layout-editor/editor.css

@@ -83,6 +83,19 @@
   --kywi-editor-ease: 140ms cubic-bezier(0.2, 0.7, 0.2, 1);
   --kywi-editor-focus: 0 0 0 2px var(--kywi-editor-panel-bg), 0 0 0 4px var(--kywi-editor-accent-ring);
 
+  /* Linked components (kywi-cms#147).
+     Deliberately NOT derived from --kywi-editor-accent: "selected" is the accent
+     in both shells (indigo on the front end, green under admin.css's bridge —
+     kywi-cms#144), so a linked instance keyed off the accent would read as
+     selected in one theme and as nothing in particular in the other. A fixed
+     fuchsia is distinct from BOTH accents, which is the whole job of this
+     affordance, and it therefore needs no bridge entry in the (locked) admin.css
+     — the same colour means the same thing in both editors. */
+  --kywi-editor-linked: #c026d3;
+  --kywi-editor-linked-soft: rgba(192, 38, 211, 0.16);
+  --kywi-editor-linked-ring: rgba(192, 38, 211, 0.45);
+  --kywi-editor-on-linked: #ffffff;
+
   --kywi-editor-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --kywi-editor-panel-width-left: 232px;
   --kywi-editor-panel-width-right: 288px;
@@ -1658,12 +1671,40 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
 /* ============================================================================
    Front-of-site overlay editor (OverlayShell) + browse-mode toolbar.
    ========================================================================== */
+
+/* The two front-of-site bar heights are TOKENS, not literals, because three
+   different things have to agree on each number: the bar's own box, the
+   document offset that clears it (`.kywi-frontend-edit--*` below), and JS
+   arithmetic against live rects (`use-chrome-flip.ts`, `sticky-offset.ts`).
+   They are also the numbers a THEME needs — a `position: sticky; top: 0`
+   header is offset to `top: var(…)` for the length of an editing session
+   (kywi-cms#146) — so they are published on `:root` and documented for theme
+   authors in packages/core/README.md ("Sticky site headers …").
+
+     --kywi-browse-bar-height   the browse-mode toolbar, `.kywi-edit-toolbar`
+                                (kywi-cms#93), declared here
+     --kywi-overlay-bar-height  the edit-mode bar, `.kywi-overlay-toolbar`,
+                                declared with the other in-place tokens further
+                                down (next to the rail widths)
+
+   Two declaration sites rather than one only because each sits with the block
+   it belongs to; nothing else reads them positionally.
+
+   site/styles.css declares BOTH again, with the same values. Not redundancy for
+   its own sake: this sheet is lazy-loaded in a generated app (behind
+   `next/dynamic`, only when the overlay editor opens), so on a public page in
+   BROWSE mode it is not in the document at all and these declarations do not
+   exist — see the comment there. */
+:root {
+  --kywi-browse-bar-height: 44px;
+}
+
 .kywi-edit-toolbar {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
-  height: 44px;
+  height: var(--kywi-browse-bar-height);
   /* Joins the --kywi-z-overlay tier contract (kywi-cms#124): this is the
      BROWSE-mode toolbar (#93), a different element from the fixed edit-mode
      .kywi-overlay-toolbar. It sits below every edit-mode tier — including
@@ -1739,7 +1780,15 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
 .kywi-edit-toolbar-done:hover,
 .kywi-edit-toolbar-publish:hover,
 .kywi-edit-toolbar-link:hover { filter: brightness(1.08); border-color: var(--kywi-editor-accent); }
-.kywi-frontend-edit--browsing { padding-top: 44px; }
+/* Offsets the document while the browse bar is up. The SAME property on the
+   SAME element as the copy in site/styles.css — the public stylesheet needs
+   this rule for a host that mounts the browse toolbar without ever importing
+   the editor — because two identical declarations collapse where two DIFFERENT
+   ones add up. They used to differ (`html` here, `body` there), and a site that
+   loaded both sheets was pushed down 88px for a 44px bar, which is the seam
+   above the nav in kywi-cms#146(1): 44px of body background between the bar and
+   the site header. Change one, change the other. */
+.kywi-frontend-edit--browsing { padding-top: var(--kywi-browse-bar-height); }
 
 /* ============================================================================
    In-place front-of-site editor (kywi-cms#94).
@@ -1754,6 +1803,11 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
    that paints over the page without displacing it (`.kywi-ip-*`).
    ========================================================================== */
 
+/* `--kywi-overlay-bar-height` is the edit-mode half of the pair documented at
+   the top of this section (with `--kywi-browse-bar-height`): the fixed bar's
+   own height, the document offset below, the `BAR_HEIGHT_PX` copy in
+   use-chrome-flip.ts, and the `top` the sticky-offset detector hands to the
+   site's own top-anchored elements (sticky-offset.ts) are all this number. */
 :root {
   --kywi-overlay-bar-height: 46px;
   --kywi-overlay-rail-left: var(--kywi-editor-panel-width-left);
@@ -1988,8 +2042,12 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
    Invisible AND click-through until its owner is hovered or selected, so the
    page never collects stray editor hit-targets.
 
-   Five-tier stacking contract, all keyed off one variable so the tiers can
-   never drift apart (kywi-cms#118, extended by #124):
+   Stacking contract, all keyed off one variable so the tiers can never drift
+   apart (kywi-cms#118, extended by #124 and #147):
+     .kywi-editor-dialog-overlay (the editor's = var(--kywi-z-overlay, 1000) + 2  = 1002
+       own modal — save-as-component, the save
+       fork — which can be opened from inside
+       any of the surfaces below it, #147)
      .kywi-editor-template-overlay (section-  = var(--kywi-z-overlay, 1000) + 1  = 1001
        template picker modal)
      .kywi-overlay-toolbar (fixed edit bar)  = var(--kywi-z-overlay, 1000)         = 1000
@@ -2074,6 +2132,13 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
    bar has to be pushed DOWN from the owner's top edge to clear the fixed bar,
    publishes it as `--kywi-ip-chrome-clamp`, and adds this class.
 
+   That strip grows by `--kywi-editor-sticky-offset` on a site whose own header
+   is `position: sticky; top: 0` (kywi-cms#146): the editor re-pins that header
+   directly under its bar for the session, so chrome that clears only the bar
+   lands inside the site's nav instead. The detector (scope/sticky-offset.ts)
+   publishes the band height; the hook adds it. Absent — a page with no
+   top-anchored chrome — the arithmetic is unchanged.
+
    The offset is a measured px value, not `top: 100%`: hanging the bar off the
    owner's BOTTOM edge was the first attempt, and for a section taller than the
    viewport it left the screen entirely (y=1684 in a 720px viewport on the
@@ -2095,6 +2160,43 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
   transform: none;
   border-radius: var(--kywi-editor-radius-sm);
 }
+
+/* Chrome pushed RIGHT, out of the open module palette's footprint
+   (kywi-cms#132). Same argument as the clamp above, one axis over: the left
+   rail is FIXED to the viewport edge and sits one tier ABOVE chrome on purpose
+   (999 vs 998, so an edge-adjacent section can never cover the palette), and a
+   full-width section's chrome renders at the section's own `left: 0` — i.e.
+   underneath it. The owner sees the grip, +Col, Personalize, A/B and × through
+   nothing at all and cannot click any of them.
+
+   Positional again, and for the same reason the clamp is: the rail's width is a
+   token this editor owns (`--kywi-overlay-rail-left`), so unlike the arbitrary
+   SITE header the stacking contract above is written for, there is a number to
+   move by. `useChromeFlip` measures the owner's left edge against it and
+   publishes the difference as `--kywi-ip-chrome-left`.
+
+   Only the offset — no `transform`, no `border-radius` change: unlike the
+   clamp this does not move the bar off its owner's top edge, so the base rule's
+   above-position tab is still the right shape. It composes with the clamp when
+   both apply (a full-width hero at the top of the page gets both classes).
+
+   Deliberately NOT transitioned, even though the rail it dodges slides. The
+   same value is rewritten on every scroll frame while an owner is near the top
+   strip, and a transition would make each of those writes an animation chasing
+   the last one. The cost is a ~140ms window during a palette toggle where the
+   bar has already moved and the rail is still sliding — which errs the safe
+   way on the way in (the bar leaves before the rail arrives). */
+.kywi-ip-chrome.kywi-ip-chrome--rail-avoid {
+  left: var(--kywi-ip-chrome-left, 0px);
+}
+/* The container bar wraps and already bounds itself to its owner; hold that
+   promise once its left edge has moved, or a wide arm switcher would run off
+   the band's right edge by exactly the distance it was pushed. The section bar
+   is `white-space: nowrap` with shrinkable flex children, so it deliberately
+   gets no max-width here — capping it would squash its buttons instead. */
+.kywi-ip-vc-chrome.kywi-ip-chrome--rail-avoid {
+  max-width: calc(100% - var(--kywi-ip-chrome-left, 0px));
+}
 /* Chrome controls are always live once the bar itself is visible. */
 .kywi-ip-chrome .kywi-editor-section-toolbar-actions { opacity: 1; }
 .kywi-ip-chrome .kywi-editor-section-title,
@@ -2220,6 +2322,266 @@ input[type="color"].kywi-token-raw-input { height: 34px; padding: 3px; cursor: p
 .kywi-ip-vc:hover .kywi-ip-add-arm-section,
 .kywi-ip-vc--selected .kywi-ip-add-arm-section { opacity: 1; }
 
+/* ============================================================================
+   Linked component instances (kywi-cms#147)
+   A linked instance is ordinary-looking content that is shared with every other
+   instance of the same component, so editing it is never a local act. Both
+   editors therefore mark it two ways: a distinct OUTLINE (never a border — an
+   affordance must not move the page by a pixel, see the in-place selection rules
+   above) and a NAMED pill in whatever chrome already floats above the node.
+
+   The pill is always visible, unlike hover chrome: "which of these bands is
+   shared?" has to be answerable before the owner reaches for one. It is also
+   `pointer-events: none` — it is a label, not a control, and it must never take a
+   click meant for the content underneath.
+
+   Selection still wins visually where the two meet: a selected linked node shows
+   the accent outline (it is what the owner just clicked) with the pill still
+   naming the component.
+   ========================================================================== */
+
+.kywi-editor-linked-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 18px;
+  padding: 0 8px;
+  border-radius: var(--kywi-editor-radius-pill);
+  background: var(--kywi-editor-linked);
+  color: var(--kywi-editor-on-linked);
+  font-family: var(--kywi-editor-font);
+  font-size: 9.5px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+  max-width: 190px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.kywi-editor-linked-pill svg { flex-shrink: 0; }
+
+/* Artboard (admin Layout tab) */
+.kywi-editor-section--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: -1.5px;
+}
+.kywi-editor-vc--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: -1.5px;
+}
+.kywi-editor-module--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: 1px;
+}
+.kywi-editor-module-linked-tag {
+  position: absolute;
+  top: -10px;
+  right: 10px;
+  z-index: 3;
+  pointer-events: none;
+}
+
+/* In place (front-of-site overlay) */
+.kywi-ip-section--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: -1.5px;
+}
+.kywi-ip-section--linked.kywi-ip-section--selected,
+.kywi-ip-section--linked.kywi-ip-section--selected:hover {
+  outline: 2px solid var(--kywi-editor-accent);
+  outline-offset: -2px;
+}
+.kywi-ip-vc--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: 2px;
+}
+.kywi-ip-vc--linked.kywi-ip-vc--selected,
+.kywi-ip-vc--linked.kywi-ip-vc--selected:hover {
+  outline: 2px solid var(--kywi-editor-accent);
+  outline-offset: 2px;
+}
+.kywi-ip-module--linked {
+  outline: 1.5px solid var(--kywi-editor-linked);
+  outline-offset: 2px;
+}
+.kywi-ip-module--linked.kywi-ip-module--selected,
+.kywi-ip-module--linked.kywi-ip-module--selected:hover {
+  outline: 2px solid var(--kywi-editor-accent);
+  outline-offset: 2px;
+}
+/* Above the module, right-aligned: the type chip sits above-left and the action
+   cluster inside top-right, so this collides with neither. Takes the page-flow
+   chrome z-tier through its own rule rather than by joining
+   `.kywi-ip-chrome, .kywi-ip-chip` — that shared rule also resets opacity and
+   pointer-events, which is exactly what this must not inherit. */
+.kywi-ip-module-linked-tag {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translateY(-100%);
+  z-index: calc(var(--kywi-z-overlay, 1000) - 2);
+  pointer-events: none;
+}
+
+/* ============================================================================
+   Editor dialog (kywi-cms#147)
+   The editor's own modal, used by "Save as component" and by the save fork. It
+   renders in BOTH shells through a portal to `document.body`, wrapped in
+   `.kywi-admin-shell.kywi-overlay-dialog-host` — so it is styled entirely from
+   `--kywi-editor-*` tokens and comes out indigo on the front end and green in the
+   admin Layout tab with no second rule set (kywi-cms#144).
+   ========================================================================== */
+
+.kywi-editor-dialog-overlay {
+  position: fixed;
+  inset: 0;
+  /* One tier above the section-template modal's tier so a dialog opened from
+     inside another surface is never painted under it. */
+  z-index: calc(var(--kywi-z-overlay, 1000) + 2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--kywi-editor-sp-4);
+  background: rgba(8, 8, 20, 0.55);
+}
+.kywi-editor-dialog {
+  width: 100%;
+  max-width: 420px;
+  box-sizing: border-box;
+  background: var(--kywi-editor-panel-bg);
+  border: 1px solid var(--kywi-editor-border-strong);
+  border-radius: var(--kywi-editor-radius-lg);
+  box-shadow: var(--kywi-editor-shadow-pop);
+  color: var(--kywi-editor-panel-text);
+  font-family: var(--kywi-editor-font);
+  font-size: 13px;
+  line-height: 1.45;
+  overflow: hidden;
+}
+.kywi-editor-dialog-header {
+  padding: var(--kywi-editor-sp-4) var(--kywi-editor-sp-5) 0;
+}
+.kywi-editor-dialog-title {
+  font-size: 14.5px;
+  font-weight: 700;
+  color: var(--kywi-editor-text-strong);
+}
+.kywi-editor-dialog-body {
+  padding: var(--kywi-editor-sp-3) var(--kywi-editor-sp-5) var(--kywi-editor-sp-2);
+}
+.kywi-editor-dialog-intro {
+  margin: 0 0 var(--kywi-editor-sp-3);
+  font-size: 12.5px;
+  color: var(--kywi-editor-panel-muted);
+}
+/* "Component 1 of 2" — the save fork asks per component, so the owner needs to
+   know a second question is coming (kywi-cms#147 T4). */
+.kywi-editor-dialog-step {
+  margin: 0 0 var(--kywi-editor-sp-2);
+  font-size: 10.5px;
+  font-weight: 650;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--kywi-editor-panel-faint);
+}
+.kywi-editor-dialog-field { margin-bottom: var(--kywi-editor-sp-3); }
+.kywi-editor-dialog-label {
+  display: block;
+  margin-bottom: 5px;
+  font-size: 10.5px;
+  font-weight: 650;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--kywi-editor-panel-muted);
+}
+.kywi-editor-dialog-optional {
+  margin-left: 6px;
+  color: var(--kywi-editor-panel-faint);
+  text-transform: none;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+.kywi-editor-dialog-input {
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 32px;
+  padding: 6px 9px;
+  font-family: inherit;
+  font-size: 12.5px;
+  line-height: 1.4;
+  color: var(--kywi-editor-panel-text);
+  background: var(--kywi-editor-panel-raised-2);
+  border: 1px solid var(--kywi-editor-border-strong);
+  border-radius: var(--kywi-editor-radius-sm);
+}
+.kywi-editor-dialog-input:focus {
+  outline: none;
+  border-color: var(--kywi-editor-accent);
+  box-shadow: 0 0 0 3px var(--kywi-editor-accent-ring);
+}
+.kywi-editor-dialog-textarea { resize: vertical; }
+/* A consequence of the save the owner has to know about before committing (a
+   nested link that is about to be copied in) — informational, not an error. */
+.kywi-editor-dialog-notice {
+  margin: 0 var(--kywi-editor-sp-5) var(--kywi-editor-sp-3);
+  padding: var(--kywi-editor-sp-2) var(--kywi-editor-sp-3);
+  border-left: 2px solid var(--kywi-editor-linked);
+  border-radius: 0 var(--kywi-editor-radius-sm) var(--kywi-editor-radius-sm) 0;
+  background: var(--kywi-editor-linked-soft);
+  color: var(--kywi-editor-panel-text);
+  font-size: 12px;
+}
+.kywi-editor-dialog-error {
+  margin: 0 var(--kywi-editor-sp-5) var(--kywi-editor-sp-2);
+  padding: var(--kywi-editor-sp-2) var(--kywi-editor-sp-3);
+  border-radius: var(--kywi-editor-radius-sm);
+  background: var(--kywi-editor-danger-soft);
+  color: var(--kywi-editor-danger);
+  font-size: 12px;
+}
+.kywi-editor-dialog-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--kywi-editor-sp-2);
+  padding: var(--kywi-editor-sp-3) var(--kywi-editor-sp-5) var(--kywi-editor-sp-4);
+  border-top: 1px solid var(--kywi-editor-hairline);
+}
+.kywi-editor-dialog-btn {
+  min-height: 30px;
+  padding: 0 14px;
+  border-radius: var(--kywi-editor-radius-sm);
+  border: 1px solid transparent;
+  font-family: inherit;
+  font-size: 12.5px;
+  font-weight: 650;
+  cursor: pointer;
+  transition: background var(--kywi-editor-ease), border-color var(--kywi-editor-ease);
+}
+.kywi-editor-dialog-btn:disabled { opacity: 0.55; cursor: default; }
+.kywi-editor-dialog-btn--primary {
+  background: var(--kywi-editor-accent);
+  color: var(--kywi-editor-on-accent);
+}
+.kywi-editor-dialog-btn--primary:hover:not(:disabled) { background: var(--kywi-editor-accent-hover); }
+.kywi-editor-dialog-btn--secondary {
+  background: var(--kywi-editor-panel-raised-solid);
+  border-color: var(--kywi-editor-border-strong);
+  color: var(--kywi-editor-panel-text);
+}
+.kywi-editor-dialog-btn--secondary:hover:not(:disabled) { background: var(--kywi-editor-panel-raised-2); }
+.kywi-editor-dialog-btn--danger {
+  background: var(--kywi-editor-danger-strong);
+  color: #fff;
+}
+
+/* The linked note's second paragraph — the "what the canvas is showing you"
+   aside — is subordinate to the first, not a second headline. */
+.kywi-editor-props-linked-aside {
+  margin-top: var(--kywi-editor-sp-2);
+  color: var(--kywi-editor-panel-muted);
+  font-size: 12px;
+}
+
 /* ============================================================================
    Admin-shell override guard.
    The admin design system (admin.css) sweeps `.kywi-editor-prop-input`,

package/dist/admin/layout-editor/index.d.ts

@@ -2,7 +2,16 @@ export { LayoutEditor } from './layout-editor.js';
 export type { EditorState, EditorAction, VariantArmPatch, VariantContainerPatch, } from './editor-state.js';
 export { ModeToggle } from './mode-toggle.js';
 export { PagePropertiesPanel } from './page-properties.js';
-export { buildConnectedModuleNode, buildConnectedSectionNode, detachModuleFromComponent, detachSectionFromComponent, resolveSectionComponentDefinition, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, copyToClipboard, pasteFromClipboard, type ComponentDefinitionInput, type SectionTemplateInput, type ClipboardPayload, } from './component-actions.js';
+export { buildConnectedModuleNode, buildConnectedSectionNode, buildConnectedVariantContainerNode, flattenComponentLinks, countComponentLinksToFlatten, detachModuleFromComponent, detachSectionFromComponent, detachVariantContainerFromComponent, resolveSectionComponentDefinition, resolveVariantContainerComponentDefinition, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, cloneVariantContainer, copyToClipboard, pasteFromClipboard, type ComponentDefinitionInput, type SaveAsComponentOptions, type SectionTemplateInput, type ClipboardPayload, } from './component-actions.js';
+export { useComponentLibrary } from './use-component-library.js';
+export type { ComponentLibrary, EditorComponent } from './use-component-library.js';
+export { useComponentConnect } from './use-component-connect.js';
+export type { ComponentConnect } from './use-component-connect.js';
+export { findLinkedAncestor, hasLinkedAncestor } from './node-lookup.js';
+export { LinkedComponentPill, linkedComponentName } from './linked-component.js';
+export type { ComponentAffordances } from './linked-component.js';
+export { EditorDialog, ComponentSaveDialog } from './editor-dialog.js';
+export type { EditorDialogAction, ComponentSaveKind } from './editor-dialog.js';
 export { OverlayShell } from './overlay-shell.js';
 export type { OverlayShellProps, SaveAction, ResponsivePreview } from './overlay-shell.js';
 export { TokenColorInput, TokenSpacingInput, TokenTypographyInput, TokenPropField } from './token-inputs.js';

package/dist/admin/layout-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,0BAA0B,EAC1B,iCAAiC,EACjC,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,kCAAkC,EAClC,qBAAqB,EACrB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,mCAAmC,EACnC,iCAAiC,EACjC,0CAA0C,EAC1C,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAGlE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACtE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/admin/layout-editor/index.js

@@ -1,7 +1,17 @@
 export { LayoutEditor } from './layout-editor.js';
 export { ModeToggle } from './mode-toggle.js';
 export { PagePropertiesPanel } from './page-properties.js';
-export { buildConnectedModuleNode, buildConnectedSectionNode, detachModuleFromComponent, detachSectionFromComponent, resolveSectionComponentDefinition, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, copyToClipboard, pasteFromClipboard, } from './component-actions.js';
+export { buildConnectedModuleNode, buildConnectedSectionNode, buildConnectedVariantContainerNode, flattenComponentLinks, countComponentLinksToFlatten, detachModuleFromComponent, detachSectionFromComponent, detachVariantContainerFromComponent, resolveSectionComponentDefinition, resolveVariantContainerComponentDefinition, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, cloneVariantContainer, copyToClipboard, pasteFromClipboard, } from './component-actions.js';
+// Linked components in the editor (kywi-cms#147): the shared library/connect
+// hooks both shells use, the canvas affordance contract, and the reusable dialog
+// (which the save fork also renders).
+export { useComponentLibrary } from './use-component-library.js';
+export { useComponentConnect } from './use-component-connect.js';
+// "Is this node inside somebody else's component?" — the question every component
+// action is refused on (kywi-cms#147 T3 review, I1).
+export { findLinkedAncestor, hasLinkedAncestor } from './node-lookup.js';
+export { LinkedComponentPill, linkedComponentName } from './linked-component.js';
+export { EditorDialog, ComponentSaveDialog } from './editor-dialog.js';
 export { OverlayShell } from './overlay-shell.js';
 export { TokenColorInput, TokenSpacingInput, TokenTypographyInput, TokenPropField } from './token-inputs.js';
 //# sourceMappingURL=index.js.map

package/dist/admin/layout-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAOjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,0BAA0B,EAC1B,iCAAiC,EACjC,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAOjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,kCAAkC,EAClC,qBAAqB,EACrB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,mCAAmC,EACnC,iCAAiC,EACjC,0CAA0C,EAC1C,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,kBAAkB,GAKnB,MAAM,wBAAwB,CAAA;AAC/B,6EAA6E;AAC7E,iFAAiF;AACjF,sCAAsC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,kFAAkF;AAClF,qDAAqD;AACrD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/admin/layout-editor/inline-text.d.ts

@@ -1,7 +1,8 @@
 /**
  * inline-text.ts
- * Which modules can be text-edited directly on the page, and how to read the
- * edited value back out of the DOM (kywi-cms#94).
+ * Which modules can be text-edited directly on the page, WHICH ELEMENT each
+ * edit binds to, and how to read the edited value back out of the DOM
+ * (kywi-cms#94, kywi-cms#145).
  *
  * The front-of-site editor makes a text-bearing module's own rendered element
  * `contenteditable` — the real `<h2>`, `<p>` or rich-text `<div>` the visitor
@@ -17,6 +18,21 @@ export interface InlineTextProp {
     /** True when the prop holds HTML (rich text) rather than a plain string. */
     html: boolean;
 }
+/**
+ * How an edit reached its element.
+ *
+ * `anchor` — the renderer marked the element with `data-kywi-prop`, so it holds
+ * that prop's copy and nothing else (see `useInlinePropAnchor`).
+ * `wrapper` — the legacy whole-module binding, allowed ONLY for a module with a
+ * single text prop (see `resolveInlineBinding` rule 3).
+ */
+export type InlineBindingKind = 'anchor' | 'wrapper';
+/** The element + prop one inline edit is bound to. */
+export interface InlineTextBindingTarget {
+    prop: InlineTextProp;
+    element: HTMLElement;
+    kind: InlineBindingKind;
+}
 /**
  * The module's *primary* text prop, or null when it has none.
  *
@@ -27,11 +43,47 @@ export interface InlineTextProp {
  * out of inline editing, where typing over the picture would be nonsense.
  */
 export declare function resolveInlineTextProp(config: ModuleConfig | null | undefined): InlineTextProp | null;
+/**
+ * EVERY text-typed prop a module declares, in declaration order.
+ *
+ * This is the config-side half of the #145 safety guard: a module with more than
+ * one of these can never be bound at the wrapper, because the wrapper renders
+ * all of them and a commit would concatenate them into whichever one was bound.
+ */
+export declare function listInlineTextProps(config: ModuleConfig | null | undefined): InlineTextProp[];
+/**
+ * Which element + prop a double-click inside `wrapper` binds — or null when
+ * there is nothing safe to bind, in which case the caller routes the gesture to
+ * the props-rail fallback (kywi-cms#118) rather than to the wrapper.
+ *
+ * The rules, in order (kywi-cms#145):
+ *
+ * 1. The anchor the gesture actually landed in. Double-clicking a card's body
+ *    edits the body, its footer edits the footer — the prop the owner pointed
+ *    at, not "the module's first prop".
+ * 2. Otherwise, an unambiguous single anchor in the module: a gesture anywhere
+ *    on a module with only one editable element can only have meant that one.
+ *    Two or more anchors and a gesture that landed on neither is genuinely
+ *    ambiguous → fallback.
+ * 3. Otherwise (a custom module with no anchors at all): the legacy whole-
+ *    wrapper binding, and ONLY when the module declares exactly one text prop —
+ *    the case where "everything the wrapper renders" and "the bound prop" cannot
+ *    disagree. This is what keeps heading/text/richText/button working for
+ *    module packs that never adopt the anchors.
+ *
+ * Anything else fails closed. A wrapper binding on a multi-text-prop module is
+ * the #145 corruption itself, so it is not reachable from here by any path.
+ */
+export declare function resolveInlineBinding(config: ModuleConfig | null | undefined, wrapper: HTMLElement, target: Element | null): InlineTextBindingTarget | null;
 /**
  * Read the edited value back out of an editing host.
  *
- * The host is the module's wrapper element, which also carries the editor's own
- * floating chrome (type chip, action cluster). Chrome is marked with
+ * For an anchored host (`data-kywi-prop`) the host IS the prop's element — it
+ * renders that prop's copy and nothing else, editor chrome included — so its
+ * content is the value, directly.
+ *
+ * For the legacy wrapper host the host also carries the editor's own floating
+ * chrome (type chip, action cluster). Chrome is marked with
  * `data-kywi-editor-chrome` and skipped, so the value comes from the module's
  * own rendered element — `innerHTML` for a rich-text prop, `textContent` for a
  * plain one.

package/dist/admin/layout-editor/inline-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-text.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/inline-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAG/E,mDAAmD;AACnD,MAAM,WAAW,cAAc;IAC7B,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,IAAI,EAAE,OAAO,CAAA;CACd;AAaD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,cAAc,GAAG,IAAI,CASpG;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAS5E"}
+{"version":3,"file":"inline-text.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/inline-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAI/E,mDAAmD;AACnD,MAAM,WAAW,cAAc;IAC7B,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,IAAI,EAAE,OAAO,CAAA;CACd;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpD,sDAAsD;AACtD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,WAAW,CAAA;IACpB,IAAI,EAAE,iBAAiB,CAAA;CACxB;AAuCD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,cAAc,GAAG,IAAI,CASpG;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,cAAc,EAAE,CAO7F;AAiBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,EACvC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,OAAO,GAAG,IAAI,GACrB,uBAAuB,GAAG,IAAI,CAoChC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAU5E"}