@elytracms/studio 0.0.67 → 0.0.69

package/src/styles/studio.css

@@ -65,6 +65,36 @@
   --radius-xl: calc(var(--radius) + 4px);
 }
 
+/*
+ * EC-431 — the centered stage surface (ExpandableSurface variant="stage") grows
+ * from center with a subtle scale/opacity entrance; the backdrop fades in. Both
+ * are consumed ONLY through `motion-safe:` variants, so `prefers-reduced-motion`
+ * gets an instant appearance (no transition at all).
+ */
+@theme {
+  --animate-ec-stage-in: ec-stage-in 180ms cubic-bezier(0.22, 1, 0.36, 1);
+  --animate-ec-stage-fade: ec-stage-fade 180ms ease-out;
+
+  @keyframes ec-stage-in {
+    from {
+      opacity: 0;
+      transform: scale(0.97);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+  @keyframes ec-stage-fade {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+}
+
 @layer base {
   * {
     border-color: var(--color-border);

package/dist/components/cms/rich-text/embed-inspector-context.d.ts

@@ -1,50 +0,0 @@
-import type { ComponentNode } from '@elytracms/core/project-graph';
-import type { ComponentManifest } from '@elytracms/core/component-registry';
-/**
- * Selection-driven embed inspector plumbing (0.0.41) — a deliberately **TipTap-free**
- * seam between the rich-text editor and the CMS detail editor's right sidebar.
- *
- * When a `componentEmbed` node is selected inside a rich-text field, the field pushes
- * an {@link EmbedInspectorPayload} through this context; the detail editor swaps its
- * inspector sidebar for the embed's prop form (the same EC-190 controls the old modal
- * used). Deselecting clears it and the normal sidebar returns.
- *
- * It carries only plain data + callbacks (no `@tiptap/*` imports) so the detail
- * editor — which sits on the critical path and must NOT statically pull TipTap
- * (EC-322) — can consume it while the editor subtree stays behind `rich-text/lazy`.
- */
-export interface EmbedInspectorPayload {
-    /**
-     * Stable identity of the embedded node (its `ComponentNode.id`). Dedupes selection
-     * races: when the selection moves from embed A to embed B, B's "open" and A's
-     * "close" can interleave — clearing keys on this id so A never wipes B.
-     */
-    nodeId: string;
-    /** The embedded component node whose props the inspector edits. */
-    node: ComponentNode;
-    /** Its manifest — drives which prop fields render. */
-    manifest: ComponentManifest;
-    /** Render the inspector read-only (mirrors the field's `readOnly`). */
-    readOnly: boolean;
-    /**
-     * Commit an edited node. The field writes it back through one ProseMirror
-     * `updateAttributes` transaction (undoable); the caller has already applied the
-     * no-dirty guard, so this only fires on a real structural change.
-     */
-    onChange: (node: ComponentNode) => void;
-    /** Move the editor selection off this node — the inspector's back affordance. */
-    onDeselect: () => void;
-}
-export interface EmbedInspectorApi {
-    /** Show (or refocus) the inspector for the currently-selected embed. */
-    setActiveEmbed: (payload: EmbedInspectorPayload) => void;
-    /** Hide the inspector, but only when `nodeId` is the one currently shown. */
-    clearActiveEmbed: (nodeId: string) => void;
-}
-export declare const EmbedInspectorProvider: import("react").Provider<EmbedInspectorApi | null>;
-/**
- * The ambient embed-inspector sink, or `null` when the rich-text field is mounted
- * outside a host that provides one (the builder property inspector, the asset detail
- * pane). A `null` return is the signal to fall back to the modal prop editor.
- */
-export declare function useOptionalEmbedInspector(): EmbedInspectorApi | null;

package/dist/components/cms/rich-text/embed-inspector-context.js

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-const EmbedInspectorContext = createContext(null);
-export const EmbedInspectorProvider = EmbedInspectorContext.Provider;
-/**
- * The ambient embed-inspector sink, or `null` when the rich-text field is mounted
- * outside a host that provides one (the builder property inspector, the asset detail
- * pane). A `null` return is the signal to fall back to the modal prop editor.
- */
-export function useOptionalEmbedInspector() {
-    return useContext(EmbedInspectorContext);
-}
-//# sourceMappingURL=embed-inspector-context.js.map

package/dist/components/cms/rich-text/embed-inspector-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"embed-inspector-context.js","sourceRoot":"","sources":["../../../../src/components/cms/rich-text/embed-inspector-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA+CjD,MAAM,qBAAqB,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAE3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,QAAQ,CAAA;AAEpE;;;;GAIG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ComponentNode } from '@elytracms/core/project-graph'\nimport type { ComponentManifest } from '@elytracms/core/component-registry'\n\n/**\n * Selection-driven embed inspector plumbing (0.0.41) — a deliberately **TipTap-free**\n * seam between the rich-text editor and the CMS detail editor's right sidebar.\n *\n * When a `componentEmbed` node is selected inside a rich-text field, the field pushes\n * an {@link EmbedInspectorPayload} through this context; the detail editor swaps its\n * inspector sidebar for the embed's prop form (the same EC-190 controls the old modal\n * used). Deselecting clears it and the normal sidebar returns.\n *\n * It carries only plain data + callbacks (no `@tiptap/*` imports) so the detail\n * editor — which sits on the critical path and must NOT statically pull TipTap\n * (EC-322) — can consume it while the editor subtree stays behind `rich-text/lazy`.\n */\nexport interface EmbedInspectorPayload {\n  /**\n   * Stable identity of the embedded node (its `ComponentNode.id`). Dedupes selection\n   * races: when the selection moves from embed A to embed B, B's \"open\" and A's\n   * \"close\" can interleave — clearing keys on this id so A never wipes B.\n   */\n  nodeId: string\n  /** The embedded component node whose props the inspector edits. */\n  node: ComponentNode\n  /** Its manifest — drives which prop fields render. */\n  manifest: ComponentManifest\n  /** Render the inspector read-only (mirrors the field's `readOnly`). */\n  readOnly: boolean\n  /**\n   * Commit an edited node. The field writes it back through one ProseMirror\n   * `updateAttributes` transaction (undoable); the caller has already applied the\n   * no-dirty guard, so this only fires on a real structural change.\n   */\n  onChange: (node: ComponentNode) => void\n  /** Move the editor selection off this node — the inspector's back affordance. */\n  onDeselect: () => void\n}\n\nexport interface EmbedInspectorApi {\n  /** Show (or refocus) the inspector for the currently-selected embed. */\n  setActiveEmbed: (payload: EmbedInspectorPayload) => void\n  /** Hide the inspector, but only when `nodeId` is the one currently shown. */\n  clearActiveEmbed: (nodeId: string) => void\n}\n\nconst EmbedInspectorContext = createContext<EmbedInspectorApi | null>(null)\n\nexport const EmbedInspectorProvider = EmbedInspectorContext.Provider\n\n/**\n * The ambient embed-inspector sink, or `null` when the rich-text field is mounted\n * outside a host that provides one (the builder property inspector, the asset detail\n * pane). A `null` return is the signal to fall back to the modal prop editor.\n */\nexport function useOptionalEmbedInspector(): EmbedInspectorApi | null {\n  return useContext(EmbedInspectorContext)\n}\n"]}

package/dist/components/cms/rich-text/embed-inspector.d.ts

@@ -1,25 +0,0 @@
-import type { EmbedInspectorPayload } from './embed-inspector-context.js';
-/**
- * The selection-driven embed prop inspector (0.0.41) — the detail editor's right
- * sidebar swaps to this when a `componentEmbed` node is selected in a rich-text
- * field. It replaces the retired-for-this-surface {@link EmbedPropsDialog} modal so
- * embed props are edited in the SAME place document fields are, not a third form
- * surface (the product-owner feedback that motivated the change).
- *
- * It reuses the exact modal machinery — the EC-190 {@link PropValueControl} stack and
- * the {@link editableEmbedProps}/{@link blocksEmbedProps} manifest partitioning — so
- * `blocks`-typed composition props are excluded (edited on the canvas) with a visible
- * note, and asset/relation/object props open their real pickers.
- *
- * Write-back is **immediate per prop change** (like the builder inspector): each edit
- * commits through the payload's `onChange` (one ProseMirror transaction upstream),
- * guarded by {@link resolveEmbedWrite} so an unchanged write never dirties the field.
- * There is no draft+Apply — the sidebar always reflects the committed node.
- *
- * TipTap-free by construction (see {@link EmbedInspectorPayload}) so the detail editor
- * can import it without pulling the editor runtime onto the critical path (EC-322).
- */
-export declare function EmbedInspector({ payload, className, }: {
-    payload: EmbedInspectorPayload;
-    className?: string;
-}): import("react").JSX.Element;

package/dist/components/cms/rich-text/embed-inspector.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronLeft } from 'lucide-react';
-import { Button, Field, Row, Separator, Stack, Text } from '@elytracms/studio/ui';
-import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
-import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
-import { cn } from '@elytracms/studio/lib/utils';
-import { PropValueControl } from '../prop-fields.js';
-import { blocksEmbedProps, clearComponentNodeProp, editableEmbedProps, resolveEmbedWrite, setComponentNodeProp, } from './embed-props.js';
-/**
- * The selection-driven embed prop inspector (0.0.41) — the detail editor's right
- * sidebar swaps to this when a `componentEmbed` node is selected in a rich-text
- * field. It replaces the retired-for-this-surface {@link EmbedPropsDialog} modal so
- * embed props are edited in the SAME place document fields are, not a third form
- * surface (the product-owner feedback that motivated the change).
- *
- * It reuses the exact modal machinery — the EC-190 {@link PropValueControl} stack and
- * the {@link editableEmbedProps}/{@link blocksEmbedProps} manifest partitioning — so
- * `blocks`-typed composition props are excluded (edited on the canvas) with a visible
- * note, and asset/relation/object props open their real pickers.
- *
- * Write-back is **immediate per prop change** (like the builder inspector): each edit
- * commits through the payload's `onChange` (one ProseMirror transaction upstream),
- * guarded by {@link resolveEmbedWrite} so an unchanged write never dirties the field.
- * There is no draft+Apply — the sidebar always reflects the committed node.
- *
- * TipTap-free by construction (see {@link EmbedInspectorPayload}) so the detail editor
- * can import it without pulling the editor runtime onto the critical path (EC-322).
- */
-export function EmbedInspector({ payload, className, }) {
-    const { node, manifest, readOnly, onChange, onDeselect } = payload;
-    const editable = editableEmbedProps(manifest);
-    const blocks = blocksEmbedProps(manifest);
-    function set(name, value) {
-        const next = resolveEmbedWrite(node, setComponentNodeProp(node, name, value));
-        if (next)
-            onChange(next);
-    }
-    function clear(name) {
-        const next = resolveEmbedWrite(node, clearComponentNodeProp(node, name));
-        if (next)
-            onChange(next);
-    }
-    return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col bg-card', className), children: [_jsxs(Row, { gap: "1", align: "center", className: "shrink-0 border-b border-border p-1.5", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": translate('richText.embed.inspectorBack'), onClick: onDeselect, children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsx(Text, { as: "span", size: "xs", weight: "semibold", className: "min-w-0 flex-1 truncate", children: componentDisplayName(node.componentId, manifest) })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: _jsxs(Stack, { gap: "4", "aria-disabled": readOnly || undefined, className: cn(readOnly && 'pointer-events-none opacity-70'), children: [editable.length === 0 ? (_jsx(Text, { size: "sm", tone: "muted", children: translate('richText.embed.noProps') })) : (editable.map(([name, spec]) => {
-                            const id = `embed-${node.id}-${name}`;
-                            return (_jsx(Field, { label: localizedLabel(spec.form?.label, name), htmlFor: id, children: _jsx(PropValueControl, { id: id, name: name, spec: spec, value: node.props?.[name], onSet: (v) => set(name, v), onClear: () => clear(name) }) }, name));
-                        })), blocks.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(Text, { size: "xs", tone: "subtle", children: translate('richText.embed.blocksNote') })] })) : null] }) })] }));
-}
-//# sourceMappingURL=embed-inspector.js.map

