@sudajs/theme-engine 0.0.2

package/dist/components/base-blocks.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { resolveAsset } from "./metadata";
+import { alignField } from "./shared-fields";
+/**
+ * The whitelist of base "block" component types that may be inserted into
+ * container slots. Containers reference this list in their slot `allow`.
+ */
+export const BASE_BLOCK_TYPES = [
+    "Text",
+    "Heading",
+    "RichText",
+    "Image",
+    "Button",
+    "Spacer",
+];
+function metadataOf(props) {
+    return props.puck?.metadata;
+}
+const Text = {
+    label: "Text",
+    fields: {
+        text: { type: "textarea", label: "Text" },
+        align: alignField("Align"),
+        size: { type: "text", label: "Font size (e.g. 16px)" },
+        color: { type: "text", label: "Color" },
+    },
+    defaultProps: {
+        text: "Add your text here.",
+        align: "left",
+        size: "16px",
+        color: "inherit",
+    },
+    render: ({ text, align, size, color }) => (_jsx("p", { className: "te-text", style: { textAlign: align, fontSize: size, color, margin: 0 }, children: text })),
+};
+const Heading = {
+    label: "Heading",
+    fields: {
+        text: { type: "text", label: "Heading" },
+        level: {
+            type: "select",
+            label: "Level",
+            options: [
+                { label: "H1", value: "h1" },
+                { label: "H2", value: "h2" },
+                { label: "H3", value: "h3" },
+                { label: "H4", value: "h4" },
+            ],
+        },
+        align: alignField("Align"),
+        color: { type: "text", label: "Color" },
+    },
+    defaultProps: {
+        text: "Heading",
+        level: "h2",
+        align: "left",
+        color: "inherit",
+    },
+    render: ({ text, level, align, color }) => {
+        const Tag = level;
+        return (_jsx(Tag, { className: "te-heading", style: { textAlign: align, color, margin: 0 }, children: text }));
+    },
+};
+const RichText = {
+    label: "Rich text",
+    fields: {
+        html: { type: "textarea", label: "HTML" },
+    },
+    defaultProps: {
+        html: "<p>Rich <strong>text</strong> content.</p>",
+    },
+    // HTML is authored by trusted project editors; rendered as-is by design.
+    render: ({ html }) => (_jsx("div", { className: "te-richtext", dangerouslySetInnerHTML: { __html: html } })),
+};
+const Image = {
+    label: "Image",
+    fields: {
+        image: { type: "image", label: "Image" },
+        alt: { type: "text", label: "Alt text" },
+        rounded: {
+            type: "radio",
+            label: "Rounded",
+            options: [
+                { label: "No", value: false },
+                { label: "Yes", value: true },
+            ],
+        },
+        maxWidth: { type: "text", label: "Max width (e.g. 480px)" },
+    },
+    defaultProps: {
+        image: "",
+        alt: "",
+        rounded: false,
+        maxWidth: "100%",
+    },
+    render: (props) => {
+        const { image, alt, rounded, maxWidth } = props;
+        const url = resolveAsset(metadataOf(props), image);
+        const style = {
+            maxWidth,
+            width: "100%",
+            height: "auto",
+            borderRadius: rounded ? 12 : 0,
+            display: "block",
+        };
+        if (!url) {
+            return (_jsx("div", { className: "te-image te-image--empty", style: { ...style, minHeight: 120, background: "#f0f0f0" } }));
+        }
+        return _jsx("img", { className: "te-image", src: url, alt: alt, style: style });
+    },
+};
+const Button = {
+    label: "Button",
+    fields: {
+        label: { type: "text", label: "Label" },
+        href: { type: "text", label: "Link" },
+        variant: {
+            type: "select",
+            label: "Variant",
+            options: [
+                { label: "Primary", value: "primary" },
+                { label: "Secondary", value: "secondary" },
+                { label: "Ghost", value: "ghost" },
+            ],
+        },
+        align: alignField("Align"),
+    },
+    defaultProps: {
+        label: "Learn more",
+        href: "#",
+        variant: "primary",
+        align: "left",
+    },
+    render: ({ label, href, variant, align }) => (_jsx("div", { style: { textAlign: align }, children: _jsx("a", { className: `te-button te-button--${variant}`, href: href, children: label }) })),
+};
+const Spacer = {
+    label: "Spacer",
+    fields: {
+        height: { type: "text", label: "Height (e.g. 48px)" },
+    },
+    defaultProps: { height: "48px" },
+    render: ({ height }) => (_jsx("div", { className: "te-spacer", style: { height }, "aria-hidden": true })),
+};
+/**
+ * Returns the base block components keyed by type. These are the only
+ * components allowed inside container slots (see {@link BASE_BLOCK_TYPES}).
+ */
+export function createBaseBlocks() {
+    return {
+        Text: Text,
+        Heading: Heading,
+        RichText: RichText,
+        Image: Image,
+        Button: Button,
+        Spacer: Spacer,
+    };
+}
+//# sourceMappingURL=base-blocks.js.map

