@sudajs/theme-engine 0.0.2

package/dist/editor/unified-editor.d.ts

@@ -0,0 +1,25 @@
+import type { Config, Data } from "@puckeditor/core";
+import type { LayoutData, PageData } from "../types";
+interface SplitResult {
+    layoutData: LayoutData;
+    pageData: PageData;
+}
+type ThemeEditorConfigLike = {
+    pageConfig: Config;
+    layoutConfig: Config;
+};
+/**
+ * Builds an editor-only Puck config that can edit both layout chrome and page
+ * sections in one canvas.
+ */
+export declare function createUnifiedThemeEditorConfig(theme: ThemeEditorConfigLike): Config;
+/**
+ * Composes page + layout persisted documents into one editor document.
+ */
+export declare function composeUnifiedThemeEditorData(layoutData: unknown, pageData: unknown): Data;
+/**
+ * Splits a unified editor document back into layout + page persisted documents.
+ */
+export declare function splitUnifiedThemeEditorData(unifiedData: Data): SplitResult;
+export {};
+//# sourceMappingURL=unified-editor.d.ts.map

package/dist/editor/unified-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unified-editor.d.ts","sourceRoot":"","sources":["../../src/editor/unified-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAItE,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAkBrD,UAAU,WAAW;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAuIF;;;GAGG;AACH,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,qBAAqB,GAC3B,MAAM,CAkCR;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAyCN;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,IAAI,GAAG,WAAW,CA+D1E"}

package/dist/editor/unified-editor.js

