@risali/react 0.6.2 → 0.8.0

package/README.md

@@ -141,9 +141,9 @@ export function HomePage({ content }: { content: RisaliContent | null }) {
 
 Helpers always validate the block type (a block typed `image` will return `defaultValue` from `getBlockValue`) and `getBlockRichText` always sanitises — including the fallback HTML — so a stored XSS payload can't reach the browser even if the block is missing.
 
-### Builder pages (v0.6.0)
+### Builder pages (v0.7.0)
 
-A page with `render_mode='builder'` in the Risali dashboard is a DB-driven list of sections (hero, text + image, features, gallery, CTA, contact, plain). `<RisaliPage>` renders the whole page server-side; pages still in `code` mode return `notFound`, so a catch-all route coexists with your static routes:
+A page with `render_mode='builder'` in the Risali dashboard is a DB-driven list of sections. Built-in section types: `hero`, `text_image`, `features`, `gallery`, `cta`, `contact`, `plain`, plus (v0.7.0) `testimonials`, `pricing`, `faq`, `stats`, `team` and `logo_cloud`. Every section is styled inline from the brand palette (gradients / shadows / radius derived via `color-mix()` from `--risali-color-*`) and is responsive without media queries, so it looks designed even without the host app's Tailwind theme. `<RisaliPage>` renders the whole page server-side; pages still in `code` mode return `notFound`, so a catch-all route coexists with your static routes:
 
 ```tsx
 // app/[[...rest]]/page.tsx

package/dist/fonts.d.ts

@@ -0,0 +1,13 @@
+export declare const RISALI_FONT_FAMILIES: Record<string, string>;
+/** CSS font stack for a catalog font id, or undefined if not in the catalog. */
+export declare function fontStackForId(id: unknown): string | undefined;
+/**
+ * Self-hosted stylesheet URL for a catalog font id. `base` (derived from a
+ * brand font's css_url so it follows the real dashboard origin) is used when it
+ * looks like a `…/fonts/` URL, else the production default.
+ */
+export declare function fontCssUrlForId(id: string, base?: string): string | undefined;
+/** Derive the `…/fonts/` base from a brand font's css_url (e.g.
+ * "https://app.risali.app/fonts/inter.css" → "https://app.risali.app/fonts/"). */
+export declare function fontBaseFromCssUrl(cssUrl: unknown): string | undefined;
+//# sourceMappingURL=fonts.d.ts.map

package/dist/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiBvD,CAAC;AASF,gFAAgF;AAChF,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAI9D;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI7E;AAED;kFACkF;AAClF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAItE"}

package/dist/fonts.js

@@ -0,0 +1,57 @@
+// Minimal mirror of the server FONT_CATALOG (src/lib/brand/fonts.ts) — catalog
+// id → family — for per-element font overrides (full editor). The full editor
+// stores a font as a catalog id in style_overrides.font_family; here we turn it
+// into a CSS font stack + the self-hosted stylesheet URL on the platform
+// origin. Kept in sync MANUALLY with the server catalog (curated + stable;
+// adding a family = append here too). An unknown id resolves to undefined, so
+// it simply renders nothing (falls through to the design font).
+export const RISALI_FONT_FAMILIES = {
+    inter: "Inter",
+    poppins: "Poppins",
+    montserrat: "Montserrat",
+    "playfair-display": "Playfair Display",
+    lora: "Lora",
+    merriweather: "Merriweather",
+    "dm-sans": "DM Sans",
+    "work-sans": "Work Sans",
+    raleway: "Raleway",
+    nunito: "Nunito",
+    "open-sans": "Open Sans",
+    "source-sans-3": "Source Sans 3",
+    "cormorant-garamond": "Cormorant Garamond",
+    "libre-baskerville": "Libre Baskerville",
+    roboto: "Roboto",
+    karla: "Karla",
+};
+const ID_RE = /^[a-z0-9-]{1,40}$/;
+// Self-hosted brand fonts live centrally on the dashboard origin (PR 40e,
+// served with Access-Control-Allow-Origin:* for cross-origin client sites).
+const DEFAULT_FONT_BASE = "https://app.risali.app/fonts/";
+const SAFE_BASE_RE = /^https:\/\/[^\s"'<>\\]+\/fonts\/$/;
+/** CSS font stack for a catalog font id, or undefined if not in the catalog. */
+export function fontStackForId(id) {
+    if (typeof id !== "string" || !ID_RE.test(id))
+        return undefined;
+    const family = RISALI_FONT_FAMILIES[id];
+    return family ? `"${family}", system-ui, sans-serif` : undefined;
+}
+/**
+ * Self-hosted stylesheet URL for a catalog font id. `base` (derived from a
+ * brand font's css_url so it follows the real dashboard origin) is used when it
+ * looks like a `…/fonts/` URL, else the production default.
+ */
+export function fontCssUrlForId(id, base) {
+    if (!RISALI_FONT_FAMILIES[id])
+        return undefined;
+    const b = typeof base === "string" && SAFE_BASE_RE.test(base) ? base : DEFAULT_FONT_BASE;
+    return `${b}${id}.css`;
+}
+/** Derive the `…/fonts/` base from a brand font's css_url (e.g.
+ * "https://app.risali.app/fonts/inter.css" → "https://app.risali.app/fonts/"). */
+export function fontBaseFromCssUrl(cssUrl) {
+    if (typeof cssUrl !== "string")
+        return undefined;
+    const m = cssUrl.match(/^(https:\/\/[^\s"'<>\\]+\/fonts\/)[a-z0-9-]+\.css$/);
+    return m ? m[1] : undefined;
+}
+//# sourceMappingURL=fonts.js.map

package/dist/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,8EAA8E;AAC9E,gFAAgF;AAChF,yEAAyE;AACzE,2EAA2E;AAC3E,8EAA8E;AAC9E,gEAAgE;AAEhE,MAAM,CAAC,MAAM,oBAAoB,GAA2B;IAC1D,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,YAAY;IACxB,kBAAkB,EAAE,kBAAkB;IACtC,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,eAAe;IAChC,oBAAoB,EAAE,oBAAoB;IAC1C,mBAAmB,EAAE,mBAAmB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,KAAK,GAAG,mBAAmB,CAAC;AAElC,0EAA0E;AAC1E,4EAA4E;AAC5E,MAAM,iBAAiB,GAAG,+BAA+B,CAAC;AAC1D,MAAM,YAAY,GAAG,mCAAmC,CAAC;AAEzD,gFAAgF;AAChF,MAAM,UAAU,cAAc,CAAC,EAAW;IACxC,IAAI,OAAO,EAAE,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QAAE,OAAO,SAAS,CAAC;IAChE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,0BAA0B,CAAC,CAAC,CAAC,SAAS,CAAC;AACnE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAAU,EAAE,IAAa;IACvD,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC;QAAE,OAAO,SAAS,CAAC;IAChD,MAAM,CAAC,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;IACzF,OAAO,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC;AACzB,CAAC;AAED;kFACkF;AAClF,MAAM,UAAU,kBAAkB,CAAC,MAAe;IAChD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACjD,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,oDAAoD,CAAC,CAAC;IAC7E,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC9B,CAAC"}

package/dist/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACxD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAsB,UAAU,CAAC,KAAK,EAAE,eAAe,+PA0CtD"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACxD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAsB,UAAU,CAAC,KAAK,EAAE,eAAe,+PAiEtD"}

package/dist/page.js

@@ -14,6 +14,7 @@ import { createElement, Fragment } from "react";
 import { getRisaliContent } from "./content.js";
 import { RISALI_SECTION_COMPONENTS, sectionWrapperStyle, } from "./sections/index.js";
 import { sortByPosition } from "./sections/blocks.js";
+import { fontCssUrlForId, fontBaseFromCssUrl } from "./fonts.js";
 export async function RisaliPage(props) {
     const { path, siteSlug, content: providedContent, customSections, notFound } = props;
     const content = providedContent !== undefined
@@ -25,7 +26,27 @@ export async function RisaliPage(props) {
         return notFound ?? null;
     }
     const sections = sortByPosition(content.sections ?? []);
-    return createElement(Fragment, null, sections.map((section) => {
+    // Per-element fonts (full editor): collect the catalog ids used by any block
+    // on THIS page (so cross-page font sets never clash) and emit a stylesheet
+    // <link> for each, self-hosted on the platform origin. The base follows the
+    // brand fonts' css_url when present (real dashboard origin), else the prod
+    // default. The block render itself sets font-family from the same catalog.
+    const fonts = content.site?.brand?.fonts;
+    const fontBase = fontBaseFromCssUrl(fonts?.heading?.css_url) ??
+        fontBaseFromCssUrl(fonts?.body?.css_url);
+    const usedFontIds = new Set();
+    for (const b of content.blocks) {
+        const id = b.style_overrides?.font_family;
+        if (typeof id === "string")
+            usedFontIds.add(id);
+    }
+    const fontLinks = [];
+    for (const id of usedFontIds) {
+        const url = fontCssUrlForId(id, fontBase);
+        if (url && !fontLinks.includes(url))
+            fontLinks.push(url);
+    }
+    return createElement(Fragment, null, fontLinks.map((href) => createElement("link", { key: href, rel: "stylesheet", href })), sections.map((section) => {
         const Component = customSections?.[section.type] ?? RISALI_SECTION_COMPONENTS[section.type];
         // Unknown type (e.g. a signature section whose component is missing
         // from this deploy) — skip rather than crash the whole page.

package/dist/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,EAAE;AACF,4CAA4C;AAC5C,EAAE;AACF,qDAAqD;AACrD,wDAAwD;AACxD,+DAA+D;AAC/D,MAAM;AACN,EAAE;AACF,uEAAuE;AACvE,yEAAyE;AACzE,yEAAyE;AAGzE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GAEpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAiBtD,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErF,MAAM,OAAO,GACX,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,2EAA2E;YAC3E,0EAA0E;YAC1E,MAAM,gBAAgB,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;IAEhE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;QACxE,OAAO,QAAQ,IAAI,IAAI,CAAC;IAC1B,CAAC;IAED,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAExD,OAAO,aAAa,CAClB,QAAQ,EACR,IAAI,EACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,MAAM,SAAS,GACb,cAAc,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5E,oEAAoE;QACpE,6DAA6D;QAC7D,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAE5B,MAAM,MAAM,GAAG,cAAc,CAC3B,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CACxD,CAAC;QAEF,OAAO,aAAa,CAClB,SAAS,EACT;YACE,GAAG,EAAE,OAAO,CAAC,GAAG;YAChB,qBAAqB,EAAE,OAAO,CAAC,GAAG;YAClC,0BAA0B,EAAE,OAAO,CAAC,IAAI;YACxC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC;SACpC,EACD,aAAa,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAC9C,CAAC;IACJ,CAAC,CAAC,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}

package/dist/sections/blocks.d.ts

@@ -1,10 +1,21 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 import type { RisaliBlock } from "../types.js";
 export declare function safeButtonHref(href: unknown): string | null;
 /** Sorts builder children by sparse position; blocks without one go last. */
 export declare function sortByPosition<T extends {
     position?: number | null;
 }>(items: readonly T[]): T[];
-export declare function renderBlock(block: RisaliBlock): ReactNode;
+/** A text block rendered as a section heading (an <h2>). */
+export declare function isHeadingBlock(block: RisaliBlock): boolean;
+/** Per-call look tweaks a section can apply to a child it lays out. */
+export type RenderBlockOpts = {
+    /** Merged under HEADING_STYLE for `text`/heading blocks. */
+    headingStyle?: CSSProperties;
+    /** Merged under TEXT_STYLE for plain `text` blocks. */
+    textStyle?: CSSProperties;
+    /** Merged under IMG_STYLE for `image` blocks (e.g. crop-to-fill a tile). */
+    imageStyle?: CSSProperties;
+};
+export declare function renderBlock(block: RisaliBlock, opts?: RenderBlockOpts): ReactNode;
 export declare function renderBlocks(blocks: readonly RisaliBlock[]): ReactNode;
 //# sourceMappingURL=blocks.d.ts.map

package/dist/sections/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/sections/blocks.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,KAAK,EAAE,WAAW,EAAuC,MAAM,aAAa,CAAC;AAUpF,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAK3D;AAED,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACnE,KAAK,EAAE,SAAS,CAAC,EAAE,GAClB,CAAC,EAAE,CAML;AAmDD,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CA6GzD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,SAAS,CAMtE"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/sections/blocks.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,KAAK,EAAE,WAAW,EAAuC,MAAM,aAAa,CAAC;AAWpF,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAK3D;AAED,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACnE,KAAK,EAAE,SAAS,CAAC,EAAE,GAClB,CAAC,EAAE,CAML;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAE1D;AAuDD,uEAAuE;AACvE,MAAM,MAAM,eAAe,GAAG;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uDAAuD;IACvD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAmHjF;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,SAAS,CAMtE"}

package/dist/sections/blocks.js

@@ -1,13 +1,21 @@
-// Child-block renderer shared by every builder section (PR 40b).
+// Child-block renderer shared by every builder section (PR 40b; styling L5).
 //
 // Deliberately SYNC (plain createElement, no async components) so the tree
 // returned by an awaited <RisaliPage> can be rendered with
 // react-dom/server's renderToStaticMarkup in tests. Styles use only inline
 // CSS + the --risali-* CSS variables emitted by <RisaliBrand> — zero
 // dependency on the client site's Tailwind setup.
+//
+// renderBlock takes an optional `opts` so a section can tune the look of a
+// child it owns (a hero headline rendered display-size, a stat number, a
+// gallery image cropped to fill a tile) WITHOUT bypassing the single place
+// where data-risali-key markers, href/src whitelisting and user
+// style_overrides are applied. opts is merged UNDER style_overrides, so a
+// client's per-block color / font-size always wins.
 import { createElement, Fragment } from "react";
 import { sanitiseRichText } from "../sanitize.js";
 import { applyStyleOverrides } from "../style.js";
+import { BORDER } from "./tokens.js";
 const SAFE_SRC_RE = /^(https?:\/\/|\/)/;
 // Mirror of src/lib/editor/href.ts on the dashboard side — buttons accept
 // only https://, mailto:, tel: and root-relative paths (never "//", http:,
@@ -28,33 +36,41 @@ export function sortByPosition(items) {
     return [...items].sort((a, b) => (typeof a.position === "number" ? a.position : Number.MAX_SAFE_INTEGER) -
         (typeof b.position === "number" ? b.position : Number.MAX_SAFE_INTEGER));
 }
+/** A text block rendered as a section heading (an <h2>). */
+export function isHeadingBlock(block) {
+    return block.type === "text" && block.variant === "heading";
+}
 const HEADING_STYLE = {
     fontFamily: "var(--risali-font-heading, inherit)",
-    fontSize: "2em",
+    fontSize: "clamp(1.6rem, 1.1rem + 1.4vw, 2rem)",
     lineHeight: 1.2,
+    letterSpacing: "-0.02em",
+    fontWeight: 700,
     margin: "0 0 0.5em",
 };
 const TEXT_STYLE = {
+    lineHeight: 1.65,
     margin: "0 0 1em",
 };
 const IMG_STYLE = {
     maxWidth: "100%",
     height: "auto",
     display: "block",
-    borderRadius: "8px",
+    borderRadius: "12px",
 };
 const HR_STYLE = {
     border: "none",
-    borderTop: "1px solid var(--risali-color-secondary, #e5e7eb)",
+    borderTop: `1px solid ${BORDER}`,
     margin: "1.5em 0",
 };
 const BUTTON_BASE_STYLE = {
     display: "inline-block",
-    padding: "0.75em 1.5em",
-    borderRadius: "8px",
+    padding: "0.8em 1.6em",
+    borderRadius: "10px",
     textDecoration: "none",
     fontWeight: 600,
     cursor: "pointer",
+    transition: "opacity 200ms",
 };
 function buttonStyle(variant) {
     if (variant === "secondary") {
@@ -68,10 +84,10 @@ function buttonStyle(variant) {
     return {
         ...BUTTON_BASE_STYLE,
         background: "var(--risali-color-primary, #111827)",
-        color: "#ffffff",
+        color: "var(--risali-on-primary, #ffffff)",
     };
 }
-export function renderBlock(block) {
+export function renderBlock(block, opts) {
     const overrides = block.style_overrides;
     switch (block.type) {
         case "text": {
@@ -80,13 +96,13 @@ export function renderBlock(block) {
                 return createElement("h2", {
                     key: block.key,
                     "data-risali-key": block.key,
-                    style: applyStyleOverrides(HEADING_STYLE, overrides),
+                    style: applyStyleOverrides({ ...HEADING_STYLE, ...opts?.headingStyle }, overrides),
                 }, value);
             }
             return createElement("p", {
                 key: block.key,
                 "data-risali-key": block.key,
-                style: applyStyleOverrides(TEXT_STYLE, overrides),
+                style: applyStyleOverrides({ ...TEXT_STYLE, ...opts?.textStyle }, overrides),
             }, value);
         }
         case "rich_text": {
@@ -114,7 +130,7 @@ export function renderBlock(block) {
                 src,
                 alt: typeof value.alt === "string" ? value.alt : "",
                 loading: "lazy",
-                style: IMG_STYLE,
+                style: { ...IMG_STYLE, ...opts?.imageStyle },
             });
         }
         case "button": {

package/dist/sections/blocks.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sections/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,aAAa,CAAC;IACvB,+CAA+C;IAC/C,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;AAoH9E,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAQ5E,CAAC;AAYF,yEAAyE;AACzE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAWzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sections/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AActD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAkC9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,aAAa,CAAC;IACvB,+CAA+C;IAC/C,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;AAmiB9E,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAc5E,CAAC;AAgBF,yEAAyE;AACzE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAqCzE"}

package/dist/sections/index.js

@@ -1,77 +1,358 @@
-// Builder section catalog v1 (PR 40b) — render side of
-// src/lib/sections/catalog.ts in the dashboard repo (gallery/defaults).
-// Keep the `type` keys of the two in sync.
+// Builder section catalog v2 (PR 40b; styling + catalog expansion L5) — the
+// render side of src/lib/sections/catalog.ts in the dashboard repo
+// (gallery/defaults). Keep the `type` keys of the two in sync: a type present
+// in one but not the other renders nothing / has no card.
 //
 // Every component is SYNC and content-driven: it lays out the ordered child
-// blocks it receives, nothing more. Signature sections a client repo ships
-// in code are passed to <RisaliPage customSections={{...}}> and take
-// precedence over this registry on a type-key collision.
+// blocks it receives, nothing more. Signature sections a client repo ships in
+// code are passed to <RisaliPage customSections={{...}}> and take precedence
+// over this registry on a type-key collision.
+//
+// Styling is INLINE (see ./tokens.ts for why) + brand-derived, and responsive
+// without media queries via responsiveGrid(). Decorative icons come from
+// lucide-react (fixed per section type, or cycled by index where a per-item
+// icon would otherwise need a data-model change).
 import { createElement } from "react";
-import { renderBlock, renderBlocks, sortByPosition } from "./blocks.js";
-const CONTAINER_STYLE = {
-    maxWidth: "1100px",
-    margin: "0 auto",
-};
-function gridStyle(columns) {
-    const n = typeof columns === "number" && [2, 3, 4].includes(columns) ? columns : 3;
-    return {
-        display: "grid",
-        gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))`,
-        gap: "24px",
-    };
+import { Gem, Heart, Quote, Rocket, ShieldCheck, Sparkles, Star, TrendingUp, Users, Zap, } from "lucide-react";
+import { safeColorAlpha } from "../style.js";
+import { isHeadingBlock, renderBlock, renderBlocks, sortByPosition, } from "./blocks.js";
+import { BORDER, buttonRowStyle, cardStyle, CONTAINER_STYLE, C_PRIMARY, DISPLAY_HEADING_STYLE, FAQ_QUESTION_STYLE, LEAD_TEXT_STYLE, MUTED_FG, PRIMARY_CHIP_BG, PRIMARY_SOFT, RADIUS, RADIUS_FULL, RADIUS_XL, responsiveGrid, SECTION_TITLE_STYLE, SHADOW_CARD, STAT_LABEL_STYLE, STAT_NUMBER_STYLE, SURFACE_CARD, TEAM_NAME_STYLE, TEAM_ROLE_STYLE, TITLE_WRAP_STYLE, } from "./tokens.js";
+// Fixed cycle for feature cards: distinct, friendly, brand-tintable icons. A
+// per-feature icon would need a block-level data field — out of scope for L5,
+// so we deterministically cycle (looks intentional, no model change).
+const FEATURE_ICONS = [
+    Sparkles,
+    Zap,
+    ShieldCheck,
+    Heart,
+    Rocket,
+    Gem,
+];
+const STAT_ICONS = [
+    TrendingUp,
+    Users,
+    Star,
+    Sparkles,
+    Heart,
+    ShieldCheck,
+];
+function cycle(list, i) {
+    return list[i % list.length] ?? Sparkles;
+}
+/** Brand-tinted rounded chip holding an icon (feature cards). */
+function iconChip(Icon) {
+    return createElement("div", {
+        key: "chip",
+        "aria-hidden": "true",
+        style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "48px",
+            height: "48px",
+            borderRadius: RADIUS,
+            background: PRIMARY_CHIP_BG,
+            color: C_PRIMARY,
+            marginBottom: "16px",
+        },
+    }, createElement(Icon, { size: 24, strokeWidth: 1.75 }));
+}
+/** Centered title block above a grid (only when a leading heading exists). */
+function titleBlock(heading) {
+    if (!heading)
+        return null;
+    return createElement("div", { key: "title", style: TITLE_WRAP_STYLE }, renderBlock(heading, { headingStyle: { ...SECTION_TITLE_STYLE, margin: 0 } }));
+}
+/** Splits children into a leading heading (section title) and the rest. */
+function splitLeadingHeading(blocks) {
+    const sorted = sortByPosition(blocks);
+    const first = sorted[0];
+    if (first && isHeadingBlock(first)) {
+        return { heading: first, rest: sorted.slice(1) };
+    }
+    return { heading: null, rest: sorted };
+}
+/**
+ * Groups flat children into an optional section title + heading-led groups —
+ * the backbone of stats / faq / team, which need (label, value) or
+ * (question, answer) pairs without a nested data model.
+ *
+ * Rule: a LEADING heading is the section title ONLY when it stands alone (the
+ * next block is also a heading, or there is none). Otherwise every heading
+ * opens a group and the following non-heading blocks are its body. This stays
+ * sensible if the client deletes the title — the first value heading is not
+ * mistaken for a title because it is immediately followed by its body.
+ */
+function groupByHeading(blocks) {
+    const sorted = sortByPosition(blocks);
+    let title = null;
+    let start = 0;
+    const first = sorted[0];
+    const second = sorted[1];
+    if (first && isHeadingBlock(first) && (!second || isHeadingBlock(second))) {
+        title = first;
+        start = 1;
+    }
+    const groups = [];
+    let current = null;
+    for (let i = start; i < sorted.length; i++) {
+        const b = sorted[i];
+        if (!b)
+            continue;
+        if (isHeadingBlock(b)) {
+            current = { head: b, body: [] };
+            groups.push(current);
+        }
+        else {
+            if (!current) {
+                current = { head: null, body: [] };
+                groups.push(current);
+            }
+            current.body.push(b);
+        }
+    }
+    return { title, groups };
 }