package/dist/components/base-blocks.js.map

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

package/dist/components/containers.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentConfig } from "@puckeditor/core";
+/**
+ * The container components. Each exposes one or more slots restricted to the
+ * base block whitelist ({@link BASE_BLOCK_TYPES}).
+ */
+export declare function createContainers(): Record<string, ComponentConfig>;
+export declare const CONTAINER_TYPES: readonly ["TwoColumn", "CardGrid", "Accordion", "Tabs", "Carousel"];
+//# sourceMappingURL=containers.d.ts.map

package/dist/components/containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../src/components/containers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,kBAAkB,CAAC;AA4MvE;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAQlE;AAED,eAAO,MAAM,eAAe,qEAAsE,CAAC"}

package/dist/components/containers.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BASE_BLOCK_TYPES } from "./base-blocks";
+import { CarouselView, TabsView } from "./interactive.client";
+const ALLOW = [...BASE_BLOCK_TYPES];
+function slotField(label) {
+    return { type: "slot", label, allow: ALLOW };
+}
+const ratioColumns = {
+    "1-1": "1fr 1fr",
+    "1-2": "1fr 2fr",
+    "2-1": "2fr 1fr",
+};
+const TwoColumn = {
+    label: "Two columns",
+    fields: {
+        left: slotField("Left column"),
+        right: slotField("Right column"),
+        gap: { type: "text", label: "Gap (e.g. 32px)" },
+        ratio: {
+            type: "select",
+            label: "Ratio",
+            options: [
+                { label: "1 : 1", value: "1-1" },
+                { label: "1 : 2", value: "1-2" },
+                { label: "2 : 1", value: "2-1" },
+            ],
+        },
+    },
+    defaultProps: { left: [], right: [], gap: "32px", ratio: "1-1" },
+    render: (props) => {
+        const { left, right, gap, ratio } = props;
+        const Left = left;
+        const Right = right;
+        return (_jsxs("div", { className: "te-two-column", style: {
+                display: "grid",
+                gridTemplateColumns: ratioColumns[ratio],
+                gap,
+            }, children: [_jsx("div", { children: _jsx(Left, {}) }), _jsx("div", { children: _jsx(Right, {}) })] }));
+    },
+};
+const CardGrid = {
+    label: "Card grid",
+    fields: {
+        items: slotField("Cards"),
+        columns: {
+            type: "number",
+            label: "Columns",
+            min: 1,
+            max: 6,
+        },
+        gap: { type: "text", label: "Gap (e.g. 24px)" },
+    },
+    defaultProps: { items: [], columns: 3, gap: "24px" },
+    render: (props) => {
+        const { items, columns, gap } = props;
+        const Items = items;
+        const style = {
+            display: "grid",
+            gridTemplateColumns: `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`,
+            gap,
+        };
+        return (_jsx("div", { className: "te-card-grid", style: style, children: _jsx(Items, {}) }));
+    },
+};
+const Accordion = {
+    label: "Accordion",
+    fields: {
+        items: {
+            type: "array",
+            label: "Items",
+            getItemSummary: (item) => item.title || "Item",
+            arrayFields: {
+                title: { type: "text", label: "Title" },
+                content: slotField("Content"),
+            },
+            defaultItemProps: { title: "Question", content: [] },
+        },
+    },
+    defaultProps: {
+        items: [{ title: "Question", content: [] }],
+    },
+    render: (props) => {
+        const { items } = props;
+        return (_jsx("div", { className: "te-accordion", children: items.map((item, index) => {
+                const Content = item.content;
+                return (_jsxs("details", { className: "te-accordion__item", children: [_jsx("summary", { className: "te-accordion__title", children: item.title }), _jsx("div", { className: "te-accordion__content", children: _jsx(Content, {}) })] }, index));
+            }) }));
+    },
+};
+const Tabs = {
+    label: "Tabs",
+    fields: {
+        items: {
+            type: "array",
+            label: "Tabs",
+            getItemSummary: (item) => item.label || "Tab",
+            arrayFields: {
+                label: { type: "text", label: "Label" },
+                content: slotField("Content"),
+            },
+            defaultItemProps: { label: "Tab", content: [] },
+        },
+    },
+    defaultProps: {
+        items: [{ label: "Tab", content: [] }],
+    },
+    render: (props) => {
+        const { items } = props;
+        return (_jsx(TabsView, { tabs: items.map((item) => {
+                const Content = item.content;
+                return { label: item.label, panel: _jsx(Content, {}) };
+            }) }));
+    },
+};
+const Carousel = {
+    label: "Carousel",
+    fields: {
+        items: slotField("Slides"),
+    },
+    defaultProps: { items: [] },
+    render: (props) => {
+        const { items } = props;
+        const Items = items;
+        // Render the slot once; the client view handles horizontal scroll/snap.
+        return _jsx(CarouselView, { items: [_jsx(Items, {}, "slot")] });
+    },
+};
+/**
+ * The container components. Each exposes one or more slots restricted to the
+ * base block whitelist ({@link BASE_BLOCK_TYPES}).
+ */
+export function createContainers() {
+    return {
+        TwoColumn,
+        CardGrid,
+        Accordion,
+        Tabs,
+        Carousel,
+    };
+}
+export const CONTAINER_TYPES = ["TwoColumn", "CardGrid", "Accordion", "Tabs", "Carousel"];
+//# sourceMappingURL=containers.js.map

