@snokam/page-content 0.0.0-stage → 6.9.5

package/dist/edit-mode/types.d.ts

@@ -0,0 +1,55 @@
+import { PortableTextBlock } from "@portabletext/types";
+import { Image, Link } from "../types";
+import { SurfaceOwner } from "./surface-ops";
+export type EditFieldKind = "component.text" | "component.link" | "component.block" | "component.image" | "component.media" | "component.youtube" | "component.video" | "component.gallery" | "surface.link" | "surface.visibility";
+export type FieldOwner = "main-page" | "app" | "other";
+export interface FieldSurface {
+    id: string;
+    owner: SurfaceOwner;
+    pathExpr: string;
+    itemKey: string;
+    field?: string;
+    docKey?: string;
+}
+export interface EditableField {
+    key: string;
+    kind: EditFieldKind;
+    owner: FieldOwner;
+    ownerId?: string;
+    label?: string;
+    interpolated?: boolean;
+    missing?: boolean;
+    system?: boolean;
+    surface?: FieldSurface;
+    linkText?: string;
+    linkUrl?: string;
+    linkExternal?: boolean;
+    surfaceText?: string;
+    surfaceBlock?: PortableTextBlock[];
+    surfaceBool?: boolean;
+}
+export type EditOverride = {
+    kind: "component.text";
+    value: string;
+} | {
+    kind: "component.link";
+    value: Link;
+} | {
+    kind: "component.block";
+    value: PortableTextBlock[];
+} | {
+    kind: "component.image";
+    value: Image;
+};
+export type EditOverrides = {
+    [key: string]: EditOverride;
+};
+export type SetOverride = (_key: string, _override: EditOverride) => void;
+export interface EditModeProps {
+    fields: EditableField[];
+    pageKey: string;
+    appKey?: string;
+    docKeys?: Record<string, string | undefined>;
+    setOverride: SetOverride;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/edit-mode/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/edit-mode/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,gBAAgB,GAChB,gBAAgB,GAChB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,GACnB,cAAc,GACd,oBAAoB,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,KAAK,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;AAE1E,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC;CAC1B"}

package/dist/edit-mode/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/edit-mode/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/edit-mode/types.ts"],"names":[],"mappings":""}

package/dist/edit-mode/useArmed.d.ts

@@ -0,0 +1,4 @@
+export declare function useArmed(): {
+    armed: boolean;
+};
+//# sourceMappingURL=useArmed.d.ts.map

package/dist/edit-mode/useArmed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArmed.d.ts","sourceRoot":"","sources":["../../src/edit-mode/useArmed.ts"],"names":[],"mappings":"AAiBA,wBAAgB,QAAQ,IAAI;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAqB7C"}

package/dist/edit-mode/useArmed.js

@@ -0,0 +1,28 @@
+"use client";
+import { useEffect, useState } from "react";
+import { armEditMode, editModeQueryTriggered, isEditModeArmed, onEditModeChanged, toggleEditMode, } from "./editModeState";
+function isShortcut(event) {
+    return ((event.metaKey || event.ctrlKey) && event.shiftKey && event.code === "KeyE");
+}
+export function useArmed() {
+    const [armed, setArmed] = useState(false);
+    useEffect(() => {
+        if (editModeQueryTriggered())
+            armEditMode();
+        setArmed(isEditModeArmed());
+        const offChanged = onEditModeChanged(() => setArmed(isEditModeArmed()));
+        const onKeyDown = (event) => {
+            if (!isShortcut(event))
+                return;
+            event.preventDefault();
+            toggleEditMode();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return () => {
+            offChanged();
+            window.removeEventListener("keydown", onKeyDown);
+        };
+    }, []);
+    return { armed };
+}
+//# sourceMappingURL=useArmed.js.map

package/dist/edit-mode/useArmed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArmed.js","sourceRoot":"","sources":["../../src/edit-mode/useArmed.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,WAAW,EACX,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,SAAS,UAAU,CAAC,KAAoB;IACtC,OAAO,CACL,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAC5E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,sBAAsB,EAAE;YAAE,WAAW,EAAE,CAAC;QAC5C,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;QAE5B,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;gBAAE,OAAO;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;YACb,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}

package/dist/editor/BlockChrome.d.ts

@@ -0,0 +1,5 @@
+export declare function BlockChrome({ blockKey, disabled, }: {
+    blockKey: string | undefined;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BlockChrome.d.ts.map

package/dist/editor/BlockChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockChrome.d.ts","sourceRoot":"","sources":["../../src/editor/BlockChrome.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAsHA"}

package/dist/editor/BlockChrome.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useEditor } from "@portabletext/editor";
+import { AddRounded as AddRoundedIcon } from "@mui/icons-material";
+import { CloseRounded as CloseRoundedIcon } from "@mui/icons-material";
+import { usePageContent } from "../providers/PageContentProvider";
+import { textOrFallback } from "../admin-form-labels";
+import { DockPortal } from "./DockPortal";
+import { useInsertGroups } from "./insertOptions";
+import { BlockRemoveButton, BlockInsertButton, InsertMenuFloat, InsertMenuBackdrop, InsertMenuPanel, InsertMenuHeader, InsertMenuSection, InsertMenuSectionLabel, InsertMenuGrid, InsertMenuCard, InsertMenuIcon, InsertMenuTextCol, InsertMenuLabel, InsertMenuHint, } from "./BlockChrome.styled";
+export function BlockChrome({ blockKey, disabled, }) {
+    const editor = useEditor();
+    const { getText } = usePageContent();
+    const insertGroups = useInsertGroups();
+    const [menuPosition, setMenuPosition] = useState(null);
+    const triggerRef = useRef(null);
+    if (disabled || !blockKey)
+        return null;
+    const insert = (option) => {
+        editor.send({
+            type: "select.block",
+            at: [{ _key: blockKey }],
+            select: "end",
+        });
+        editor.send({
+            type: "insert.block",
+            block: option.make(),
+            placement: "after",
+            select: "start",
+        });
+        editor.send({ type: "focus" });
+        setMenuPosition(null);
+    };
+    const toggleMenu = () => {
+        if (menuPosition) {
+            setMenuPosition(null);
+            return;
+        }
+        const rect = triggerRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const GAP = 12;
+        const SAFE_BOTTOM = 120;
+        setMenuPosition({
+            top: rect.bottom + GAP,
+            centerX: rect.left + rect.width / 2,
+            maxHeight: window.innerHeight - rect.bottom - GAP - SAFE_BOTTOM,
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(BlockRemoveButton, { contentEditable: false, type: "button", className: "blog-chrome", onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                    editor.send({ type: "delete.block", at: [{ _key: blockKey }] });
+                    editor.send({ type: "focus" });
+                }, "aria-label": textOrFallback(getText, "editorRemoveBlock", "Fjern blokk"), title: textOrFallback(getText, "editorRemoveBlock", "Fjern blokk"), children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) }), _jsx(BlockInsertButton, { ref: triggerRef, contentEditable: false, type: "button", className: "blog-insert-plus", onMouseDown: (e) => e.preventDefault(), onClick: toggleMenu, "aria-label": getText("editorInsertButtonLabel"), title: getText("editorInsertButtonLabel"), children: _jsx(AddRoundedIcon, { fontSize: "inherit" }) }), menuPosition && (_jsxs(DockPortal, { children: [_jsx(InsertMenuBackdrop, { onClick: () => setMenuPosition(null) }), _jsx(InsertMenuFloat, { style: {
+                            top: `${menuPosition.top}px`,
+                            left: `${menuPosition.centerX}px`,
+                            ["--insert-menu-max-height"]: `${menuPosition.maxHeight}px`,
+                        }, children: _jsxs(InsertMenuPanel, { children: [_jsx(InsertMenuHeader, { children: getText("editorInsertMenuHeader") }), insertGroups.map((group) => (_jsxs(InsertMenuSection, { children: [_jsx(InsertMenuSectionLabel, { children: group.label }), _jsx(InsertMenuGrid, { children: group.options.map((o) => (_jsxs(InsertMenuCard, { type: "button", onMouseDown: (e) => e.preventDefault(), onClick: () => insert(o), children: [_jsx(InsertMenuIcon, { children: o.icon }), _jsxs(InsertMenuTextCol, { children: [_jsx(InsertMenuLabel, { children: o.label }), _jsx(InsertMenuHint, { children: o.hint })] })] }, o.key))) })] }, group.label)))] }) })] }))] }));
+}
+//# sourceMappingURL=BlockChrome.js.map