+// ---------------- sections ----------------
 function HeroSection({ section, blocks }) {
     const centered = section.variant !== "left";
+    const sorted = sortByPosition(blocks);
+    const buttons = sorted.filter((b) => b.type === "button");
+    const rest = sorted.filter((b) => b.type !== "button");
+    let headingDone = false;
+    const restOut = rest.map((b) => {
+        if (!headingDone && isHeadingBlock(b)) {
+            headingDone = true;
+            return renderBlock(b, { headingStyle: DISPLAY_HEADING_STYLE });
+        }
+        if (b.type === "text") {
+            return renderBlock(b, {
+                textStyle: {
+                    ...LEAD_TEXT_STYLE,
+                    ...(centered ? { marginLeft: "auto", marginRight: "auto" } : {}),
+                    maxWidth: "620px",
+                },
+            });
+        }
+        return renderBlock(b);
+    });
     return createElement("div", {
         style: {
             ...CONTAINER_STYLE,
+            maxWidth: "900px",
             textAlign: centered ? "center" : "left",
         },
-    }, renderBlocks(blocks));
+    }, createElement("div", { key: "body" }, restOut), buttons.length
+        ? createElement("div", { key: "btns", style: buttonRowStyle(centered) }, buttons.map((b) => renderBlock(b)))
+        : null);
 }
 function TextImageSection({ section, blocks }) {
+    // Two-column layout: all images go in one column, everything else in the
+    // other — so for a section that mixes images with text, the rendered order
+    // follows the column layout, not strict block position (by design).
     const sorted = sortByPosition(blocks);
     const images = sorted.filter((b) => b.type === "image");
     const rest = sorted.filter((b) => b.type !== "image");
     const imageLeft = section.settings?.image_side === "left";
-    const textCol = createElement("div", { key: "text" }, rest.map((b) => renderBlock(b)));
-    const imageCol = createElement("div", { key: "image" }, images.map((b) => renderBlock(b)));
+    let headingDone = false;
+    const textCol = createElement("div", { key: "text" }, rest.map((b) => {
+        if (!headingDone && isHeadingBlock(b)) {
+            headingDone = true;
+            return renderBlock(b, { headingStyle: SECTION_TITLE_STYLE });
+        }
+        return renderBlock(b);
+    }));
+    const imageCol = createElement("div", {
+        key: "image",
+        style: {
+            borderRadius: RADIUS_XL,
+            overflow: "hidden",
+            boxShadow: SHADOW_CARD,
+        },
+    }, images.map((b) => renderBlock(b, { imageStyle: { width: "100%", borderRadius: 0 } })));
     return createElement("div", {
         style: {
             ...CONTAINER_STYLE,
             display: "grid",
-            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+            gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 320px), 1fr))",
             gap: "48px",
             alignItems: "center",
         },
     }, imageLeft ? [imageCol, textCol] : [textCol, imageCol]);
 }