package/dist/components/containers.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export { BASE_BLOCK_TYPES, createBaseBlocks, type BaseBlockType } from "./base-blocks";
+export { createContainers, CONTAINER_TYPES } from "./containers";
+export { type ThemeRenderMetadata, resolveAsset } from "./metadata";
+export { alignField, fontWeightField } from "./shared-fields";
+import type { ComponentConfig } from "@puckeditor/core";
+/**
+ * Convenience helper returning all engine-provided components (base blocks +
+ * containers) keyed by type, ready to spread into a theme's `pageConfig.components`.
+ */
+export declare function createEngineComponents(): Record<string, ComponentConfig>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,KAAK,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKxD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAKxE"}

package/dist/components/index.js

@@ -0,0 +1,17 @@
+export { BASE_BLOCK_TYPES, createBaseBlocks } from "./base-blocks";
+export { createContainers, CONTAINER_TYPES } from "./containers";
+export { resolveAsset } from "./metadata";
+export { alignField, fontWeightField } from "./shared-fields";
+import { createBaseBlocks } from "./base-blocks";
+import { createContainers } from "./containers";
+/**
+ * Convenience helper returning all engine-provided components (base blocks +
+ * containers) keyed by type, ready to spread into a theme's `pageConfig.components`.
+ */
+export function createEngineComponents() {
+    return {
+        ...createBaseBlocks(),
+        ...createContainers(),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAsB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAA4B,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAI9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO;QACL,GAAG,gBAAgB,EAAE;QACrB,GAAG,gBAAgB,EAAE;KACtB,CAAC;AACJ,CAAC"}

package/dist/components/interactive.client.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export interface TabItem {
+    label: string;
+    panel: ReactNode;
+}
+export declare function TabsView({ tabs }: {
+    tabs: TabItem[];
+}): React.ReactElement;
+export declare function CarouselView({ items }: {
+    items: ReactNode[];
+}): React.ReactElement;
+//# sourceMappingURL=interactive.client.d.ts.map

package/dist/components/interactive.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.client.d.ts","sourceRoot":"","sources":["../../src/components/interactive.client.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAuBjD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAwB1E;AAgBD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAUlF"}

package/dist/components/interactive.client.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const tabListStyle = {
+    display: "flex",
+    gap: 4,
+    borderBottom: "1px solid #e5e5e5",
+    marginBottom: 16,
+    flexWrap: "wrap",
+};
+function tabButtonStyle(active) {
+    return {
+        appearance: "none",
+        border: "none",
+        background: "none",
+        padding: "8px 14px",
+        cursor: "pointer",
+        fontWeight: active ? 600 : 400,
+        borderBottom: active ? "2px solid currentColor" : "2px solid transparent",
+        color: "inherit",
+    };
+}
+export function TabsView({ tabs }) {
+    const [active, setActive] = useState(0);
+    const current = tabs[active] ?? tabs[0];
+    return (_jsxs("div", { className: "te-tabs", children: [_jsx("div", { role: "tablist", style: tabListStyle, children: tabs.map((tab, index) => (_jsx("button", { type: "button", role: "tab", "aria-selected": index === active, style: tabButtonStyle(index === active), onClick: () => setActive(index), children: tab.label || `Tab ${index + 1}` }, index))) }), _jsx("div", { role: "tabpanel", className: "te-tabs__panel", children: current?.panel })] }));
+}
+const carouselTrackStyle = {
+    display: "flex",
+    gap: 16,
+    overflowX: "auto",
+    scrollSnapType: "x mandatory",
+    paddingBottom: 8,
+};
+const carouselItemStyle = {
+    flex: "0 0 auto",
+    scrollSnapAlign: "start",
+    minWidth: "min(80%, 320px)",
+};
+export function CarouselView({ items }) {
+    return (_jsx("div", { className: "te-carousel", style: carouselTrackStyle, children: items.map((item, index) => (_jsx("div", { className: "te-carousel__item", style: carouselItemStyle, children: item }, index))) }));
+}
+//# sourceMappingURL=interactive.client.js.map

package/dist/components/interactive.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.client.js","sourceRoot":"","sources":["../../src/components/interactive.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,YAAY,GAAwB;IACxC,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,CAAC;IACN,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,SAAS,cAAc,CAAC,MAAe;IACrC,OAAO;QACL,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC9B,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB;QACzE,KAAK,EAAE,SAAS;KACjB,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAuB;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO,CACL,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,YACpC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,KAAK,KAAK,MAAM,EAC/B,KAAK,EAAE,cAAc,CAAC,KAAK,KAAK,MAAM,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAE9B,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,GAAG,CAAC,EAAE,IAP3B,KAAK,CAQH,CACV,CAAC,GACE,EACN,cAAK,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,YAC5C,OAAO,EAAE,KAAK,GACX,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAwB;IAC9C,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,EAAE;IACP,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,iBAAiB,GAAwB;IAC7C,IAAI,EAAE,UAAU;IAChB,eAAe,EAAE,OAAO;IACxB,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAA0B;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,kBAAkB,YACnD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,cAAiB,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,iBAAiB,YACpE,IAAI,IADG,KAAK,CAET,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/metadata.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Metadata passed through Puck (`<Puck metadata>` / `<Render metadata>`) and
+ * read by component `render` functions via `puck.metadata`. Lets render-time
+ * code resolve asset path strings to concrete URLs without bundling host
+ * concerns into the theme.
+ *
+ * `cms` is typed as `unknown` here to avoid a circular import with
+ * `../cms/types`. Components should retrieve the typed CMS context via
+ * `getCmsContext(metadata)` from `@sudajs/theme-engine/runtime`.
+ */
+export interface ThemeRenderMetadata {
+    resolveAssetUrl?: (value: string | undefined) => string | undefined;
+    /** True while rendering inside the editor canvas. */
+    isEditor?: boolean;
+    /** Optional CMS render context. Read via `getCmsContext`. */
+    cms?: unknown;
+    [key: string]: unknown;
+}
+export declare function resolveAsset(metadata: ThemeRenderMetadata | undefined, value: string | undefined): string | undefined;
+//# sourceMappingURL=metadata.d.ts.map

package/dist/components/metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/components/metadata.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IACpE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,mBAAmB,GAAG,SAAS,EACzC,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,MAAM,GAAG,SAAS,CAMpB"}

package/dist/components/metadata.js

@@ -0,0 +1,9 @@
+import { resolveAssetPath } from "../assets";
+export function resolveAsset(metadata, value) {
+    if (!value) {
+        return undefined;
+    }
+    const resolved = metadata?.resolveAssetUrl?.(value);
+    return resolved ?? resolveAssetPath(value);
+}
+//# sourceMappingURL=metadata.js.map

package/dist/components/metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/components/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAqB7C,MAAM,UAAU,YAAY,CAC1B,QAAyC,EACzC,KAAyB;IAEzB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,QAAQ,GAAG,QAAQ,EAAE,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC;IACpD,OAAO,QAAQ,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAC7C,CAAC"}

package/dist/components/shared-fields.d.ts

@@ -0,0 +1,11 @@
+import type { SelectField } from "@puckeditor/core";
+/**
+ * A select field for CSS `text-align`. Shared across base blocks so alignment
+ * controls stay consistent.
+ */
+export declare function alignField(label?: string): SelectField;
+/**
+ * A select field for common CSS font weights.
+ */
+export declare function fontWeightField(label?: string): SelectField;
+//# sourceMappingURL=shared-fields.d.ts.map

package/dist/components/shared-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-fields.d.ts","sourceRoot":"","sources":["../../src/components/shared-fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAatD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAc3D"}

package/dist/components/shared-fields.js

@@ -0,0 +1,37 @@
+/**
+ * A select field for CSS `text-align`. Shared across base blocks so alignment
+ * controls stay consistent.
+ */
+export function alignField(label) {
+    const field = {
+        type: "select",
+        options: [
+            { label: "Left", value: "left" },
+            { label: "Center", value: "center" },
+            { label: "Right", value: "right" },
+        ],
+    };
+    if (label !== undefined) {
+        field.label = label;
+    }
+    return field;
+}
+/**
+ * A select field for common CSS font weights.
+ */
+export function fontWeightField(label) {
+    const field = {
+        type: "select",
+        options: [
+            { label: "Normal", value: "400" },
+            { label: "Medium", value: "500" },
+            { label: "Semibold", value: "600" },
+            { label: "Bold", value: "700" },
+        ],
+    };
+    if (label !== undefined) {
+        field.label = label;
+    }
+    return field;
+}
+//# sourceMappingURL=shared-fields.js.map

package/dist/components/shared-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-fields.js","sourceRoot":"","sources":["../../src/components/shared-fields.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAc;IACvC,MAAM,KAAK,GAAgB;QACzB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC;KACF,CAAC;IACF,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAc;IAC5C,MAAM,KAAK,GAAgB;QACzB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;YACjC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;YACjC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;YACnC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;SAChC;KACF,CAAC;IACF,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/editor/context.d.ts

@@ -0,0 +1,79 @@
+import { type ThemeAssetSummary, type ThemeUnsplashAssetSummary } from "../assets";
+export type { ThemeAssetSummary, ThemeUnsplashAssetSummary } from "../assets";
+export type ThemeMediaListParams = {
+    kind?: "image" | "video" | "file" | "media";
+    search?: string;
+    page?: number;
+    perPage?: number;
+};
+export type ThemeMediaListResult = {
+    items: ThemeAssetSummary[];
+    page: number;
+    perPage: number;
+    total?: number;
+    hasMore: boolean;
+};
+export type ThemeUnsplashListResult = {
+    items: ThemeUnsplashAssetSummary[];
+    page: number;
+    perPage: number;
+    total?: number;
+    hasMore: boolean;
+};
+/**
+ * Localised strings for the media picker UI. Themes / engine code never
+ * hardcode locale strings; the host (workspace) injects the active locale.
+ */
+export interface ThemeMediaPickerMessages {
+    emptySelectImage: string;
+    emptySelectVideo: string;
+    emptySelectMedia: string;
+    browseUnsplash: string;
+    selectedLabel: string;
+    clearSelection: string;
+    dialogTitle: string;
+    tabMyAssets: string;
+    tabStockImages: string;
+    searchPlaceholder: string;
+    uploadButton: string;
+    uploadHint: string;
+    uploadDropzone: string;
+    loading: string;
+    loadingMore: string;
+    loadMore: string;
+    loadError: string;
+    retry: string;
+    emptyAssets: string;
+    emptyUnsplash: string;
+    unsplashFooter: string;
+    popularSearches: string;
+    close: string;
+}
+export interface ThemeEditorContextValue {
+    /** Initial known project media the media field can pick from. */
+    assets: ThemeAssetSummary[];
+    /** Resolves an asset path / URL to a concrete URL for previews. */
+    resolveAssetUrl: (value: string | undefined) => string | undefined;
+    listMedia?: (params: ThemeMediaListParams) => Promise<ThemeMediaListResult>;
+    uploadMedia?: (file: File, params?: {
+        kind?: ThemeMediaListParams["kind"];
+    }) => Promise<ThemeAssetSummary>;
+    listUnsplash?: (params: {
+        query?: string;
+        page?: number;
+        perPage?: number;
+    }) => Promise<ThemeUnsplashListResult>;
+    /**
+     * Opens the host's uploader and resolves with the uploaded asset, or `null`
+     * if the user cancelled. Optional: when absent, the media field only allows
+     * picking existing assets / entering a URL.
+     */
+    requestUpload?: () => Promise<ThemeAssetSummary | null>;
+    /** i18n strings for the media picker UI. Optional fallback to defaults. */
+    messages?: ThemeMediaPickerMessages;
+    /** Whether to automatically switch to the outline tab when a component is selected. */
+    autoSwitchOutline?: boolean;
+}
+export declare const ThemeEditorContext: import("react").Context<ThemeEditorContextValue>;
+export declare function useThemeEditorContext(): ThemeEditorContextValue;
+//# sourceMappingURL=context.d.ts.map

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

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

package/dist/editor/context.js

@@ -0,0 +1,12 @@
+"use client";
+import { createContext, useContext } from "react";
+import { resolveAssetPath, } from "../assets";
+const noopResolve = (value) => resolveAssetPath(value);
+export const ThemeEditorContext = createContext({
+    assets: [],
+    resolveAssetUrl: noopResolve,
+});
+export function useThemeEditorContext() {
+    return useContext(ThemeEditorContext);
+}
+//# sourceMappingURL=context.js.map

package/dist/editor/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/editor/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EACL,gBAAgB,GAGjB,MAAM,WAAW,CAAC;AAoFnB,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAsB,EAAE,CACpE,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B;IACvE,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,WAAW;CAC7B,CAAC,CAAC;AAEH,MAAM,UAAU,qBAAqB;IACnC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC"}

package/dist/editor/index.d.ts

@@ -0,0 +1,5 @@
+export { SUDA_THEME_SETTINGS_ACTION, ThemeEditor, type ThemeEditorProps } from "./theme-editor";
+export { composeUnifiedThemeEditorData, createUnifiedThemeEditorConfig, splitUnifiedThemeEditorData, } from "./unified-editor";
+export { ThemeEditorContext, useThemeEditorContext, type ThemeEditorContextValue, type ThemeMediaListParams, type ThemeMediaListResult, type ThemeMediaPickerMessages, type ThemeUnsplashListResult, } from "./context";
+export { useThemeRuntime, type ThemeRuntimeState } from "./use-theme-runtime";
+//# sourceMappingURL=index.d.ts.map