package/dist/components/cms/rich-text/embed-inspector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"embed-inspector.js","sourceRoot":"","sources":["../../../../src/components/cms/rich-text/embed-inspector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AACjF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,eAAe,CAAA;AAGtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,GAIV;IACC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO,CAAA;IAClE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAEzC,SAAS,GAAG,CAAC,IAAY,EAAE,KAAgB;QACzC,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;QAC7E,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IACD,SAAS,KAAK,CAAC,IAAY;QACzB,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;QACxE,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,aACnE,MAAC,GAAG,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,uCAAuC,aAC3E,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,gBACF,SAAS,CAAC,8BAA8B,CAAC,EACrD,OAAO,EAAE,UAAU,YAEnB,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC3B,EACT,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,yBAAyB,YAC5E,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAC5C,IACH,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,MAAC,KAAK,IACJ,GAAG,EAAC,GAAG,mBACQ,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,gCAAgC,CAAC,aAE1D,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YACzB,SAAS,CAAC,wBAAwB,CAAC,GAC/B,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;4BAC5B,MAAM,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE,IAAI,IAAI,EAAE,CAAA;4BACrC,OAAO,CACL,KAAC,KAAK,IAAY,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,YAC1E,KAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EACzB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAC1B,IARQ,IAAI,CASR,CACT,CAAA;wBACH,CAAC,CAAC,CACH,EACA,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,8BACE,KAAC,SAAS,KAAG,EACb,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,YAC1B,SAAS,CAAC,2BAA2B,CAAC,GAClC,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,IACF,GACJ,IACF,CACP,CAAA;AACH,CAAC","sourcesContent":["import { ChevronLeft } from 'lucide-react'\nimport type { JsonValue } from '@elytracms/core/project-graph'\nimport { Button, Field, Row, Separator, Stack, Text } from '@elytracms/studio/ui'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { componentDisplayName } from '@elytracms/studio/lib/persona/labels'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { PropValueControl } from '../prop-fields'\nimport {\n  blocksEmbedProps,\n  clearComponentNodeProp,\n  editableEmbedProps,\n  resolveEmbedWrite,\n  setComponentNodeProp,\n} from './embed-props'\nimport type { EmbedInspectorPayload } from './embed-inspector-context'\n\n/**\n * The selection-driven embed prop inspector (0.0.41) — the detail editor's right\n * sidebar swaps to this when a `componentEmbed` node is selected in a rich-text\n * field. It replaces the retired-for-this-surface {@link EmbedPropsDialog} modal so\n * embed props are edited in the SAME place document fields are, not a third form\n * surface (the product-owner feedback that motivated the change).\n *\n * It reuses the exact modal machinery — the EC-190 {@link PropValueControl} stack and\n * the {@link editableEmbedProps}/{@link blocksEmbedProps} manifest partitioning — so\n * `blocks`-typed composition props are excluded (edited on the canvas) with a visible\n * note, and asset/relation/object props open their real pickers.\n *\n * Write-back is **immediate per prop change** (like the builder inspector): each edit\n * commits through the payload's `onChange` (one ProseMirror transaction upstream),\n * guarded by {@link resolveEmbedWrite} so an unchanged write never dirties the field.\n * There is no draft+Apply — the sidebar always reflects the committed node.\n *\n * TipTap-free by construction (see {@link EmbedInspectorPayload}) so the detail editor\n * can import it without pulling the editor runtime onto the critical path (EC-322).\n */\nexport function EmbedInspector({\n  payload,\n  className,\n}: {\n  payload: EmbedInspectorPayload\n  className?: string\n}) {\n  const { node, manifest, readOnly, onChange, onDeselect } = payload\n  const editable = editableEmbedProps(manifest)\n  const blocks = blocksEmbedProps(manifest)\n\n  function set(name: string, value: JsonValue) {\n    const next = resolveEmbedWrite(node, setComponentNodeProp(node, name, value))\n    if (next) onChange(next)\n  }\n  function clear(name: string) {\n    const next = resolveEmbedWrite(node, clearComponentNodeProp(node, name))\n    if (next) onChange(next)\n  }\n\n  return (\n    <div className={cn('flex h-full min-h-0 flex-col bg-card', className)}>\n      <Row gap=\"1\" align=\"center\" className=\"shrink-0 border-b border-border p-1.5\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label={translate('richText.embed.inspectorBack')}\n          onClick={onDeselect}\n        >\n          <ChevronLeft className=\"size-4\" />\n        </Button>\n        <Text as=\"span\" size=\"xs\" weight=\"semibold\" className=\"min-w-0 flex-1 truncate\">\n          {componentDisplayName(node.componentId, manifest)}\n        </Text>\n      </Row>\n      <div className=\"min-h-0 flex-1 overflow-auto p-3\">\n        <Stack\n          gap=\"4\"\n          aria-disabled={readOnly || undefined}\n          className={cn(readOnly && 'pointer-events-none opacity-70')}\n        >\n          {editable.length === 0 ? (\n            <Text size=\"sm\" tone=\"muted\">\n              {translate('richText.embed.noProps')}\n            </Text>\n          ) : (\n            editable.map(([name, spec]) => {\n              const id = `embed-${node.id}-${name}`\n              return (\n                <Field key={name} label={localizedLabel(spec.form?.label, name)} htmlFor={id}>\n                  <PropValueControl\n                    id={id}\n                    name={name}\n                    spec={spec}\n                    value={node.props?.[name]}\n                    onSet={(v) => set(name, v)}\n                    onClear={() => clear(name)}\n                  />\n                </Field>\n              )\n            })\n          )}\n          {blocks.length > 0 ? (\n            <>\n              <Separator />\n              <Text size=\"xs\" tone=\"subtle\">\n                {translate('richText.embed.blocksNote')}\n              </Text>\n            </>\n          ) : null}\n        </Stack>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/components/cms/use-embed-inspector-host.d.ts

@@ -1,12 +0,0 @@
-import type { EmbedInspectorApi, EmbedInspectorPayload } from './rich-text/embed-inspector-context.js';
-/**
- * 0.0.41 — the selection-driven embed-inspector host. A `componentEmbed` node
- * selection in a rich-text field swaps the inspector sidebar for the embed's prop
- * form; deselect returns the normal inspector. `clearActiveEmbed` keys on the node
- * id so a fast A→B reselect can't let A's deselect wipe B (the selection race). Fed
- * by the rich-text field through the EmbedInspector context (the returned api).
- */
-export declare function useEmbedInspectorHost(): {
-    activeEmbed: EmbedInspectorPayload | null;
-    embedInspectorApi: EmbedInspectorApi;
-};

package/dist/components/cms/use-embed-inspector-host.js

@@ -1,17 +0,0 @@
-import { useMemo, useState } from 'react';
-/**
- * 0.0.41 — the selection-driven embed-inspector host. A `componentEmbed` node
- * selection in a rich-text field swaps the inspector sidebar for the embed's prop
- * form; deselect returns the normal inspector. `clearActiveEmbed` keys on the node
- * id so a fast A→B reselect can't let A's deselect wipe B (the selection race). Fed
- * by the rich-text field through the EmbedInspector context (the returned api).
- */
-export function useEmbedInspectorHost() {
-    const [activeEmbed, setActiveEmbed] = useState(null);
-    const embedInspectorApi = useMemo(() => ({
-        setActiveEmbed: (payload) => setActiveEmbed(payload),
-        clearActiveEmbed: (nodeId) => setActiveEmbed((prev) => (prev?.nodeId === nodeId ? null : prev)),
-    }), []);
-    return { activeEmbed, embedInspectorApi };
-}
-//# sourceMappingURL=use-embed-inspector-host.js.map

package/dist/components/cms/use-embed-inspector-host.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-embed-inspector-host.js","sourceRoot":"","sources":["../../../src/components/cms/use-embed-inspector-host.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGzC;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB;IAInC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAA;IAClF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC;QACpD,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;KAChG,CAAC,EACF,EAAE,CACH,CAAA;IACD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;AAC3C,CAAC","sourcesContent":["import { useMemo, useState } from 'react'\nimport type { EmbedInspectorApi, EmbedInspectorPayload } from './rich-text/embed-inspector-context'\n\n/**\n * 0.0.41 — the selection-driven embed-inspector host. A `componentEmbed` node\n * selection in a rich-text field swaps the inspector sidebar for the embed's prop\n * form; deselect returns the normal inspector. `clearActiveEmbed` keys on the node\n * id so a fast A→B reselect can't let A's deselect wipe B (the selection race). Fed\n * by the rich-text field through the EmbedInspector context (the returned api).\n */\nexport function useEmbedInspectorHost(): {\n  activeEmbed: EmbedInspectorPayload | null\n  embedInspectorApi: EmbedInspectorApi\n} {\n  const [activeEmbed, setActiveEmbed] = useState<EmbedInspectorPayload | null>(null)\n  const embedInspectorApi = useMemo<EmbedInspectorApi>(\n    () => ({\n      setActiveEmbed: (payload) => setActiveEmbed(payload),\n      clearActiveEmbed: (nodeId) => setActiveEmbed((prev) => (prev?.nodeId === nodeId ? null : prev)),\n    }),\n    [],\n  )\n  return { activeEmbed, embedInspectorApi }\n}\n"]}