-// Flow model v1: the first heading spans the full width, every following
-// block is one grid cell. Grouped feature items (icon+title+text as a unit)
-// are a planned follow-up.
 function FeaturesSection({ section, blocks }) {
-    const sorted = sortByPosition(blocks);
-    const [first, ...rest] = sorted;
-    const headingFirst = first && first.type === "text" && first.variant === "heading";
-    const headOut = headingFirst ? renderBlock(first) : null;
-    const cells = (headingFirst ? rest : sorted).map((b) => createElement("div", { key: b.key }, renderBlock(b)));
-    return createElement("div", { style: CONTAINER_STYLE }, headOut, createElement("div", { style: gridStyle(section.settings?.columns) }, cells));
+    const { heading, rest } = splitLeadingHeading(blocks);
+    const cells = rest.map((b, i) => createElement("div", { key: b.key, style: cardStyle() }, iconChip(cycle(FEATURE_ICONS, i)), renderBlock(b)));
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(heading), createElement("div", { style: responsiveGrid(section.settings?.columns) }, cells));
 }
 function GallerySection({ section, blocks }) {
-    const sorted = sortByPosition(blocks);
-    const images = sorted.filter((b) => b.type === "image");
-    const rest = sorted.filter((b) => b.type !== "image");
-    return createElement("div", { style: CONTAINER_STYLE }, rest.map((b) => renderBlock(b)), createElement("div", { style: gridStyle(section.settings?.columns) }, images.map((b) => createElement("div", { key: b.key }, renderBlock(b)))));
+    // Non-image children render above the image grid (markers preserved); the
+    // grid then collects the images. Mixed-type order follows this layout, not
+    // strict block position (by design).
+    const { heading, rest } = splitLeadingHeading(blocks);
+    const images = rest.filter((b) => b.type === "image");
+    const other = rest.filter((b) => b.type !== "image");
+    const tiles = images.map((b) => createElement("div", {
+        key: b.key,
+        style: {
+            aspectRatio: "4 / 3",
+            overflow: "hidden",
+            borderRadius: RADIUS,
+            boxShadow: SHADOW_CARD,
+        },
+    }, renderBlock(b, {
+        imageStyle: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
+            borderRadius: 0,
+        },
+    })));
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(heading), other.map((b) => renderBlock(b)), createElement("div", { style: responsiveGrid(section.settings?.columns, "16px") }, tiles));
 }
 function CtaSection({ blocks }) {
-    return createElement("div", { style: { ...CONTAINER_STYLE, textAlign: "center" } }, renderBlocks(blocks));
+    const sorted = sortByPosition(blocks);
+    const buttons = sorted.filter((b) => b.type === "button");
+    const rest = sorted.filter((b) => b.type !== "button");
+    let headingDone = false;
+    const restOut = rest.map((b) => {
+        if (!headingDone && isHeadingBlock(b)) {
+            headingDone = true;
+            return renderBlock(b, {
+                headingStyle: { ...SECTION_TITLE_STYLE, margin: "0 0 0.3em" },
+            });
+        }
+        return renderBlock(b);
+    });
+    return createElement("div", { style: CONTAINER_STYLE }, createElement("div", {
+        style: {
+            background: PRIMARY_SOFT,
+            border: `1px solid ${BORDER}`,
+            borderRadius: RADIUS_XL,
+            padding: "56px 32px",
+            textAlign: "center",
+        },
+    }, createElement("div", { key: "body" }, restOut), buttons.length
+        ? createElement("div", { key: "btns", style: buttonRowStyle(true) }, buttons.map((b) => renderBlock(b)))
+        : null));
 }
 function ContactSection({ blocks }) {
-    return createElement("div", { style: { ...CONTAINER_STYLE, maxWidth: "720px" } }, renderBlocks(blocks));
+    return createElement("div", { style: { ...CONTAINER_STYLE, maxWidth: "720px" } }, createElement("div", { style: cardStyle({ padding: "36px" }) }, renderBlocks(blocks)));
 }
 function PlainSection({ blocks }) {
     return createElement("div", { style: CONTAINER_STYLE }, renderBlocks(blocks));
 }