package/dist/editor/BlockChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockChrome.js","sourceRoot":"","sources":["../../src/editor/BlockChrome.tsx"],"names":[],"mappings":"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"}

package/dist/editor/BlockChrome.styled.d.ts

@@ -0,0 +1,57 @@
+export declare const BlockRemoveButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const BlockInsertButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const InsertMenuFloat: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuBackdrop: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuSectionLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InsertMenuCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const InsertMenuIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InsertMenuTextCol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InsertMenuLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InsertMenuHint: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=BlockChrome.styled.d.ts.map

package/dist/editor/BlockChrome.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockChrome.styled.d.ts","sourceRoot":"","sources":["../../src/editor/BlockChrome.styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;qHA+B7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;qHAiC7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAoB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAI9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAe3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAO5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAOlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAI1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAmB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;2GAa1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAI7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;2GAK3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;2GAK1B,CAAC"}

package/dist/editor/BlockChrome.styled.js

@@ -0,0 +1,188 @@
+"use client";
+import styled from "@emotion/styled";
+export const BlockRemoveButton = styled.button `
+  position: absolute;
+  left: -36px;
+  top: 2px;
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: #94a3b8;
+  cursor: pointer;
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    opacity 160ms ease,
+    background 140ms ease,
+    color 140ms ease,
+    border-color 140ms ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    font-size: 14px;
+  }
+
+  &:hover {
+    color: #dc2626;
+    border-color: rgba(220, 38, 38, 0.2);
+    background: rgba(254, 226, 226, 0.6);
+  }
+`;
+export const BlockInsertButton = styled.button `
+  position: absolute;
+  left: 50%;
+  bottom: -0.75rem;
+  transform: translate(-50%, 50%);
+  z-index: 3;
+  width: 26px;
+  height: 26px;
+  border-radius: 999px;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  background: #fff;
+  color: #0f172a;
+  cursor: pointer;
+  opacity: 0;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease,
+    border-color 140ms ease,
+    box-shadow 140ms ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
+
+  svg {
+    font-size: 16px;
+  }
+
+  &:hover {
+    border-color: rgba(15, 23, 42, 0.35);
+    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
+    transform: translate(-50%, calc(50% - 1px));
+  }
+`;
+export const InsertMenuFloat = styled.div `
+  position: fixed;
+  z-index: 1300;
+  width: min(880px, calc(100vw - 32px));
+  display: flex;
+  justify-content: center;
+  transform: translateX(-50%);
+
+  animation: blog-menu-in 140ms cubic-bezier(0.16, 1, 0.3, 1);
+
+  @keyframes blog-menu-in {
+    from {
+      opacity: 0;
+      transform: translate(-50%, -4px);
+    }
+    to {
+      opacity: 1;
+      transform: translate(-50%, 0);
+    }
+  }
+`;
+export const InsertMenuBackdrop = styled.div `
+  position: fixed;
+  inset: 0;
+  z-index: 1290;
+`;
+export const InsertMenuPanel = styled.div `
+  position: relative;
+  z-index: 1;
+  width: min(880px, 100%);
+  max-height: var(--insert-menu-max-height, calc(100vh - 32px));
+  overflow-y: auto;
+  padding: 18px;
+  background: rgba(255, 255, 255, 0.98);
+  backdrop-filter: blur(16px) saturate(150%);
+  border: 1px solid rgba(15, 23, 42, 0.08);
+  border-radius: 16px;
+  box-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.6) inset,
+    0 20px 48px -16px rgba(15, 23, 42, 0.24),
+    0 4px 12px -4px rgba(15, 23, 42, 0.08);
+`;
+export const InsertMenuHeader = styled.div `
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: #64748b;
+  margin: 0 4px 14px 4px;
+`;
+export const InsertMenuSection = styled.div `
+  & + & {
+    margin-top: 14px;
+  }
+`;
+export const InsertMenuSectionLabel = styled.div `
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: #94a3b8;
+  margin: 0 4px 6px 4px;
+`;
+export const InsertMenuGrid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 6px;
+`;
+export const InsertMenuCard = styled.button `
+  display: grid;
+  grid-template-columns: 36px 1fr;
+  gap: 10px;
+  align-items: center;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    border-color 120ms ease;
+
+  &:hover {
+    background: rgba(15, 23, 42, 0.04);
+    border-color: rgba(15, 23, 42, 0.08);
+  }
+`;
+export const InsertMenuIcon = styled.span `
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background: #f1f5f9;
+  color: #0f172a;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    font-size: 18px;
+  }
+`;
+export const InsertMenuTextCol = styled.span `
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+`;
+export const InsertMenuLabel = styled.span `
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #0f172a;
+  line-height: 1.2;
+`;
+export const InsertMenuHint = styled.span `
+  font-size: 0.75rem;
+  color: #64748b;
+  line-height: 1.2;
+  margin-top: 2px;
+`;
+//# sourceMappingURL=BlockChrome.styled.js.map

package/dist/editor/BlockChrome.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockChrome.styled.js","sourceRoot":"","sources":["../../src/editor/BlockChrome.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B7C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC7C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBxC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAexC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO/C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;CAmB1C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAaxC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAI3C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKxC,CAAC"}

package/dist/editor/BlockObject.styled.d.ts

@@ -0,0 +1,39 @@
+export declare const BlockObjectWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BlockObjectShell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BlockObjectKindRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BlockObjectKind: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const BlockObjectFieldLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const BlockObjectInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const BlockObjectLanguageInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const BlockObjectCode: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const BlockObjectNotice: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=BlockObject.styled.d.ts.map

package/dist/editor/BlockObject.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockObject.styled.d.ts","sourceRoot":"","sources":["../../src/editor/BlockObject.styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;yGAY3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAgB5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;2GAG3B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;2GAEjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;kHAe5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;UAQpC,CAAC;AAEF,eAAO,MAAM,eAAe;;;2HAuB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC"}

package/dist/editor/BlockObject.styled.js

@@ -0,0 +1,106 @@
+"use client";
+import styled from "@emotion/styled";
+export const BlockObjectWrap = styled.div `
+  user-select: none;
+
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  iframe {
+    max-width: 100%;
+  }
+`;
+export const BlockObjectShell = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 16px;
+  background: rgba(15, 23, 42, 0.025);
+  border: 1px solid rgba(15, 23, 42, 0.08);
+  border-radius: 12px;
+  transition:
+    border-color 120ms ease,
+    background 120ms ease;
+
+  &:focus-within {
+    border-color: rgba(15, 23, 42, 0.28);
+    background: rgba(15, 23, 42, 0.03);
+  }
+`;
+export const BlockObjectKindRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: #64748b;
+`;
+export const BlockObjectKind = styled.span `
+  font-weight: 700;
+  color: #0f172a;
+`;
+export const BlockObjectFieldLabel = styled.span `
+  font-weight: 600;
+`;
+export const BlockObjectInput = styled.input `
+  padding: 10px 12px;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  border-radius: 8px;
+  font-size: 0.9375rem;
+  background: #fff;
+  outline: none;
+  transition:
+    border-color 120ms ease,
+    box-shadow 120ms ease;
+
+  &:focus {
+    border-color: #0f172a;
+    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
+  }
+`;
+export const BlockObjectLanguageInput = styled(BlockObjectInput) `
+  margin-left: auto;
+  width: auto;
+  max-width: 180px;
+  padding: 4px 10px;
+  font-size: 0.75rem;
+  text-transform: none;
+  letter-spacing: normal;
+`;
+export const BlockObjectCode = styled.textarea `
+  field-sizing: content;
+  min-height: 140px;
+  padding: 12px 14px;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  border-radius: 8px;
+  background: #0f172a;
+  color: #e2e8f0;
+  font-family:
+    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  font-size: 0.8125rem;
+  line-height: 1.55;
+  resize: vertical;
+  outline: none;
+  transition: box-shadow 120ms ease;
+
+  &::placeholder {
+    color: rgba(226, 232, 240, 0.5);
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12);
+  }
+`;
+export const BlockObjectNotice = styled.div `
+  padding: 12px 14px;
+  border-radius: 8px;
+  background: #fff;
+  border: 1px dashed rgba(15, 23, 42, 0.14);
+  color: #64748b;
+  font-size: 0.8125rem;
+`;
+//# sourceMappingURL=BlockObject.styled.js.map

package/dist/editor/BlockObject.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockObject.styled.js","sourceRoot":"","sources":["../../src/editor/BlockObject.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYxC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGzC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE/C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;CAe3C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;;;;;;;CAQ/D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuB7C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO1C,CAAC"}

package/dist/editor/BlockObjectEditor.d.ts

@@ -0,0 +1,10 @@
+export declare function BlockObjectEditor({ value, blockKey, disabled, }: {
+    value: {
+        _type?: string;
+        _key?: string;
+        [k: string]: unknown;
+    };
+    blockKey: string | undefined;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BlockObjectEditor.d.ts.map

package/dist/editor/BlockObjectEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockObjectEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockObjectEditor.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAC/D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAuIA"}