@@ -0,0 +1,229 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { normalizeSudaConfig } from "../fields/normalize-config";
+const PAGE_OUTLET_TYPE = "PageOutlet";
+const PAGE_SLOT_FIELD = "page";
+const PAGE_META_FIELD = "__suda_page";
+function isRecord(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isPageMeta(value) {
+    return isRecord(value);
+}
+function asContentArray(data) {
+    const candidate = isRecord(data) ? data.content : undefined;
+    if (!Array.isArray(candidate)) {
+        return [];
+    }
+    return candidate
+        .filter((item) => {
+        return isRecord(item) && typeof item.type === "string";
+    })
+        .map((item) => ({
+        type: item.type,
+        props: isRecord(item.props) ? item.props : {},
+    }));
+}
+function asZones(data) {
+    const candidate = isRecord(data) ? data.zones : undefined;
+    if (!isRecord(candidate)) {
+        return undefined;
+    }
+    const entries = Object.entries(candidate)
+        .map(([key, zoneValue]) => {
+        if (!Array.isArray(zoneValue)) {
+            return null;
+        }
+        const nodes = zoneValue
+            .filter((node) => {
+            return isRecord(node) && typeof node.type === "string";
+        })
+            .map((node) => ({
+            type: node.type,
+            props: isRecord(node.props) ? node.props : {},
+        }));
+        return [key, nodes];
+    })
+        .filter((entry) => entry !== null);
+    return Object.fromEntries(entries);
+}
+function asRoot(data) {
+    const candidate = isRecord(data) ? data.root : undefined;
+    if (isRecord(candidate) && isRecord(candidate.props)) {
+        return { ...candidate, props: candidate.props };
+    }
+    return { props: {} };
+}
+function createPageOutletEditorComponent(component, pageComponentTypes) {
+    const existingFields = isRecord(component.fields)
+        ? component.fields
+        : {};
+    if (PAGE_SLOT_FIELD in existingFields) {
+        throw new Error(`Cannot enable unified editor: ${PAGE_OUTLET_TYPE} already declares a "${PAGE_SLOT_FIELD}" field.`);
+    }
+    const fields = {
+        ...existingFields,
+        [PAGE_SLOT_FIELD]: {
+            type: "slot",
+            label: "Page content",
+            allow: pageComponentTypes,
+        },
+    };
+    const existingDefaults = isRecord(component.defaultProps)
+        ? (component.defaultProps)
+        : {};
+    const defaultProps = {
+        ...existingDefaults,
+        [PAGE_SLOT_FIELD]: [],
+    };
+    const editorComponent = {
+        ...component,
+        render: (props) => {
+            const pageSlot = isRecord(props)
+                ? props[PAGE_SLOT_FIELD]
+                : undefined;
+            const PageSlot = pageSlot;
+            return _jsx("main", { className: "site-main", children: PageSlot ? _jsx(PageSlot, {}) : null });
+        },
+    };
+    editorComponent.fields = fields;
+    editorComponent.defaultProps = defaultProps;
+    return editorComponent;
+}
+function mergeComponentMaps(pageComponents, layoutComponents) {
+    const merged = { ...pageComponents };
+    for (const [type, component] of Object.entries(layoutComponents)) {
+        if (type in merged && type !== PAGE_OUTLET_TYPE) {
+            throw new Error(`Cannot enable unified editor: duplicated component type "${type}" across page/layout configs.`);
+        }
+        if (type === PAGE_OUTLET_TYPE) {
+            merged[type] = createPageOutletEditorComponent(component, Object.keys(pageComponents));
+            continue;
+        }
+        merged[type] = component;
+    }
+    return merged;
+}
+/**
+ * Builds an editor-only Puck config that can edit both layout chrome and page
+ * sections in one canvas.
+ */
+export function createUnifiedThemeEditorConfig(theme) {
+    const pageConfig = normalizeSudaConfig(theme.pageConfig);
+    const layoutConfig = normalizeSudaConfig(theme.layoutConfig);
+    const pageComponents = isRecord(pageConfig.components)
+        ? pageConfig.components
+        : {};
+    const layoutComponents = isRecord(layoutConfig.components)
+        ? layoutConfig.components
+        : {};
+    if (!(PAGE_OUTLET_TYPE in layoutComponents)) {
+        throw new Error(`Cannot enable unified editor: layout config is missing ${PAGE_OUTLET_TYPE}.`);
+    }
+    const components = mergeComponentMaps(pageComponents, layoutComponents);
+    const unified = {
+        components,
+    };
+    if (layoutConfig.root !== undefined) {
+        const rootConfig = layoutConfig.root;
+        const rootHasLabel = isRecord(rootConfig) && typeof rootConfig.label === "string";
+        unified.root = rootHasLabel ? rootConfig : { ...rootConfig, label: "Theme settings" };
+    }
+    if (pageConfig.categories !== undefined) {
+        unified.categories = pageConfig.categories;
+    }
+    return unified;
+}
+/**
+ * Composes page + layout persisted documents into one editor document.
+ */
+export function composeUnifiedThemeEditorData(layoutData, pageData) {
+    const pageContent = asContentArray(pageData);
+    const layoutContent = asContentArray(layoutData);
+    const mappedContent = layoutContent.map((item) => {
+        if (item.type !== PAGE_OUTLET_TYPE) {
+            return item;
+        }
+        const nextProps = {
+            ...(isRecord(item.props) ? item.props : {}),
+            [PAGE_SLOT_FIELD]: pageContent,
+        };
+        const pageMeta = {
+            root: asRoot(pageData),
+        };
+        const pageZones = asZones(pageData);
+        if (pageZones !== undefined) {
+            pageMeta.zones = pageZones;
+        }
+        nextProps[PAGE_META_FIELD] = pageMeta;
+        return { ...item, props: nextProps };
+    });
+    const outletCount = mappedContent.filter((item) => item.type === PAGE_OUTLET_TYPE).length;
+    if (outletCount !== 1) {
+        throw new Error(`Cannot compose unified editor data: expected exactly 1 ${PAGE_OUTLET_TYPE}, received ${outletCount}.`);
+    }
+    const result = {
+        root: asRoot(layoutData),
+        content: mappedContent,
+    };
+    const layoutZones = asZones(layoutData);
+    if (layoutZones !== undefined && Object.keys(layoutZones).length > 0) {
+        result.zones = layoutZones;
+    }
+    return result;
+}
+/**
+ * Splits a unified editor document back into layout + page persisted documents.
+ */
+export function splitUnifiedThemeEditorData(unifiedData) {
+    const unifiedContent = asContentArray(unifiedData);
+    const nextLayoutContent = [];
+    let pageContent = null;
+    let pageMeta;
+    let outletCount = 0;
+    for (const item of unifiedContent) {
+        if (item.type !== PAGE_OUTLET_TYPE) {
+            nextLayoutContent.push(item);
+            continue;
+        }
+        outletCount += 1;
+        const props = isRecord(item.props) ? item.props : {};
+        if (pageMeta === undefined && isPageMeta(props[PAGE_META_FIELD])) {
+            pageMeta = props[PAGE_META_FIELD];
+        }
+        const maybeSlot = props[PAGE_SLOT_FIELD];
+        pageContent = Array.isArray(maybeSlot)
+            ? maybeSlot
+                .filter((node) => {
+                return isRecord(node) && typeof node.type === "string";
+            })
+                .map((node) => ({
+                type: node.type,
+                props: isRecord(node.props) ? node.props : {},
+            }))
+            : [];
+        const nextProps = { ...props };
+        delete nextProps[PAGE_SLOT_FIELD];
+        delete nextProps[PAGE_META_FIELD];
+        const nextItem = { ...item, props: nextProps };
+        nextLayoutContent.push(nextItem);
+    }
+    if (outletCount !== 1 || pageContent === null) {
+        throw new Error(`Cannot split unified editor data: expected exactly 1 ${PAGE_OUTLET_TYPE}, received ${outletCount}.`);
+    }
+    const zones = asZones(unifiedData);
+    const layoutData = {
+        root: asRoot(unifiedData),
+        content: nextLayoutContent,
+        ...(zones !== undefined && Object.keys(zones).length > 0 ? { zones } : {}),
+    };
+    const pageRoot = asRoot(pageMeta);
+    const pageZones = asZones(pageMeta);
+    const pageData = {
+        root: pageRoot,
+        content: pageContent,
+        ...(pageZones !== undefined ? { zones: pageZones } : {}),
+    };
+    const splitResult = { layoutData, pageData };
+    return splitResult;
+}
+//# sourceMappingURL=unified-editor.js.map

package/dist/editor/unified-editor.js.map

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

package/dist/editor/use-theme-runtime.d.ts

@@ -0,0 +1,8 @@
+import type { ThemeModule } from "../types";
+export interface ThemeRuntimeState {
+    theme: ThemeModule | null;
+    isLoading: boolean;
+    error: string | null;
+}
+export declare function useThemeRuntime(runtimeUrl: string | null): ThemeRuntimeState;
+//# sourceMappingURL=use-theme-runtime.d.ts.map

package/dist/editor/use-theme-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-runtime.d.ts","sourceRoot":"","sources":["../../src/editor/use-theme-runtime.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA4BD,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,iBAAiB,CAuD5E"}

package/dist/editor/use-theme-runtime.js

@@ -0,0 +1,77 @@
+"use client";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import * as ReactJsxRuntime from "react/jsx-runtime";
+import * as ReactDom from "react-dom";
+import * as ReactDomClient from "react-dom/client";
+const runtimeCache = new Map();
+// eslint-disable-next-line @typescript-eslint/no-implied-eval -- Preserve runtime URL imports from TS/bundler static rewrites.
+const nativeImport = new Function("specifier", "return import(specifier)");
+function installHostReactGlobals() {
+    const host = globalThis;
+    host.__SUDA_REACT__ = React;
+    host.__SUDA_REACT_JSX_RUNTIME__ = ReactJsxRuntime;
+    host.__SUDA_REACT_DOM__ = ReactDom;
+    host.__SUDA_REACT_DOM_CLIENT__ = ReactDomClient;
+}
+function loadRuntime(runtimeUrl) {
+    const existing = runtimeCache.get(runtimeUrl);
+    if (existing) {
+        return existing;
+    }
+    installHostReactGlobals();
+    const loading = nativeImport(runtimeUrl);
+    runtimeCache.set(runtimeUrl, loading);
+    return loading;
+}
+export function useThemeRuntime(runtimeUrl) {
+    const [state, setState] = useState({
+        theme: null,
+        isLoading: Boolean(runtimeUrl),
+        error: runtimeUrl ? null : "Theme version is missing.",
+    });
+    useEffect(() => {
+        let cancelled = false;
+        if (!runtimeUrl) {
+            setState({
+                theme: null,
+                isLoading: false,
+                error: "Theme version is missing; publish or re-activate the theme.",
+            });
+            return;
+        }
+        setState({ theme: null, isLoading: true, error: null });
+        void loadRuntime(runtimeUrl)
+            .then((runtime) => {
+            if (cancelled) {
+                return;
+            }
+            if (!runtime.default) {
+                setState({
+                    theme: null,
+                    isLoading: false,
+                    error: "Theme runtime did not export a default ThemeModule.",
+                });
+                return;
+            }
+            setState({ theme: runtime.default, isLoading: false, error: null });
+        })
+            .catch((error) => {
+            if (cancelled) {
+                return;
+            }
+            const reason = error instanceof Error ? error.message : "unknown import error";
+            const suffix = process.env.NODE_ENV === "development" ? ` (${reason})` : "";
+            setState({
+                theme: null,
+                isLoading: false,
+                error: `Theme client runtime failed to load. Build this theme artifact before editing.${suffix}`,
+            });
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [runtimeUrl]);
+    return state;
+}
+//# sourceMappingURL=use-theme-runtime.js.map

package/dist/editor/use-theme-runtime.js.map

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

package/dist/fields/basic-fields.d.ts

@@ -0,0 +1,14 @@
+import type { Field } from "@puckeditor/core";
+export type SelectOption = {
+    label: string;
+    value: string;
+};
+export type MenuItem = {
+    label: string;
+    url: string;
+};
+export declare function fontField(label?: string, options?: SelectOption[]): Field<string>;
+export declare function iconField(label?: string): Field<string>;
+export declare function urlField(label?: string): Field<string>;
+export declare function menuField(label?: string): Field<MenuItem[]>;
+//# sourceMappingURL=basic-fields.d.ts.map

package/dist/fields/basic-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-fields.d.ts","sourceRoot":"","sources":["../../src/fields/basic-fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAgBF,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,YAAY,EAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,CAShG;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CASvD;AAED,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAStD;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,CAc3D"}

package/dist/fields/basic-fields.js

@@ -0,0 +1,46 @@
+const DEFAULT_FONTS = [
+    { label: "System", value: "system" },
+    { label: "Serif", value: "serif" },
+    { label: "Sans", value: "sans" },
+    { label: "Mono", value: "mono" },
+];
+function withLabel(field, label) {
+    if (label !== undefined) {
+        field.label = label;
+    }
+    return field;
+}
+export function fontField(label, options = DEFAULT_FONTS) {
+    return withLabel({
+        type: "select",
+        metadata: { sudaField: "font" },
+        options,
+    }, label);
+}
+export function iconField(label) {
+    return withLabel({
+        type: "text",
+        metadata: { sudaField: "icon" },
+        placeholder: "icon-name",
+    }, label);
+}
+export function urlField(label) {
+    return withLabel({
+        type: "text",
+        metadata: { sudaField: "url" },
+        placeholder: "https://example.com",
+    }, label);
+}
+export function menuField(label) {
+    return withLabel({
+        type: "array",
+        metadata: { sudaField: "menu" },
+        arrayFields: {
+            label: { type: "text", label: "Label" },
+            url: { type: "text", label: "URL" },
+        },
+        defaultItemProps: { label: "Menu item", url: "/" },
+        getItemSummary: (item) => item.label,
+    }, label);
+}
+//# sourceMappingURL=basic-fields.js.map

package/dist/fields/basic-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-fields.js","sourceRoot":"","sources":["../../src/fields/basic-fields.ts"],"names":[],"mappings":"AAYA,MAAM,aAAa,GAAmB;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CACjC,CAAC;AAEF,SAAS,SAAS,CAAkB,KAAQ,EAAE,KAAc;IAC1D,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAc,EAAE,UAA0B,aAAa;IAC/E,OAAO,SAAS,CACd;QACE,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;QAC/B,OAAO;KACR,EACD,KAAK,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,OAAO,SAAS,CACd;QACE,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;QAC/B,WAAW,EAAE,WAAW;KACzB,EACD,KAAK,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAc;IACrC,OAAO,SAAS,CACd;QACE,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;QAC9B,WAAW,EAAE,qBAAqB;KACnC,EACD,KAAK,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,OAAO,SAAS,CACd;QACE,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;QAC/B,WAAW,EAAE;YACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;YACvC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;SACpC;QACD,gBAAgB,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;QAClD,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK;KACrC,EACD,KAAK,CACN,CAAC;AACJ,CAAC"}

package/dist/fields/color-field.d.ts

@@ -0,0 +1,3 @@
+import type { CustomField } from "@puckeditor/core";
+export declare function colorField(label?: string): CustomField<string>;
+//# sourceMappingURL=color-field.d.ts.map

package/dist/fields/color-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-field.d.ts","sourceRoot":"","sources":["../../src/fields/color-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAyJpD,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAS9D"}

package/dist/fields/color-field.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+const BORDER = "1px solid var(--puck-color-grey-09, #dcdcdc)";
+const CONTROL_HEIGHT = 28;
+const CONTROL_WIDTH = 160;
+const controlBase = {
+    height: CONTROL_HEIGHT,
+    padding: "0 8px",
+    border: BORDER,
+    borderRadius: 4,
+    fontSize: 12,
+    background: "var(--puck-color-white, #fff)",
+    color: "var(--puck-color-black, #111)",
+    boxSizing: "border-box",
+};
+const PRESET_COLORS = [
+    "#000000", "#444444", "#888888", "#bbbbbb", "#ffffff",
+    "#ef4444", "#f97316", "#eab308", "#22c55e", "#3b82f6",
+    "#8b5cf6", "#ec4899",
+];
+function ColorFieldRender({ value, onChange, }) {
+    const [open, setOpen] = useState(false);
+    const current = value ?? "";
+    const swatchValue = /^#[0-9a-fA-F]{6}$/.test(current) ? current : "#000000";
+    return (_jsxs("div", { "data-suda-field-layout": "inline", style: { position: "relative", width: CONTROL_WIDTH }, children: [_jsxs("button", { type: "button", onClick: () => setOpen((s) => !s), style: {
+                    ...controlBase,
+                    width: CONTROL_WIDTH,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    cursor: "pointer",
+                    padding: "0 8px",
+                }, children: [_jsx("span", { style: {
+                            width: 16,
+                            height: 16,
+                            borderRadius: 3,
+                            border: BORDER,
+                            background: current || "#000",
+                            flexShrink: 0,
+                        } }), _jsx("span", { style: {
+                            flex: 1,
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                            fontSize: 12,
+                            fontFamily: "monospace",
+                            textAlign: "left",
+                        }, children: current || "—" })] }), open ? (_jsxs(_Fragment, { children: [_jsx("div", { style: { position: "fixed", inset: 0, zIndex: 9998 }, onClick: () => setOpen(false) }), _jsxs("div", { style: {
+                            position: "absolute",
+                            right: 0,
+                            top: CONTROL_HEIGHT + 4,
+                            zIndex: 9999,
+                            background: "#fff",
+                            border: BORDER,
+                            borderRadius: 8,
+                            padding: 12,
+                            boxShadow: "0 8px 32px rgba(0,0,0,0.14)",
+                            width: 220,
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: 10,
+                        }, children: [_jsx("input", { type: "color", value: swatchValue, style: {
+                                    width: "100%",
+                                    height: 36,
+                                    border: "none",
+                                    padding: 0,
+                                    cursor: "pointer",
+                                    borderRadius: 4,
+                                }, onChange: (e) => onChange(e.target.value) }), _jsx("div", { style: {
+                                    display: "grid",
+                                    gridTemplateColumns: "repeat(6, 1fr)",
+                                    gap: 4,
+                                }, children: PRESET_COLORS.map((c) => (_jsx("button", { type: "button", title: c, onClick: () => {
+                                        onChange(c);
+                                        setOpen(false);
+                                    }, style: {
+                                        width: "100%",
+                                        aspectRatio: "1",
+                                        background: c,
+                                        border: current === c ? "2px solid #1f6feb" : BORDER,
+                                        borderRadius: 3,
+                                        cursor: "pointer",
+                                        padding: 0,
+                                    } }, c))) }), _jsx("input", { type: "text", placeholder: "#000000 or var(--token)", value: current, style: { ...controlBase, width: "100%", fontFamily: "monospace" }, onChange: (e) => onChange(e.target.value) })] })] })) : null] }));
+}
+export function colorField(label) {
+    const field = {
+        type: "custom",
+        render: ({ value, onChange }) => _jsx(ColorFieldRender, { value: value, onChange: onChange }),
+    };
+    if (label !== undefined) {
+        field.label = label;
+    }
+    return field;
+}
+//# sourceMappingURL=color-field.js.map

package/dist/fields/color-field.js.map

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

package/dist/fields/color-scheme-field.d.ts

@@ -0,0 +1,81 @@
+import type { CustomField } from "@puckeditor/core";
+/**
+ * Standard semantic color tokens, modelled after the shadcn/Tailwind palette.
+ * Theme packages map these to whatever local variables they need.
+ */
+export interface SudaThemeColorTokens {
+    background: string;
+    foreground: string;
+    card: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    accent: string;
+    accentForeground: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+    destructive: string;
+}
+/** Token keys, ordered for deterministic CSS output. */
+export declare const SUDA_COLOR_TOKEN_KEYS: readonly (keyof SudaThemeColorTokens)[];
+export interface SudaColorSchemePreset {
+    /** Stable id, e.g. "default" / "sunset". `custom` is reserved. */
+    id: string;
+    label: string;
+    tokens: SudaThemeColorTokens;
+}
+/** Persisted value of `colorSchemeField`. */
+export interface SudaColorSchemeValue {
+    /** Currently active scheme id (preset id or `custom`). */
+    active: string;
+    /** Snapshot of resolved tokens for each known scheme, including `custom`. */
+    schemes: Record<string, SudaThemeColorTokens>;
+}
+export interface CreateThemeCssVariablesOptions {
+    /** Variable name prefix. Defaults to `--suda-color-`. */
+    prefix?: string;
+    /** Output format. `"string"` returns CSS declarations; `"style"` returns a style object. */
+    format?: "string" | "style";
+}
+/**
+ * Convert a token map to CSS variables.
+ *
+ * - `format: "string"` (default) returns a sequence of declarations such as
+ *   `--suda-color-primary: #ff6b2c;\n--suda-color-primary-foreground: #fff;`.
+ * - `format: "style"` returns a `Record<string, string>` suitable for a React
+ *   `style` prop.
+ */
+export declare function createThemeCssVariables(tokens: SudaThemeColorTokens, options?: CreateThemeCssVariablesOptions): string | Record<string, string>;
+export interface ColorSchemeFieldOptions {
+    /**
+     * Built-in presets (color schemes) the theme ships. The first preset is used
+     * as the default `active` scheme when the field has no value.
+     */
+    presets: SudaColorSchemePreset[];
+    /** Initial `custom` tokens. Defaults to a clone of the first preset. */
+    customDefaults?: SudaThemeColorTokens;
+}
+/**
+ * Build the default value for a `colorSchemeField`. Presets are normalised
+ * into `schemes`, plus a `custom` slot seeded from `customDefaults` (or the
+ * first preset).
+ */
+export declare function createColorSchemeDefault(options: ColorSchemeFieldOptions): SudaColorSchemeValue;
+/**
+ * Resolve the active token map from a `colorSchemeField` value. Unknown
+ * `active` ids fall back to the first preset, and missing tokens fall back to
+ * the preset defaults so renders stay stable.
+ */
+export declare function resolveColorSchemeTokens(value: SudaColorSchemeValue | undefined, options: ColorSchemeFieldOptions): SudaThemeColorTokens;
+/**
+ * A Puck custom field for editing a theme color scheme. Stores
+ * `{ active, schemes }`; the value is intended to be passed to
+ * `resolveColorSchemeTokens` and `createThemeCssVariables` from the theme's
+ * root render.
+ */
+export declare function colorSchemeField(label: string | undefined, options: ColorSchemeFieldOptions): CustomField<SudaColorSchemeValue>;
+//# sourceMappingURL=color-scheme-field.d.ts.map

package/dist/fields/color-scheme-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme-field.d.ts","sourceRoot":"","sources":["../../src/fields/color-scheme-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wDAAwD;AACxD,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,MAAM,oBAAoB,CAAC,EAgBxE,CAAC;AAoBF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAED,6CAA6C;AAC7C,MAAM,WAAW,oBAAoB;IACnC,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CAC/C;AAQD,MAAM,WAAW,8BAA8B;IAC7C,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,oBAAoB,EAC5B,OAAO,GAAE,8BAAmC,GAC3C,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAejC;AAED,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,wEAAwE;IACxE,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AA2BD;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,uBAAuB,GAC/B,oBAAoB,CAkBtB;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,oBAAoB,GAAG,SAAS,EACvC,OAAO,EAAE,uBAAuB,GAC/B,oBAAoB,CAYtB;AA4JD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,OAAO,EAAE,uBAAuB,GAC/B,WAAW,CAAC,oBAAoB,CAAC,CAenC"}