+function TestimonialsSection({ section, blocks }) {
+    const { heading, rest } = splitLeadingHeading(blocks);
+    const cells = rest.map((b) => createElement("div", {
+        key: b.key,
+        style: cardStyle({ display: "flex", flexDirection: "column", gap: "12px" }),
+    }, createElement("div", { key: "q", "aria-hidden": "true", style: { color: C_PRIMARY, opacity: 0.85 } }, createElement(Quote, { size: 30, strokeWidth: 1.5 })), renderBlock(b)));
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(heading), createElement("div", { style: responsiveGrid(section.settings?.columns) }, cells));
+}
+function PricingSection({ section, blocks }) {
+    const { heading, rest } = splitLeadingHeading(blocks);
+    // Highlight the middle plan when there are 3+ (the common "recommended" tier).
+    const featuredIdx = rest.length >= 3 ? Math.floor(rest.length / 2) : -1;
+    const cells = rest.map((b, i) => createElement("div", {
+        key: b.key,
+        style: cardStyle(i === featuredIdx
+            ? { border: `2px solid ${C_PRIMARY}`, boxShadow: SHADOW_CARD }
+            : {}),
+    }, renderBlock(b)));
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(heading), createElement("div", { style: responsiveGrid(section.settings?.columns) }, cells));
+}
+function FaqSection({ blocks }) {
+    const { title, groups } = groupByHeading(blocks);
+    const items = groups.map((g, i) => createElement("div", {
+        key: g.head?.key ?? `faq-${i}`,
+        style: {
+            background: SURFACE_CARD,
+            border: `1px solid ${BORDER}`,
+            borderRadius: RADIUS,
+            padding: "20px 24px",
+        },
+    }, g.head ? renderBlock(g.head, { headingStyle: FAQ_QUESTION_STYLE }) : null, ...g.body.map((b) => renderBlock(b))));
+    return createElement("div", { style: { ...CONTAINER_STYLE, maxWidth: "760px" } }, titleBlock(title), createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px" } }, items));
+}
+function StatsSection({ section, blocks }) {
+    const { title, groups } = groupByHeading(blocks);
+    const cells = groups.map((g, i) => createElement("div", { key: g.head?.key ?? `stat-${i}`, style: { textAlign: "center" } }, createElement("div", {
+        key: "icon",
+        "aria-hidden": "true",
+        style: { color: C_PRIMARY, marginBottom: "8px" },
+    }, createElement(cycle(STAT_ICONS, i), { size: 22, strokeWidth: 1.75 })), g.head ? renderBlock(g.head, { headingStyle: STAT_NUMBER_STYLE }) : null, ...g.body.map((b) => renderBlock(b, { textStyle: STAT_LABEL_STYLE }))));
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(title), createElement("div", { style: responsiveGrid(section.settings?.columns, "32px") }, cells));
+}
+function TeamSection({ section, blocks }) {
+    const { title, groups } = groupByHeading(blocks);
+    const cells = groups.map((g, i) => {
+        const images = g.body.filter((b) => b.type === "image");
+        const texts = g.body.filter((b) => b.type !== "image");
+        return createElement("div", {
+            key: g.head?.key ?? `team-${i}`,
+            style: cardStyle({ textAlign: "center", padding: "24px" }),
+        }, images.map((b) => createElement("div", {
+            key: b.key,
+            style: {
+                width: "96px",
+                height: "96px",
+                borderRadius: RADIUS_FULL,
+                overflow: "hidden",
+                margin: "0 auto 16px",
+                border: `1px solid ${BORDER}`,
+            },
+        }, renderBlock(b, {
+            imageStyle: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover",
+                borderRadius: 0,
+            },
+        }))), g.head ? renderBlock(g.head, { headingStyle: TEAM_NAME_STYLE }) : null, ...texts.map((b) => renderBlock(b, { textStyle: TEAM_ROLE_STYLE })));
+    });
+    return createElement("div", { style: CONTAINER_STYLE }, titleBlock(title), createElement("div", { style: responsiveGrid(section.settings?.columns) }, cells));
+}
+function LogoCloudSection({ blocks }) {
+    const { heading, rest } = splitLeadingHeading(blocks);
+    const images = rest.filter((b) => b.type === "image");
+    // Any non-image child (a caption, divider, …) still renders below the heading
+    // so its data-risali-key marker is never lost — every section preserves all
+    // children; the logos row only collects the images.
+    const other = rest.filter((b) => b.type !== "image");
+    const logos = images.map((b) => createElement("div", { key: b.key, style: { display: "flex", alignItems: "center" } }, renderBlock(b, {
+        imageStyle: {
+            maxHeight: "44px",
+            width: "auto",
+            objectFit: "contain",
+            borderRadius: 0,
+            filter: "grayscale(1)",
+            opacity: 0.7,
+        },
+    })));
+    return createElement("div", { style: CONTAINER_STYLE }, heading
+        ? createElement("div", { key: "title", style: { textAlign: "center", marginBottom: "28px" } }, renderBlock(heading, {
+            headingStyle: {
+                fontSize: "0.8rem",
+                fontWeight: 600,
+                textTransform: "uppercase",
+                letterSpacing: "0.12em",
+                color: MUTED_FG,
+                margin: 0,
+            },
+        }))
+        : null, other.length
+        ? createElement("div", { key: "other", style: { textAlign: "center", marginBottom: "20px" } }, other.map((b) => renderBlock(b)))
+        : null, createElement("div", {
+        style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "40px",
+        },
+    }, logos));
+}
 export const RISALI_SECTION_COMPONENTS = {
     hero: HeroSection,
     text_image: TextImageSection,
@@ -80,10 +361,20 @@ export const RISALI_SECTION_COMPONENTS = {
     cta: CtaSection,
     contact: ContactSection,
     plain: PlainSection,
+    testimonials: TestimonialsSection,
+    pricing: PricingSection,
+    faq: FaqSection,
+    stats: StatsSection,
+    team: TeamSection,
+    logo_cloud: LogoCloudSection,
 };
 // Palette KEY shape — mirrors the content API + dashboard catalog guard.
 // Anything else would be a CSS-variable injection through settings.
 const PALETTE_KEY_RE = /^[a-z][a-z0-9_]{0,40}$/;
+// Defense-in-depth mirror of the dashboard sanitizeImageSrc — https:// or
+// root-relative only, no quotes/spaces/control chars that could break out of
+// the inline url().
+const SAFE_SRC_RE = /^(https:\/\/|\/)[^\s"'<>\\)]+$/;
 const SPACING_PADDING = {
     compact: "24px 16px",
     normal: "48px 16px",
@@ -91,13 +382,37 @@ const SPACING_PADDING = {
 };
 /** Wrapper style for the <section> element from whitelisted settings. */
 export function sectionWrapperStyle(section) {
+    const settings = section.settings ?? {};
     const style = {
-        padding: SPACING_PADDING[section.settings?.spacing ?? ""] ?? SPACING_PADDING.normal,
+        padding: SPACING_PADDING[settings.spacing ?? ""] ?? SPACING_PADDING.normal,
         fontFamily: "var(--risali-font-body, inherit)",
     };
-    const bg = section.settings?.background;
-    if (typeof bg === "string" && PALETTE_KEY_RE.test(bg)) {
-        style.backgroundColor = `var(--risali-color-${bg})`;
+    // Background colour: a custom value (full editor) takes precedence over the
+    // palette key; otherwise fall back to the palette CSS var.
+    const customBg = safeColorAlpha(settings.background_color);
+    const bgKey = settings.background;
+    if (customBg) {
+        style.backgroundColor = customBg;
+    }
+    else if (typeof bgKey === "string" && PALETTE_KEY_RE.test(bgKey)) {
+        style.backgroundColor = `var(--risali-color-${bgKey})`;
+    }
+    // Background image + optional dark overlay (full editor). The overlay is a
+    // gradient layered above the image so foreground text stays legible.
+    const img = settings.background_image;
+    if (typeof img === "string" && img.length <= 1000 && SAFE_SRC_RE.test(img)) {
+        const overlay = typeof settings.overlay === "number" && Number.isFinite(settings.overlay)
+            ? Math.min(1, Math.max(0, settings.overlay))
+            : 0;
+        const layers = [];
+        if (overlay > 0) {
+            const a = overlay.toFixed(2);
+            layers.push(`linear-gradient(rgba(0,0,0,${a}),rgba(0,0,0,${a}))`);
+        }
+        layers.push(`url("${img}")`);
+        style.backgroundImage = layers.join(",");
+        style.backgroundSize = "cover";
+        style.backgroundPosition = "center";
     }
     return style;
 }

package/dist/sections/index.js.map

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

package/dist/sections/tokens.d.ts

@@ -0,0 +1,55 @@
+import type { CSSProperties } from "react";
+export declare const C_PRIMARY = "var(--risali-color-primary, #0f172a)";
+export declare const C_BG = "var(--risali-color-background, #ffffff)";
+export declare const C_FG = "var(--risali-color-text, #0f172a)";
+export declare const C_ACCENT = "var(--risali-color-accent, var(--risali-color-primary, #0f172a))";
+export declare const C_ON_PRIMARY = "var(--risali-on-primary, #ffffff)";
+export declare const SURFACE_CARD = "var(--risali-color-background, #ffffff)";
+export declare const SURFACE_MUTED: string;
+export declare const SURFACE_SECONDARY: string;
+export declare const BORDER: string;
+export declare const MUTED_FG: string;
+export declare const PRIMARY_GLOW: string;
+export declare const PRIMARY_SOFT: string;
+export declare const PRIMARY_CHIP_BG: string;
+export declare const GRADIENT_PRIMARY: string;
+export declare const GRADIENT_HERO: string;
+export declare const SHADOW_SOFT: string;
+export declare const SHADOW_CARD: string;
+export declare const SHADOW_GLOW: string;
+export declare const RADIUS = "0.75rem";
+export declare const RADIUS_LG = "1rem";
+export declare const RADIUS_XL = "1.25rem";
+export declare const RADIUS_FULL = "9999px";
+export declare const CONTAINER_STYLE: CSSProperties;
+/**
+ * Intrinsically-responsive grid. `columns` (2|3|4 from section settings) sets
+ * the DESIRED density via a per-item min width; auto-fit then fits as many
+ * tracks as the viewport allows and wraps to fewer (down to 1) on narrow
+ * screens — no media query needed. `min(100%, …)` stops a single wide card
+ * from overflowing a phone.
+ */
+export declare function responsiveGrid(columns: unknown, gap?: string): CSSProperties;
+/** Surface card — quiet brand-tinted background, hairline border, soft shadow. */
+export declare function cardStyle(extra?: CSSProperties): CSSProperties;
+/** Flex row for a group of buttons (hero/cta). */
+export declare function buttonRowStyle(centered: boolean): CSSProperties;
+/** Large hero headline. */
+export declare const DISPLAY_HEADING_STYLE: CSSProperties;
+/** Section title (features/testimonials/… headings). */
+export declare const SECTION_TITLE_STYLE: CSSProperties;
+/** Lead paragraph under a hero headline. */
+export declare const LEAD_TEXT_STYLE: CSSProperties;
+/** Big number in a stats cell. */
+export declare const STAT_NUMBER_STYLE: CSSProperties;
+/** Label under a stat number. */
+export declare const STAT_LABEL_STYLE: CSSProperties;
+/** FAQ question. */
+export declare const FAQ_QUESTION_STYLE: CSSProperties;
+/** Team member name. */
+export declare const TEAM_NAME_STYLE: CSSProperties;
+/** Team member role. */
+export declare const TEAM_ROLE_STYLE: CSSProperties;
+/** Centered title block above a grid. */
+export declare const TITLE_WRAP_STYLE: CSSProperties;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/sections/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/sections/tokens.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,eAAO,MAAM,SAAS,yCAAyC,CAAC;AAChE,eAAO,MAAM,IAAI,4CAA4C,CAAC;AAC9D,eAAO,MAAM,IAAI,sCAAsC,CAAC;AACxD,eAAO,MAAM,QAAQ,qEAC+C,CAAC;AACrE,eAAO,MAAM,YAAY,sCAAsC,CAAC;AAQhE,eAAO,MAAM,YAAY,4CAAO,CAAC;AACjC,eAAO,MAAM,aAAa,QAAqB,CAAC;AAChD,eAAO,MAAM,iBAAiB,QAAqB,CAAC;AACpD,eAAO,MAAM,MAAM,QAAsB,CAAC;AAC1C,eAAO,MAAM,QAAQ,QAAsB,CAAC;AAG5C,eAAO,MAAM,YAAY,QAA8B,CAAC;AACxD,eAAO,MAAM,YAAY,QAA2B,CAAC;AACrD,eAAO,MAAM,eAAe,QAA2B,CAAC;AAGxD,eAAO,MAAM,gBAAgB,QAAmE,CAAC;AACjG,eAAO,MAAM,aAAa,QAA0E,CAAC;AAGrG,eAAO,MAAM,WAAW,QAA+F,CAAC;AACxH,eAAO,MAAM,WAAW,QAAsD,CAAC;AAC/E,eAAO,MAAM,WAAW,QAAwD,CAAC;AAGjF,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,SAAS,YAAY,CAAC;AACnC,eAAO,MAAM,WAAW,WAAW,CAAC;AAIpC,eAAO,MAAM,eAAe,EAAE,aAG7B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,GAAG,aAAa,CAS5E;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,aAAa,CAS9D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAQ/D;AAID,2BAA2B;AAC3B,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,mBAAmB,EAAE,aAMjC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,aAK7B,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,iBAAiB,EAAE,aAO/B,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,EAAE,aAI9B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,kBAAkB,EAAE,aAKhC,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,eAAe,EAAE,aAI7B,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,eAAe,EAAE,aAI7B,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,EAAE,aAI9B,CAAC"}

package/dist/sections/tokens.js

@@ -0,0 +1,159 @@
+// Inline design tokens for builder sections (L5).
+//
+// These mirror the L1 design system (templates/.../globals.css) but are emitted
+// as INLINE CSS strings derived straight from the --risali-color-* variables
+// <RisaliBrand> sets — so a builder section looks branded and "designed" even
+// where the client app's Tailwind / globals.css is not in scope (unit tests
+// with renderToStaticMarkup, or a minimal host).
+//
+// WHY NOT L1 utility classes (bg-primary, shadow-elevated, …)? Tailwind v4 only
+// generates the classes it finds while scanning the APP's source — never ones
+// buried in node_modules/@risali/react — so those utilities would be purged on
+// most client builds. Inline styles always apply, and color-mix() over the same
+// brand vars reproduces the exact L1 look. Tests stay green because color-mix
+// strings are inert text under renderToStaticMarkup.
+//
+// Responsiveness is achieved WITHOUT media queries (impossible inline): grids
+// use `repeat(auto-fit, minmax(min(100%, …), 1fr))`, which collapses to fewer
+// columns as the viewport narrows and never overflows on a phone.
+// Brand color refs with the SAME light-theme fallbacks as globals.css :root,
+// so an un-branded scaffold (or a payload before <RisaliBrand> resolves) still
+// renders something clean instead of `unset`.
+export const C_PRIMARY = "var(--risali-color-primary, #0f172a)";
+export const C_BG = "var(--risali-color-background, #ffffff)";
+export const C_FG = "var(--risali-color-text, #0f172a)";
+export const C_ACCENT = "var(--risali-color-accent, var(--risali-color-primary, #0f172a))";
+export const C_ON_PRIMARY = "var(--risali-on-primary, #ffffff)";
+/** color-mix in oklab — same color space as globals.css. */
+function mix(a, pct, b) {
+    return `color-mix(in oklab, ${a} ${pct}%, ${b})`;
+}
+// Derived surfaces (mirror globals.css --card / --secondary / --muted / --border).
+export const SURFACE_CARD = C_BG;
+export const SURFACE_MUTED = mix(C_FG, 4, C_BG);
+export const SURFACE_SECONDARY = mix(C_FG, 6, C_BG);
+export const BORDER = mix(C_FG, 12, C_BG);
+export const MUTED_FG = mix(C_FG, 55, C_BG);
+// Brand tints used for soft panels and icon chips.
+export const PRIMARY_GLOW = mix(C_PRIMARY, 68, "white");
+export const PRIMARY_SOFT = mix(C_PRIMARY, 10, C_BG); // faint brand wash (panels)
+export const PRIMARY_CHIP_BG = mix(C_PRIMARY, 12, C_BG); // icon-chip background
+// Gradients (mirror globals.css --gradient-primary / --gradient-hero).
+export const GRADIENT_PRIMARY = `linear-gradient(135deg, ${C_PRIMARY} 0%, ${PRIMARY_GLOW} 100%)`;
+export const GRADIENT_HERO = `linear-gradient(135deg, ${C_BG} 0%, ${mix(C_PRIMARY, 10, C_BG)} 100%)`;
+// Shadows (mirror globals.css — soft + foreground/brand tinted, never harsh black).
+export const SHADOW_SOFT = `0 1px 2px ${mix(C_FG, 6, "transparent")}, 0 8px 24px -12px ${mix(C_FG, 12, "transparent")}`;
+export const SHADOW_CARD = `0 10px 40px -15px ${mix(C_FG, 16, "transparent")}`;
+export const SHADOW_GLOW = `0 0 60px -10px ${mix(C_PRIMARY, 40, "transparent")}`;
+// Radius scale (globals.css --radius = 0.75rem; here as static rems).
+export const RADIUS = "0.75rem";
+export const RADIUS_LG = "1rem";
+export const RADIUS_XL = "1.25rem";
+export const RADIUS_FULL = "9999px";
+// ---------------- shared layout helpers ----------------
+export const CONTAINER_STYLE = {
+    maxWidth: "1100px",
+    margin: "0 auto",
+};
+/**
+ * Intrinsically-responsive grid. `columns` (2|3|4 from section settings) sets
+ * the DESIRED density via a per-item min width; auto-fit then fits as many
+ * tracks as the viewport allows and wraps to fewer (down to 1) on narrow
+ * screens — no media query needed. `min(100%, …)` stops a single wide card
+ * from overflowing a phone.
+ */
+export function responsiveGrid(columns, gap = "24px") {
+    const n = typeof columns === "number" && [2, 3, 4].includes(columns) ? columns : 3;
+    const min = n === 2 ? "320px" : n === 3 ? "240px" : "190px";
+    return {
+        display: "grid",
+        gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${min}), 1fr))`,
+        gap,
+    };
+}
+/** Surface card — quiet brand-tinted background, hairline border, soft shadow. */
+export function cardStyle(extra) {
+    return {
+        background: SURFACE_CARD,
+        border: `1px solid ${BORDER}`,
+        borderRadius: RADIUS_LG,
+        padding: "28px",
+        boxShadow: SHADOW_SOFT,
+        ...extra,
+    };
+}
+/** Flex row for a group of buttons (hero/cta). */
+export function buttonRowStyle(centered) {
+    return {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "12px",
+        justifyContent: centered ? "center" : "flex-start",
+        marginTop: "8px",
+    };
+}
+// ---------------- typography overrides (passed to renderBlock opts) ----------------
+/** Large hero headline. */
+export const DISPLAY_HEADING_STYLE = {
+    fontSize: "clamp(2.5rem, 1.5rem + 4vw, 4rem)",
+    lineHeight: 1.05,
+    letterSpacing: "-0.03em",
+    fontWeight: 800,
+    margin: "0 0 0.4em",
+};
+/** Section title (features/testimonials/… headings). */
+export const SECTION_TITLE_STYLE = {
+    fontSize: "clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem)",
+    lineHeight: 1.15,
+    letterSpacing: "-0.02em",
+    fontWeight: 700,
+    margin: "0 0 0.3em",
+};
+/** Lead paragraph under a hero headline. */
+export const LEAD_TEXT_STYLE = {
+    fontSize: "1.2rem",
+    lineHeight: 1.6,
+    color: MUTED_FG,
+    margin: "0 0 1.5em",
+};
+/** Big number in a stats cell. */
+export const STAT_NUMBER_STYLE = {
+    fontSize: "clamp(2.5rem, 1.5rem + 3vw, 3.5rem)",
+    lineHeight: 1,
+    letterSpacing: "-0.03em",
+    fontWeight: 800,
+    color: C_PRIMARY,
+    margin: "0 0 0.15em",
+};
+/** Label under a stat number. */
+export const STAT_LABEL_STYLE = {
+    fontSize: "0.95rem",
+    color: MUTED_FG,
+    margin: 0,
+};
+/** FAQ question. */
+export const FAQ_QUESTION_STYLE = {
+    fontSize: "1.1rem",
+    fontWeight: 600,
+    letterSpacing: "-0.01em",
+    margin: "0 0 8px",
+};
+/** Team member name. */
+export const TEAM_NAME_STYLE = {
+    fontSize: "1.15rem",
+    fontWeight: 600,
+    margin: "0 0 2px",
+};
+/** Team member role. */
+export const TEAM_ROLE_STYLE = {
+    fontSize: "0.9rem",
+    color: MUTED_FG,
+    margin: 0,
+};
+/** Centered title block above a grid. */
+export const TITLE_WRAP_STYLE = {
+    textAlign: "center",
+    maxWidth: "640px",
+    margin: "0 auto 40px",
+};
+//# sourceMappingURL=tokens.js.map

package/dist/sections/tokens.js.map

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

package/dist/style.d.ts

@@ -1,6 +1,13 @@
 import type { CSSProperties } from "react";
 import type { RisaliStyleOverrides } from "./types.js";
 export declare function safeColor(value: unknown): string | undefined;
+/**
+ * Like safeColor but also accepts an 8-digit hex (alpha) and the "transparent"
+ * keyword — the canonical output of the editor's normalizeColorAlpha (full
+ * editor custom colours). Defense-in-depth: the value was already validated
+ * server-side, but we never trust the API payload verbatim.
+ */
+export declare function safeColorAlpha(value: unknown): string | undefined;
 /**
  * Picks a readable foreground (near-black or white) for a brand color using
  * WCAG relative luminance — so brand-tinted surfaces (a primary button, an

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIvD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAG5D;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,OAAO,EACd,IAAI,SAAY,EAChB,KAAK,SAAY,GAChB,MAAM,GAAG,SAAS,CAYpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAKzE;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,aAAa,GAAG,SAAS,EAC/B,SAAS,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GACjD,aAAa,GAAG,SAAS,CAS3B"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAG5D;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAKjE;AAYD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,OAAO,EACd,IAAI,SAAY,EAChB,KAAK,SAAY,GAChB,MAAM,GAAG,SAAS,CAYpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAKzE;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,aAAa,GAAG,SAAS,EAC/B,SAAS,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GACjD,aAAa,GAAG,SAAS,CA0B3B"}

package/dist/style.js

@@ -1,9 +1,33 @@
+import { fontStackForId } from "./fonts.js";
 const HEX_RE = /^#[0-9a-fA-F]{6}$/;
+const HEX_ALPHA_RE = /^#[0-9a-fA-F]{6}(?:[0-9a-fA-F]{2})?$/;
 export function safeColor(value) {
     if (typeof value !== "string")
         return undefined;
     return HEX_RE.test(value) ? value : undefined;
 }
+/**
+ * Like safeColor but also accepts an 8-digit hex (alpha) and the "transparent"
+ * keyword — the canonical output of the editor's normalizeColorAlpha (full
+ * editor custom colours). Defense-in-depth: the value was already validated
+ * server-side, but we never trust the API payload verbatim.
+ */
+export function safeColorAlpha(value) {
+    if (typeof value !== "string")
+        return undefined;
+    const v = value.trim().toLowerCase();
+    if (v === "transparent")
+        return "transparent";
+    return HEX_ALPHA_RE.test(v) ? v : undefined;
+}
+// Block padding presets (full editor) → fixed px. Enum, never raw px.
+const BLOCK_PADDING_PX = {
+    none: "0",
+    compact: "12px",
+    normal: "24px",
+    spacious: "48px",
+};
+const TEXT_ALIGNS = new Set(["left", "center", "right"]);
 /**
  * Picks a readable foreground (near-black or white) for a brand color using
  * WCAG relative luminance — so brand-tinted surfaces (a primary button, an
@@ -35,15 +59,32 @@ export function safeFontSizeMultiplier(value) {
 export function applyStyleOverrides(base, overrides) {
     if (!overrides)
         return base;
-    const color = safeColor(overrides.color);
+    const color = safeColorAlpha(overrides.color);
+    const bg = safeColorAlpha(overrides.background_color);
     const mult = safeFontSizeMultiplier(overrides.font_size_multiplier);
-    if (!color && !mult)
+    const fontStack = fontStackForId(overrides.font_family);
+    const align = typeof overrides.text_align === "string" && TEXT_ALIGNS.has(overrides.text_align)
+        ? overrides.text_align
+        : undefined;
+    const padding = typeof overrides.padding === "string"
+        ? BLOCK_PADDING_PX[overrides.padding]
+        : undefined;
+    if (!color && !bg && !mult && !fontStack && !align && padding === undefined) {
         return base;
+    }
     const next = { ...(base || {}) };
     if (color)
         next.color = color;
+    if (bg)
+        next.backgroundColor = bg;
     if (mult)
         next.fontSize = `${mult}em`;
+    if (fontStack)
+        next.fontFamily = fontStack;
+    if (align)
+        next.textAlign = align;
+    if (padding !== undefined)
+        next.padding = padding;
     return next;
 }
 //# sourceMappingURL=style.js.map

package/dist/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,GAAG,mBAAmB,CAAC;AAEnC,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAChD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAc,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,SAAS;IAEjB,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG;QAAE,OAAO,SAAS,CAAC;IAC3B,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE;QAC5B,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;QAClD,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;IACvE,CAAC,CAAC;IACF,MAAM,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,oEAAoE;IACpE,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,OAAO,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAc;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAC3E,4EAA4E;IAC5E,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC;IAC/C,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,IAA+B,EAC/B,SAAkD;IAElD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,sBAAsB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpE,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,MAAM,IAAI,GAAkB,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;IAChD,IAAI,KAAK;QAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC9B,IAAI,IAAI;QAAE,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,IAAI,CAAC;IACtC,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -1,7 +1,13 @@
 export type RisaliBlockType = "text" | "image" | "rich_text" | "html" | "button" | "divider";
 export type RisaliStyleOverrides = {
     color?: string;
+    /** Block background colour — custom hex/rgba incl. alpha, or "transparent". */
+    background_color?: string;
+    /** Per-element font — a font catalog id (e.g. "poppins"). */
+    font_family?: string;
     font_size_multiplier?: number;
+    text_align?: "left" | "center" | "right" | string;
+    padding?: "none" | "compact" | "normal" | "spacious" | string;
 };
 export type RisaliBlock = {
     key: string;
@@ -18,6 +24,9 @@ export type RisaliBlock = {
 };
 export type RisaliSectionSettings = {
     background?: string;
+    background_color?: string;
+    background_image?: string;
+    overlay?: number;
     spacing?: "compact" | "normal" | "spacious" | string;
     columns?: number;
     image_side?: "left" | "right" | string;

package/dist/types.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@risali/react",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "description": "React server components for Risali.app — SSR-fetch editable text/image/rich-text blocks from a client's Risali site.",
   "license": "UNLICENSED",
   "private": false,
@@ -23,6 +23,9 @@
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run clean && npm run build"
   },
+  "dependencies": {
+    "lucide-react": "^1.16.0"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"