pagiera 0.2.0-alpha.34 → 0.2.0-alpha.38

package/README.md

@@ -26,6 +26,7 @@ Design in the editor and render the same document on the server. Published pages
 - Draft preview and published page rendering
 - PostgreSQL persistence and optimistic revisions
 - Redis-backed publishing cache and AI rate limiting
+- GitHub-backed template catalog with browser caching and offline fallbacks
 - Semantic output including `main`, `section`, `nav`, `header`, `footer`, headings, links, paragraphs, and buttons
 
 ## Requirements
@@ -56,9 +57,11 @@ PAGIERA_POSTGRES_URL=postgresql://postgres:postgres@localhost:5432/pagiera
 PAGIERA_REDIS_URL=redis://localhost:6379
 OPENROUTER_API_KEY=sk-or-v1-your-key
 OPENROUTER_MODEL=anthropic/claude-sonnet-4.5
+# Optional upstream override; the editor-facing endpoint is created by Pagiera
+PAGIERA_TEMPLATE_REGISTRY_URL=https://raw.githubusercontent.com/voilabs/pagiera/main/templates/registry.json
 ```
 
-Pagiera creates its required PostgreSQL tables when the server initializes. Redis is used for published-page caching and AI rate limiting.
+Pagiera creates its required PostgreSQL tables when the server initializes. Redis is used for published-page caching, template bundle caching, and AI rate limiting. Template installation sends only the selected template ID to your backend; the backend downloads and validates the configured registry bundle before replacing the project atomically.
 
 ## Next.js setup
 
@@ -72,6 +75,8 @@ Pagiera creates its required PostgreSQL tables when the server initializes. Redi
 
 `full.css` contains the complete studio UI. Use `pagiera/styles.css` only with the smaller `PagieraEditor` API.
 
+Pagiera uses `@fontsource-variable/figtree` for its editor chrome, including Latin and Latin Extended glyphs. The host application does not need to configure an editor font.
+
 ### 2. Add the font provider
 
 The provider makes `next/font` fonts available in **Typography → Site font**. A selection applies to the canvas, preview, and published site.
@@ -162,7 +167,7 @@ The initial document is server-rendered. A client wrapper handles editing and in
 // src/app/editor/pagiera-editor.tsx
 "use client";
 
-import { createPagieraClient } from "pagiera";
+import { createPagieraClient, editorPanel, editorPath } from "pagiera";
 import PagieraStudio from "pagiera/full";
 import type { PagieraStudioProps } from "pagiera/full";
 import { useRouter } from "next/navigation";
@@ -174,23 +179,30 @@ type Bootstrap = {
   library: PagieraStudioProps["library"];
 };
 
-export function PagieraEditorClient({ initial }: { initial: Bootstrap }) {
+export function PagieraEditorClient({ initial, initialPanel }: {
+  initial: Bootstrap;
+  initialPanel: string;
+}) {
   const router = useRouter();
   const client = useMemo(() => createPagieraClient(), []);
   const [bootstrap, setBootstrap] = useState(initial);
+  const editorHref = (pageId: string, panel?: string) =>
+    editorPath(pageId, editorPanel(panel) ?? "layers");
 
   return (
     <PagieraStudio
       page={bootstrap.page}
       pages={bootstrap.pages}
       library={bootstrap.library}
+      initialPanel={initialPanel}
       adapters={{
         ...client.adapters,
+        editorHref,
         navigate: async (pageId, options) => {
-          if (pageId === bootstrap.page.id) return;
           const next = await client.bootstrap(pageId) as Bootstrap;
           setBootstrap(next);
-          const href = `/editor/${encodeURIComponent(pageId)}`;
+          const panel = window.location.pathname.split("/").filter(Boolean).at(-1);
+          const href = editorHref(pageId, panel);
           options?.replace ? router.replace(href) : router.push(href);
         },
         refresh: () => {
@@ -209,33 +221,43 @@ export function PagieraEditorClient({ initial }: { initial: Bootstrap }) {
 ```tsx
 // src/app/editor/page.tsx
 import { editorBootstrap } from "@/lib/editor-bootstrap";
-import { PagieraEditorClient } from "./pagiera-editor";
+import { editorPath } from "pagiera";
+import { redirect } from "next/navigation";
 
 export const dynamic = "force-dynamic";
 
 export default async function EditorPage() {
-  return <PagieraEditorClient initial={await editorBootstrap()} />;
+  const initial = await editorBootstrap();
+  redirect(editorPath(initial.page.id));
 }
 ```
 
 ```tsx
-// src/app/editor/[pageId]/page.tsx
+// src/app/editor/[pageId]/[panel]/page.tsx
 import { editorBootstrap } from "@/lib/editor-bootstrap";
-import { PagieraEditorClient } from "../pagiera-editor";
+import { editorPanel, editorPath } from "pagiera";
+import { redirect } from "next/navigation";
+import { PagieraEditorClient } from "../../pagiera-editor";
 
 export const dynamic = "force-dynamic";
 
 export default async function EditorDocumentPage({ params }: {
-  params: Promise<{ pageId: string }>;
+  params: Promise<{ pageId: string; panel: string }>;
 }) {
+  const { pageId, panel: rawPanel } = await params;
+  const panel = editorPanel(rawPanel);
+  if (!panel) redirect(editorPath(pageId));
   return (
     <PagieraEditorClient
-      initial={await editorBootstrap((await params).pageId)}
+      initial={await editorBootstrap(pageId)}
+      initialPanel={panel}
     />
   );
 }
 ```
 
+Place this server page at `src/app/editor/[pageId]/[panel]/page.tsx`. Passing `initialPanel` makes the selected surface part of the server render, so direct links do not flash Layers before opening their requested panel. Pagiera then keeps editor surfaces in shareable paths such as `/editor/{pageId}/layers`, `/editor/{pageId}/pages`, and `/editor/{pageId}/templates`; the old `?tab=` form is migrated automatically.
+
 ## Publishing pages
 
 Load published documents on the server. Request blocks then finish before HTML is returned, making API-backed content available to search engines.
@@ -314,6 +336,27 @@ export default async function PublishedPage({ params, searchParams }: {
 }
 ```
 
+## Template registry
+
+The existing Pagiera catch-all handler automatically exposes the editor catalog at:
+
+```text
+/api/pagiera/templates/registry.json
+```
+
+No second API route, copied JSON, or filesystem setup is required. The package endpoint fetches the public GitHub Raw/CDN registry, caches it through Redis and HTTP caching, serves package-generated thumbnails, and falls back to bundled templates when the upstream catalog is unavailable.
+
+You may still point the studio at a custom browser-facing catalog:
+
+```tsx
+<PagieraStudio
+  {...props}
+  templateRegistryUrl="https://example.com/pagiera/registry.json"
+/>
+```
+
+New templates live under the repository's `templates/` directory. They can be released independently from npm package versions. See [`templates/README.md`](https://github.com/voilabs/pagiera/blob/main/templates/README.md) for the registry schema and contribution workflow.
+
 ## Dynamic routes and request data
 
 Page slugs may contain named parameters:
@@ -405,6 +448,7 @@ type PagieraServerConfig = {
   openRouterModel: string;
   basePath?: string;
   aiRateLimitPerMinute?: number;
+  templateRegistryUrl?: string;
 };
 ```
 

package/dist/client.d.ts

@@ -12,7 +12,9 @@ export declare function createPagieraClient(options?: PagieraClientOptions): {
         renamePage: (id: string, name: string, slug: string) => Promise<any>;
         duplicatePage: (id: string, name: string, slug: string) => Promise<any>;
         deletePage: (id: string) => Promise<any>;
-        installTemplate: (id: string) => Promise<any>;
+        installTemplate: (templateId: string, fontFamily?: string) => Promise<any>;
+        setSiteFont: (fontFamily: string, customFonts?: unknown[]) => Promise<any>;
+        setSiteTransition: (pageTransition: string, pageTransitionDuration: number) => Promise<any>;
         publishPage: (id: string) => Promise<any>;
         unpublishPage: (id: string) => Promise<any>;
         previewSource: (source: unknown, sampleQuery: string) => Promise<any>;

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;CACnC,CAAC;AAYF,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB;yBAOzC,MAAM;uBACR,MAAM;;uBAEN,MAAM,YAAY,OAAO,mBAAmB,MAAM;2BAC9C,MAAM,QAAQ,MAAM;yBACtB,MAAM,QAAQ,MAAM,QAAQ,MAAM;4BAC/B,MAAM,QAAQ,MAAM,QAAQ,MAAM;yBACrC,MAAM;8BACD,MAAM;0BACV,MAAM;4BACJ,MAAM;gCACF,OAAO,eAAe,MAAM;4BAChC,OAAO;;EAGtC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;CACnC,CAAC;AAYF,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB;yBAOzC,MAAM;uBACR,MAAM;;uBAEN,MAAM,YAAY,OAAO,mBAAmB,MAAM;2BAC9C,MAAM,QAAQ,MAAM;yBACtB,MAAM,QAAQ,MAAM,QAAQ,MAAM;4BAC/B,MAAM,QAAQ,MAAM,QAAQ,MAAM;yBACrC,MAAM;sCACO,MAAM,eAAe,MAAM;kCAC/B,MAAM,gBAAgB,OAAO,EAAE;4CACrB,MAAM,0BAA0B,MAAM;0BACxD,MAAM;4BACJ,MAAM;gCACF,OAAO,eAAe,MAAM;4BAChC,OAAO;;EAGtC"}

package/dist/client.js

@@ -22,7 +22,9 @@ export function createPagieraClient(options = {}) {
             renamePage: (id, name, slug) => call(`/pages/${id}`, "PATCH", { name, slug }),
             duplicatePage: (id, name, slug) => call(`/pages/${id}/duplicate`, "POST", { name, slug }),
             deletePage: (id) => call(`/pages/${id}`, "DELETE"),
-            installTemplate: (id) => call(`/templates/${id}`, "POST"),
+            installTemplate: (templateId, fontFamily) => call("/templates/install", "POST", { templateId, fontFamily }),
+            setSiteFont: (fontFamily, customFonts) => call("/settings/font", "POST", { fontFamily, customFonts }),
+            setSiteTransition: (pageTransition, pageTransitionDuration) => call("/settings/transition", "POST", { pageTransition, pageTransitionDuration }),
             publishPage: (id) => call(`/pages/${id}/publish`, "POST"),
             unpublishPage: (id) => call(`/pages/${id}/unpublish`, "POST"),
             previewSource: (source, sampleQuery) => call("/data/preview", "POST", { source, sampleQuery }),

package/dist/client.js.map

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

package/dist/data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/internal/lib/editor/types.ts", "../src/internal/lib/data/source.ts", "../src/internal/lib/render/load-data.ts"],
-  "sourcesContent": ["export const ELEMENT_TYPES = [\n    \"Frame\",\n    \"Stack\",\n    \"Section\",\n    \"Container\",\n    \"Grid\",\n    \"Heading\",\n    \"Text\",\n    \"Image\",\n    \"Button\",\n    \"Video\",\n    \"Icon\",\n    \"Request\",\n    \"Repeat\",\n] as const;\n\nexport type ElementType = (typeof ELEMENT_TYPES)[number];\n\n/** One key/value pair on a request; values may carry `{{\u2026}}` tokens. */\nexport type RequestPair = { key: string; value: string };\n\nexport const HTTP_METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\nexport type HttpMethod = (typeof HTTP_METHODS)[number];\n\nexport const DATA_SOURCE_NOT_FOUND_BEHAVIORS = [\"empty\", \"page-404\"] as const;\nexport type DataSourceNotFoundBehavior = (typeof DATA_SOURCE_NOT_FOUND_BEHAVIORS)[number];\n\n/** Methods that carry a request body. */\nexport function sendsBody(method: HttpMethod) {\n    return method === \"POST\" || method === \"PUT\" || method === \"PATCH\";\n}\n\n/**\n * A JSON endpoint the page pulls content from. Sources live on the page so a\n * Repeat block can name one without carrying the URL on every element.\n */\nexport type DataSource = {\n    id: string;\n    name: string;\n    url: string;\n    /** Dotted path to the array inside the payload; \"\" when it is the root. */\n    path: string;\n    method?: HttpMethod;\n    /** JSON body for POST/PUT/PATCH; tokens are resolved before sending. */\n    body?: string;\n    /** Appended to the URL as a query string. */\n    params?: RequestPair[];\n    /** Sent as request headers \u2014 for API keys and the like. */\n    headers?: RequestPair[];\n    /** Controls whether an upstream 404 empties this source or rejects the whole page. */\n    onNotFound?: DataSourceNotFoundBehavior;\n};\n\n/**\n * Values a request token can read. Everything else resolves to an empty\n * string, so a typo cannot leak an unrelated value into the URL.\n */\nexport type RequestContext = {\n    /** The visitor's query string, e.g. `{{query.id}}` on /post?id=5. */\n    query: Record<string, string>;\n    /** Values captured by a dynamic page path, e.g. `{{params.slug}}`. */\n    params: Record<string, string>;\n    /** The page being rendered, e.g. `{{page.slug}}`. */\n    page: { slug: string };\n};\n\nexport type ResizeHandle = \"nw\" | \"ne\" | \"sw\" | \"se\" | \"n\" | \"s\" | \"w\" | \"e\";\n\n/* ------------------------------------------------------------- breakpoints */\n\nexport const BREAKPOINTS = [\"desktop\", \"tablet\", \"mobile\"] as const;\nexport type Breakpoint = string;\n\nexport type BreakpointDefinition = {\n    id: string;\n    name: string;\n    width: number;\n};\n\nexport const DEFAULT_BREAKPOINTS: BreakpointDefinition[] = [\n    { id: \"desktop\", name: \"Desktop\", width: 1280 },\n    { id: \"tablet\", name: \"Tablet\", width: 768 },\n    { id: \"mobile\", name: \"Mobile\", width: 375 },\n];\n\nexport const BREAKPOINT_WIDTHS: Record<string, number> = {\n    desktop: 1280,\n    tablet: 768,\n    mobile: 375,\n};\n\n/**\n * Styles cascade from the widest breakpoint down, so a value set on desktop\n * holds everywhere until a narrower breakpoint overrides it.\n */\nexport const BREAKPOINT_CHAIN: Record<string, Breakpoint[]> = {\n    desktop: [\"desktop\"],\n    tablet: [\"desktop\", \"tablet\"],\n    mobile: [\"desktop\", \"tablet\", \"mobile\"],\n};\n\n/* ------------------------------------------------------------------ styles */\n\n/** `fill` stretches to the parent, `auto` shrinks to the content. */\nexport type SizeMode = \"fixed\" | \"fill\" | \"auto\";\nexport type Constraint = \"start\" | \"center\" | \"end\" | \"stretch\";\n/** `absolute` positions children by x/y; `stack` lays them out with flexbox. */\nexport type LayoutMode = \"absolute\" | \"stack\";\nexport type Direction = \"row\" | \"column\";\nexport type Justify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type Align = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type TextAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TextTransform = \"none\" | \"uppercase\" | \"lowercase\" | \"capitalize\";\nexport type ObjectFit = \"cover\" | \"contain\" | \"fill\" | \"none\";\nexport type Overflow = \"visible\" | \"hidden\" | \"auto\" | \"scroll\";\nexport type Entrance = \"none\" | \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"zoom\";\nexport type MotionCurve = \"ease\" | \"spring\";\nexport type CursorStyle = \"auto\" | \"default\" | \"pointer\" | \"text\" | \"grab\" | \"zoom-in\" | \"none\";\nexport type PositionMode = \"static\" | \"sticky\";\nexport type BgSize = \"cover\" | \"contain\" | \"auto\";\nexport type BlendMode =\n    | \"normal\"\n    | \"multiply\"\n    | \"screen\"\n    | \"overlay\"\n    | \"darken\"\n    | \"lighten\"\n    | \"difference\"\n    | \"luminosity\";\nexport type BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\nexport type ElementStyle = {\n    // Box \u2014 x/y only apply inside an `absolute` parent.\n    x: number;\n    y: number;\n    constraintX: Constraint;\n    constraintY: Constraint;\n    w: number;\n    h: number;\n    widthMode: SizeMode;\n    heightMode: SizeMode;\n\n    // How this element arranges its own children.\n    layout: LayoutMode;\n    direction: Direction;\n    gap: number;\n    padT: number;\n    padR: number;\n    padB: number;\n    padL: number;\n    justify: Justify;\n    align: Align;\n    wrap: boolean;\n    /** Grid columns; only read when `layout` is `stack` on a Grid element. */\n    columns: number;\n\n    // Appearance\n    bg: string;\n    /** A full CSS gradient value, or \"\" for none. Painted over `bg`. */\n    gradient: string;\n    color: string;\n    radius: number;\n    opacity: number;\n    borderW: number;\n    borderC: string;\n    borderStyle: BorderStyle;\n    /** A full CSS box-shadow value, or \"\" for none. */\n    shadow: string;\n    rotate: number;\n\n    // Typography\n    fontFamily: string;\n    fontSize: number;\n    fontWeight: string;\n    lineHeight: number;\n    letterSpacing: number;\n    textAlign: TextAlign;\n    textTransform: TextTransform;\n\n    // Composition \u2014 the pieces that make a layout feel designed rather than\n    // stacked: clipping, sticky rails, imagery, glass and blend effects.\n    overflow: Overflow;\n    position: PositionMode;\n    /** Distance from the top edge while stuck; only read when position is sticky. */\n    stickyOffset: number;\n    /** Background image URL, or \"\" for none. Painted over `gradient`. */\n    bgImage: string;\n    bgSize: BgSize;\n    bgPosition: string;\n    /** Blurs the element's own content, in px. */\n    blur: number;\n    /** Blurs whatever sits behind the element, in px \u2014 the glass effect. */\n    backdropBlur: number;\n    blendMode: BlendMode;\n    /** Percent; 100 leaves the element alone. */\n    scale: number;\n    /** A CSS ratio such as \"16/9\", or \"\" to leave height to the layout. */\n    aspectRatio: string;\n\n    /** Entrance effect, played once when the element scrolls into view. */\n    entrance: Entrance;\n    /** Milliseconds. */\n    entranceDuration: number;\n    entranceDelay: number;\n    entranceCurve: MotionCurve;\n    entranceBezier: string;\n    springStiffness: number;\n    springDamping: number;\n    cursor: CursorStyle;\n\n    /** Hidden at this breakpoint. */\n    hidden: boolean;\n};\n\nexport const STYLE_KEYS = [\n    \"x\",\n    \"y\",\n    \"constraintX\",\n    \"constraintY\",\n    \"w\",\n    \"h\",\n    \"widthMode\",\n    \"heightMode\",\n    \"layout\",\n    \"direction\",\n    \"gap\",\n    \"padT\",\n    \"padR\",\n    \"padB\",\n    \"padL\",\n    \"justify\",\n    \"align\",\n    \"wrap\",\n    \"columns\",\n    \"bg\",\n    \"gradient\",\n    \"color\",\n    \"radius\",\n    \"opacity\",\n    \"borderW\",\n    \"borderC\",\n    \"borderStyle\",\n    \"shadow\",\n    \"rotate\",\n    \"fontFamily\",\n    \"fontSize\",\n    \"fontWeight\",\n    \"lineHeight\",\n    \"letterSpacing\",\n    \"textAlign\",\n    \"textTransform\",\n    \"overflow\",\n    \"position\",\n    \"stickyOffset\",\n    \"bgImage\",\n    \"bgSize\",\n    \"bgPosition\",\n    \"blur\",\n    \"backdropBlur\",\n    \"blendMode\",\n    \"scale\",\n    \"aspectRatio\",\n    \"entrance\",\n    \"entranceDuration\",\n    \"entranceDelay\",\n    \"entranceCurve\",\n    \"entranceBezier\",\n    \"springStiffness\",\n    \"springDamping\",\n    \"cursor\",\n    \"hidden\",\n] as const satisfies ReadonlyArray<keyof ElementStyle>;\n\nexport type StyleKey = (typeof STYLE_KEYS)[number];\n\nexport type CanvasElement = {\n    id: string;\n    type: ElementType;\n    name?: string;\n    parentId?: string;\n    z: number;\n    locked?: boolean;\n    /** Page-local reusable component metadata. */\n    componentRole?: \"master\" | \"instance\";\n    componentId?: string;\n    componentSourceId?: string;\n    variant?: string;\n    styleBindings?: Partial<Record<StyleKey, string>>;\n\n    // Content is shared across breakpoints.\n    content?: string;\n    /** Sandboxed HTML/CSS used by code components. */\n    code?: string;\n    src?: string;\n    alt?: string;\n    objectFit?: ObjectFit;\n    iconName?: \"star\" | \"heart\" | \"arrow-right\" | \"check\" | \"menu\" | \"search\";\n    href?: string;\n    target?: \"_self\" | \"_blank\";\n    interaction?: {\n        trigger: \"click\";\n        action: \"navigate\" | \"scroll-to\" | \"toggle-layer\" | \"show-layer\" | \"hide-layer\";\n        value: string;\n        target?: \"_self\" | \"_blank\";\n    };\n\n    /** Data source read by a Request/Repeat block or a directly-bound element. */\n    sourceId?: string;\n    /**\n     * Inside Request/Repeat, pulls this field off the current object instead\n     * of using the element's content. Dotted paths work: \"author.name\".\n     */\n    binding?: string;\n\n    /** Desktop values; every breakpoint falls back to these. */\n    base: ElementStyle;\n    /** Narrower-breakpoint deltas, applied over `base` in cascade order. */\n    overrides?: Record<string, Partial<ElementStyle>>;\n    /** Applied on pointer hover, on top of the resolved breakpoint style. */\n    hover?: Partial<ElementStyle>;\n    /** Applied while the pointer is pressed. */\n    press?: Partial<ElementStyle>;\n    loop?: { type: \"pulse\" | \"float\" | \"spin\"; duration: number };\n    draggable?: boolean;\n};\n\n/* ---------------------------------------------------------------- defaults */\n\nexport const BASE_STYLE: ElementStyle = {\n    x: 0,\n    y: 0,\n    constraintX: \"start\",\n    constraintY: \"start\",\n    w: 200,\n    h: 100,\n    widthMode: \"fixed\",\n    heightMode: \"fixed\",\n\n    layout: \"absolute\",\n    direction: \"column\",\n    gap: 0,\n    padT: 0,\n    padR: 0,\n    padB: 0,\n    padL: 0,\n    justify: \"start\",\n    align: \"start\",\n    wrap: false,\n    columns: 3,\n\n    bg: \"transparent\",\n    gradient: \"\",\n    color: \"#27272a\",\n    radius: 0,\n    opacity: 100,\n    borderW: 0,\n    borderC: \"transparent\",\n    borderStyle: \"solid\",\n    shadow: \"\",\n    rotate: 0,\n\n    fontFamily: \"inherit\",\n    fontSize: 16,\n    fontWeight: \"normal\",\n    lineHeight: 1.5,\n    letterSpacing: 0,\n    textAlign: \"left\",\n    textTransform: \"none\",\n\n    overflow: \"visible\",\n    position: \"static\",\n    stickyOffset: 0,\n    bgImage: \"\",\n    bgSize: \"cover\",\n    bgPosition: \"center\",\n    blur: 0,\n    backdropBlur: 0,\n    blendMode: \"normal\",\n    scale: 100,\n    aspectRatio: \"\",\n\n    entrance: \"none\",\n    entranceDuration: 600,\n    entranceDelay: 0,\n    entranceCurve: \"ease\",\n    entranceBezier: \"0.44, 0, 0.56, 1\",\n    springStiffness: 300,\n    springDamping: 30,\n    cursor: \"auto\",\n\n    hidden: false,\n};\n\nexport function makeStyle(overrides: Partial<ElementStyle>): ElementStyle {\n    return { ...BASE_STYLE, ...overrides };\n}\n\n/** Every field a freshly dropped element starts with. */\nexport const ELEMENT_DEFAULTS: Record<\n    ElementType,\n    { style: Partial<ElementStyle>; props?: Partial<CanvasElement> }\n> = {\n    Frame: {\n        style: {\n            w: 640,\n            h: 420,\n            widthMode: \"fixed\",\n            heightMode: \"fixed\",\n            layout: \"absolute\",\n            direction: \"column\",\n            overflow: \"hidden\",\n            bg: \"#ffffff\",\n            borderW: 1,\n            borderC: \"#e4e4e7\",\n            radius: 12,\n        },\n    },\n    Stack: {\n        style: {\n            w: 600,\n            h: 160,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            padT: 0,\n            padR: 0,\n            padB: 0,\n            padL: 0,\n            justify: \"start\",\n            align: \"stretch\",\n            bg: \"transparent\",\n        },\n    },\n    Section: {\n        style: {\n            w: 1280,\n            h: 480,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 24,\n            padT: 64,\n            padR: 48,\n            padB: 64,\n            padL: 48,\n            justify: \"start\",\n            align: \"stretch\",\n            bg: \"#ffffff\",\n        },\n    },\n    Container: {\n        style: {\n            w: 600,\n            h: 240,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            padT: 24,\n            padR: 24,\n            padB: 24,\n            padL: 24,\n            align: \"stretch\",\n            bg: \"transparent\",\n            borderW: 1,\n            borderC: \"#e4e4e7\",\n            radius: 12,\n        },\n    },\n    Grid: {\n        style: {\n            w: 900,\n            h: 300,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            columns: 3,\n            gap: 24,\n            align: \"stretch\",\n        },\n    },\n    Heading: {\n        style: {\n            w: 480,\n            h: 48,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            fontSize: 40,\n            fontWeight: \"bold\",\n            lineHeight: 1.2,\n            letterSpacing: -0.5,\n            color: \"#18181b\",\n        },\n        props: { content: \"Heading\" },\n    },\n    Text: {\n        style: {\n            w: 480,\n            h: 24,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            fontSize: 16,\n            lineHeight: 1.6,\n            color: \"#52525b\",\n        },\n        props: { content: \"Text block content\" },\n    },\n    Image: {\n        style: { w: 400, h: 260, widthMode: \"fill\", bg: \"#e4e4e7\", radius: 12 },\n        props: { src: \"\", alt: \"\", objectFit: \"cover\" },\n    },\n    Button: {\n        style: {\n            w: 140,\n            h: 44,\n            widthMode: \"auto\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            justify: \"center\",\n            align: \"center\",\n            padT: 12,\n            padR: 22,\n            padB: 12,\n            padL: 22,\n            bg: \"#2563eb\",\n            color: \"#ffffff\",\n            radius: 8,\n            fontSize: 15,\n            fontWeight: \"500\",\n            textAlign: \"center\",\n        },\n        props: { content: \"Button\", href: \"\", target: \"_self\" },\n    },\n    Video: {\n        style: { w: 640, h: 360, widthMode: \"fill\", bg: \"#18181b\", radius: 12 },\n        props: { src: \"\" },\n    },\n    Icon: {\n        style: { w: 24, h: 24, widthMode: \"fixed\", heightMode: \"fixed\", color: \"#5402E6\" },\n        props: { iconName: \"star\" },\n    },\n    Request: {\n        style: {\n            w: 900,\n            h: 200,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            align: \"stretch\",\n        },\n        props: { sourceId: \"\" },\n    },\n    Repeat: {\n        style: {\n            w: 900,\n            h: 200,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            gap: 24,\n            align: \"stretch\",\n            wrap: true,\n        },\n        props: { sourceId: \"\" },\n    },\n};\n\n/* ----------------------------------------------------------------- helpers */\n\nconst CONTAINER_TYPES: ReadonlySet<ElementType> = new Set([\n    \"Frame\",\n    \"Stack\",\n    \"Section\",\n    \"Container\",\n    \"Grid\",\n    \"Button\",\n    \"Request\",\n    \"Repeat\",\n]);\n\n/** Whether an element can hold children. */\nexport function isContainer(type: ElementType) {\n    return CONTAINER_TYPES.has(type);\n}\n\nconst TEXTUAL_TYPES: ReadonlySet<ElementType> = new Set([\n    \"Heading\",\n    \"Text\",\n    \"Button\",\n]);\n\n/** Whether an element renders editable text. */\nexport function isTextual(type: ElementType) {\n    return TEXTUAL_TYPES.has(type);\n}\n\n/** Page-level settings; the canvas behaves as the root container. */\nexport type RootStyle = {\n    documentMode: \"page\" | \"component\";\n    /** Content is centred inside this width unless `fullWidth` is set. */\n    maxWidth: number;\n    /** Editable design-surface height; the public page can still grow with content. */\n    canvasHeight: number;\n    /** Let content run edge to edge instead of being capped at `maxWidth`. */\n    fullWidth: boolean;\n    bg: string;\n    layout: LayoutMode;\n    direction: Direction;\n    gap: number;\n    padT: number;\n    padR: number;\n    padB: number;\n    padL: number;\n    align: Align;\n    fontFamily: string;\n    /** User-defined viewport previews, ordered from widest to narrowest. */\n    breakpoints?: BreakpointDefinition[];\n    /** The breakpoint whose values live in every element's `base` style. */\n    baseBreakpointId?: string;\n    variables?: DesignVariable[];\n    customFonts?: CustomFont[];\n};\n\nexport type CustomFont = { id: string; name: string; url: string; weight: number; style: \"normal\" | \"italic\" };\n\nexport type DesignVariable = {\n    id: string;\n    name: string;\n    type: \"color\" | \"number\";\n    value: string | number;\n};\n\nexport const DEFAULT_ROOT_STYLE: RootStyle = {\n    documentMode: \"page\",\n    maxWidth: 1280,\n    canvasHeight: 800,\n    fullWidth: false,\n    bg: \"#ffffff\",\n    layout: \"stack\",\n    direction: \"column\",\n    gap: 0,\n    padT: 0,\n    padR: 0,\n    padB: 0,\n    padL: 0,\n    align: \"stretch\",\n    fontFamily: \"inherit\",\n};\n\nexport const FONT_STACKS: Array<{ label: string; value: string }> = [\n    { label: \"Inherit\", value: \"inherit\" },\n    { label: \"Sans\", value: \"ui-sans-serif, system-ui, sans-serif\" },\n    { label: \"Serif\", value: \"ui-serif, Georgia, serif\" },\n    { label: \"Mono\", value: \"ui-monospace, SFMono-Regular, monospace\" },\n];\n\nexport const SHADOW_PRESETS: Array<{ label: string; value: string }> = [\n    { label: \"None\", value: \"\" },\n    { label: \"Small\", value: \"0 1px 2px rgba(0,0,0,0.06)\" },\n    { label: \"Medium\", value: \"0 4px 12px rgba(0,0,0,0.08)\" },\n    { label: \"Large\", value: \"0 12px 32px rgba(0,0,0,0.12)\" },\n    { label: \"Glow\", value: \"0 0 0 4px rgba(37,99,235,0.15)\" },\n];\n\nexport const ASPECT_RATIOS: Array<{ label: string; value: string }> = [\n    { label: \"Free\", value: \"\" },\n    { label: \"Square 1:1\", value: \"1/1\" },\n    { label: \"Photo 4:3\", value: \"4/3\" },\n    { label: \"Wide 16:9\", value: \"16/9\" },\n    { label: \"Ultra 21:9\", value: \"21/9\" },\n    { label: \"Portrait 3:4\", value: \"3/4\" },\n];\n\nexport const ENTRANCES: Array<{ label: string; value: Entrance }> = [\n    { label: \"None\", value: \"none\" },\n    { label: \"Fade in\", value: \"fade\" },\n    { label: \"Rise up\", value: \"up\" },\n    { label: \"Drop down\", value: \"down\" },\n    { label: \"Slide from left\", value: \"left\" },\n    { label: \"Slide from right\", value: \"right\" },\n    { label: \"Zoom in\", value: \"zoom\" },\n];\n\nexport const DRAG_MIME = \"application/pagiera-element-type\";\n/** Set when dragging an element that already exists on the canvas. */\nexport const MOVE_MIME = \"application/pagiera-element-id\";\n", "import {\n    type DataSource,\n    type HttpMethod,\n    type RequestContext,\n    type RequestPair,\n    sendsBody,\n} from \"@/lib/editor/types\";\n\n/**\n * Fetching an author-supplied URL from our server is a server-side request\n * forgery vector: without checks it can reach cloud metadata endpoints, admin\n * services on localhost, or anything else inside the network perimeter. Every\n * hop is validated against this list, and redirects are followed by hand so a\n * public URL cannot bounce into private space.\n */\nconst BLOCKED_HOSTS = new Set([\n    \"localhost\",\n    \"127.0.0.1\",\n    \"0.0.0.0\",\n    \"::1\",\n    \"[::1]\",\n    \"metadata.google.internal\",\n    \"metadata.goog\",\n]);\n\nconst PRIVATE_IPV4 =\n    /^(10\\.|127\\.|0\\.|169\\.254\\.|192\\.168\\.|172\\.(1[6-9]|2\\d|3[01])\\.)/;\n\n/** Hostnames that only resolve inside a private network. */\nconst PRIVATE_SUFFIXES = [\".local\", \".internal\", \".localdomain\", \".home.arpa\"];\n\nexport const MAX_ROWS = 200;\nconst MAX_BYTES = 2_000_000;\nconst TIMEOUT_MS = 8000;\nconst MAX_REDIRECTS = 3;\n\nexport class DataSourceError extends Error {\n    constructor(message: string, public readonly status?: number) {\n        super(message);\n        this.name = \"DataSourceError\";\n    }\n}\n\nexport function assertFetchableUrl(raw: string): URL {\n    let url: URL;\n    try {\n        url = new URL(raw);\n    } catch {\n        throw new DataSourceError(\"That is not a valid URL.\");\n    }\n\n    if (url.protocol !== \"https:\" && url.protocol !== \"http:\") {\n        throw new DataSourceError(\"Only http and https URLs can be requested.\");\n    }\n\n    const host = url.hostname.toLowerCase();\n    if (BLOCKED_HOSTS.has(host) || PRIVATE_IPV4.test(host)) {\n        throw new DataSourceError(`Requests to ${host} are not allowed.`);\n    }\n    if (PRIVATE_SUFFIXES.some((suffix) => host.endsWith(suffix))) {\n        throw new DataSourceError(`Requests to ${host} are not allowed.`);\n    }\n    // Bracketed IPv6 literals: anything link-local or unique-local.\n    if (host.startsWith(\"[\") && /^\\[(fe80|fc|fd)/i.test(host)) {\n        throw new DataSourceError(\"Requests to private addresses are not allowed.\");\n    }\n\n    return url;\n}\n\n/**\n * Walks a dotted path such as `data.items` or `results.0.tags`. An empty path\n * returns the payload itself, which is what a bare JSON array needs.\n */\nexport function selectPath(payload: unknown, path: string): unknown {\n    const steps = path.split(\".\").map((s) => s.trim()).filter(Boolean);\n    let cursor: unknown = payload;\n    for (const step of steps) {\n        if (cursor === null || typeof cursor !== \"object\") return undefined;\n        cursor = (cursor as Record<string, unknown>)[step];\n    }\n    return cursor;\n}\n\n/** Reads a body with a hard cap so a huge response cannot exhaust memory. */\nasync function readCapped(response: Response): Promise<string> {\n    const reader = response.body?.getReader();\n    if (!reader) return \"\";\n\n    const chunks: Uint8Array[] = [];\n    let total = 0;\n    while (true) {\n        const { done, value } = await reader.read();\n        if (done) break;\n        total += value.byteLength;\n        if (total > MAX_BYTES) {\n            await reader.cancel();\n            throw new DataSourceError(\"That response is too large (over 2 MB).\");\n        }\n        chunks.push(value);\n    }\n    return new TextDecoder().decode(\n        chunks.reduce<Uint8Array>((acc, chunk) => {\n            const merged = new Uint8Array(acc.length + chunk.length);\n            merged.set(acc);\n            merged.set(chunk, acc.length);\n            return merged;\n        }, new Uint8Array()),\n    );\n}\n\nexport type SourceResult = { rows: Array<Record<string, unknown>>; keys: string[] };\n\n/**\n * Requests a source and normalizes it to rows. A root object becomes one row\n * for Request; an array stays multiple rows for Repeat.\n */\nexport type LoadOptions = {\n    /**\n     * Seconds to cache the response for. `false` bypasses the cache \u2014 only for\n     * the editor's Test button; on a rendered route it would force an\n     * otherwise-static page to become dynamic on every request.\n     */\n    revalidate?: number | false;\n    /** Supplies `{{query.\u2026}}` / `{{page.\u2026}}` values for this request. */\n    context?: RequestContext;\n};\n\nexport const DEFAULT_REVALIDATE = 60;\n\nexport async function loadSource(\n    source: DataSource,\n    { revalidate = DEFAULT_REVALIDATE, context = EMPTY_CONTEXT }: LoadOptions = {},\n): Promise<SourceResult> {\n    const request = buildRequest(source, context);\n    let target = request.url;\n\n    let response: Response | undefined;\n    for (let hop = 0; hop <= MAX_REDIRECTS; hop++) {\n        response = await fetch(target, {\n            // Redirects are followed by hand so each hop is validated too.\n            redirect: \"manual\",\n            method: request.method,\n            headers: request.headers,\n            body: request.body,\n            signal: AbortSignal.timeout(TIMEOUT_MS),\n            // Only GET responses are cacheable; anything with side effects is\n            // fetched fresh every time.\n            ...(revalidate === false || request.method !== \"GET\"\n                ? { cache: \"no-store\" as const }\n                : { next: { revalidate } }),\n        });\n\n        if (response.status < 300 || response.status >= 400) break;\n\n        const location = response.headers.get(\"location\");\n        if (!location) break;\n        target = assertFetchableUrl(new URL(location, target).toString());\n        response = undefined;\n    }\n\n    if (!response) throw new DataSourceError(\"Too many redirects.\");\n    if (!response.ok) {\n        throw new DataSourceError(`The API replied ${response.status}.`, response.status);\n    }\n\n    const text = await readCapped(response);\n    let payload: unknown;\n    try {\n        payload = JSON.parse(text);\n    } catch {\n        throw new DataSourceError(\"The response was not JSON.\");\n    }\n\n    const selected = selectPath(payload, source.path);\n    const selectedRows = Array.isArray(selected)\n        ? selected\n        : selected !== null && typeof selected === \"object\"\n          ? [selected]\n          : undefined;\n    if (!selectedRows) {\n        throw new DataSourceError(\n            source.path\n                ? `\"${source.path}\" is not a list in that response.`\n                : \"That response is neither an object nor a list.\",\n        );\n    }\n\n    const rows = selectedRows\n        .slice(0, MAX_ROWS)\n        .map((row) =>\n            row !== null && typeof row === \"object\" && !Array.isArray(row)\n                ? (row as Record<string, unknown>)\n                : { value: row },\n        );\n\n    // Union of the keys across the sample, so binding menus list everything.\n    const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].sort();\n    return { rows, keys };\n}\n\n/** Reads one binding path off a row and flattens it to something renderable. */\nexport function readBinding(row: Record<string, unknown>, path: string): string {\n    const value = selectPath(row, path);\n    if (value === null || value === undefined) return \"\";\n    if (typeof value === \"object\") return \"\";\n    return String(value);\n}\n\n/* ------------------------------------------------------------------ tokens */\n\n/**\n * Resolves `{{query.id}}`, `{{params.slug}}` and `{{page.slug}}`.\n *\n * Only these two namespaces exist: an unknown token becomes an empty string\n * rather than being left in the URL, so a typo cannot send a literal `{{\u2026}}`\n * to the API or accidentally expose something else.\n */\nexport function resolveTokens(value: string, context: RequestContext): string {\n    return value.replace(/\\{\\{\\s*([a-zA-Z0-9_.]+)\\s*\\}\\}/g, (_, token: string) => {\n        const [namespace, ...rest] = token.split(\".\");\n        const key = rest.join(\".\");\n        if (namespace === \"query\") return context.query[key] ?? \"\";\n        if (namespace === \"params\") return context.params[key] ?? \"\";\n        if (namespace === \"page\" && key === \"slug\") return context.page.slug;\n        return \"\";\n    });\n}\n\n/** Header names and values must not be able to inject extra headers. */\nfunction safeHeader(pair: RequestPair, context: RequestContext) {\n    const name = pair.key.trim();\n    if (!/^[A-Za-z0-9!#$%&'*+.^_`|~-]+$/.test(name)) return null;\n    // Strip anything that could terminate the header line.\n    const value = resolveTokens(pair.value, context).replace(/[\\r\\n\\0]/g, \"\").trim();\n    return value ? ([name, value] as const) : null;\n}\n\n/**\n * Builds the final URL: tokens resolved, params appended and percent-encoded\n * by `URLSearchParams` so a value can never break out into the query grammar.\n */\nexport function buildRequest(source: DataSource, context: RequestContext) {\n    const url = assertFetchableUrl(resolveTokens(source.url, context));\n\n    for (const pair of source.params ?? []) {\n        const key = pair.key.trim();\n        if (!key) continue;\n        const value = resolveTokens(pair.value, context);\n        // An empty optional filter is dropped rather than sent as `key=`.\n        if (value === \"\") continue;\n        url.searchParams.set(key, value);\n    }\n\n    const method: HttpMethod = source.method ?? \"GET\";\n\n    const headers: Record<string, string> = {\n        accept: \"application/json,text/plain;q=0.9,*/*;q=0.8\",\n    };\n\n    let body: string | undefined;\n    if (sendsBody(method) && source.body?.trim()) {\n        body = resolveTokens(source.body, context);\n        headers[\"content-type\"] = \"application/json\";\n    }\n\n    // Author headers last, so they can override the defaults above.\n    for (const pair of source.headers ?? []) {\n        const safe = safeHeader(pair, context);\n        if (safe) headers[safe[0]] = safe[1];\n    }\n\n    // Re-check after tokens: a token could have rewritten the host.\n    return { url: assertFetchableUrl(url.toString()), headers, method, body };\n}\n\nexport const EMPTY_CONTEXT: RequestContext = { query: {}, params: {}, page: { slug: \"\" } };\n", "import { DataSourceError, type LoadOptions, loadSource } from \"@/lib/data/source\";\nimport type { CanvasElement, DataSource } from \"@/lib/editor/types\";\nimport type { PageData } from \"./bind\";\n\n/** Signals that a source elected to turn its upstream 404 into a page 404. */\nexport class PageDataNotFoundError extends Error {\n    constructor(public readonly sourceId: string) {\n        super(`Data source ${sourceId} returned 404.`);\n        this.name = \"PageDataNotFoundError\";\n    }\n}\n\n/**\n * Fetches every source a page actually uses. Sources nothing references are\n * skipped, and a source that fails yields no rows rather than failing the\n * whole page \u2014 a broken API should not take the site down.\n */\nexport async function loadPageData(\n    elements: CanvasElement[],\n    sources: DataSource[],\n    options?: LoadOptions,\n): Promise<PageData> {\n    const used = new Set(\n        elements\n            .filter((el) => el.sourceId)\n            .map((el) => el.sourceId as string),\n    );\n    const wanted = sources.filter((source) => used.has(source.id) && source.url);\n    if (wanted.length === 0) return {};\n\n    const results = await Promise.all(\n        wanted.map(async (source) => {\n            try {\n                const { rows } = await loadSource(source, options);\n                return [source.id, rows] as const;\n            } catch (error) {\n                if (\n                    error instanceof DataSourceError &&\n                    error.status === 404 &&\n                    source.onNotFound === \"page-404\"\n                ) {\n                    throw new PageDataNotFoundError(source.id);\n                }\n                console.warn(\n                    `Data source \"${source.name}\" failed:`,\n                    error instanceof DataSourceError ? error.message : error,\n                );\n                return [source.id, []] as const;\n            }\n        }),\n    );\n\n    return Object.fromEntries(results);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export const ELEMENT_TYPES = [\n    \"Frame\",\n    \"Stack\",\n    \"Section\",\n    \"Container\",\n    \"Grid\",\n    \"Heading\",\n    \"Text\",\n    \"Image\",\n    \"Button\",\n    \"Video\",\n    \"Icon\",\n    \"Form\",\n    \"Input\",\n    \"Textarea\",\n    \"Request\",\n    \"Repeat\",\n] as const;\n\nexport type ElementType = (typeof ELEMENT_TYPES)[number];\n\n/** One key/value pair on a request; values may carry `{{\u2026}}` tokens. */\nexport type RequestPair = { key: string; value: string };\n\nexport const HTTP_METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\nexport type HttpMethod = (typeof HTTP_METHODS)[number];\n\nexport const DATA_SOURCE_NOT_FOUND_BEHAVIORS = [\"empty\", \"page-404\"] as const;\nexport type DataSourceNotFoundBehavior = (typeof DATA_SOURCE_NOT_FOUND_BEHAVIORS)[number];\n\n/** Methods that carry a request body. */\nexport function sendsBody(method: HttpMethod) {\n    return method === \"POST\" || method === \"PUT\" || method === \"PATCH\";\n}\n\n/**\n * A JSON endpoint the page pulls content from. Sources live on the page so a\n * Repeat block can name one without carrying the URL on every element.\n */\nexport type DataSource = {\n    id: string;\n    name: string;\n    url: string;\n    /** Dotted path to the array inside the payload; \"\" when it is the root. */\n    path: string;\n    method?: HttpMethod;\n    /** JSON body for POST/PUT/PATCH; tokens are resolved before sending. */\n    body?: string;\n    /** Appended to the URL as a query string. */\n    params?: RequestPair[];\n    /** Sent as request headers \u2014 for API keys and the like. */\n    headers?: RequestPair[];\n    /** Controls whether an upstream 404 empties this source or rejects the whole page. */\n    onNotFound?: DataSourceNotFoundBehavior;\n};\n\n/**\n * Values a request token can read. Everything else resolves to an empty\n * string, so a typo cannot leak an unrelated value into the URL.\n */\nexport type RequestContext = {\n    /** The visitor's query string, e.g. `{{query.id}}` on /post?id=5. */\n    query: Record<string, string>;\n    /** Values captured by a dynamic page path, e.g. `{{params.slug}}`. */\n    params: Record<string, string>;\n    /** The page being rendered, e.g. `{{page.slug}}`. */\n    page: { slug: string };\n};\n\nexport type ResizeHandle = \"nw\" | \"ne\" | \"sw\" | \"se\" | \"n\" | \"s\" | \"w\" | \"e\";\n\n/* ------------------------------------------------------------- breakpoints */\n\nexport const BREAKPOINTS = [\"desktop\", \"tablet\", \"mobile\"] as const;\nexport type Breakpoint = string;\n\nexport type BreakpointDefinition = {\n    id: string;\n    name: string;\n    width: number;\n};\n\nexport const DEFAULT_BREAKPOINTS: BreakpointDefinition[] = [\n    { id: \"desktop\", name: \"Desktop\", width: 1280 },\n    { id: \"tablet\", name: \"Tablet\", width: 768 },\n    { id: \"mobile\", name: \"Mobile\", width: 375 },\n];\n\nexport const BREAKPOINT_WIDTHS: Record<string, number> = {\n    desktop: 1280,\n    tablet: 768,\n    mobile: 375,\n};\n\n/**\n * Styles cascade from the widest breakpoint down, so a value set on desktop\n * holds everywhere until a narrower breakpoint overrides it.\n */\nexport const BREAKPOINT_CHAIN: Record<string, Breakpoint[]> = {\n    desktop: [\"desktop\"],\n    tablet: [\"desktop\", \"tablet\"],\n    mobile: [\"desktop\", \"tablet\", \"mobile\"],\n};\n\n/* ------------------------------------------------------------------ styles */\n\n/** `fill` stretches to the parent, `auto` shrinks to the content. */\nexport type SizeMode = \"fixed\" | \"fill\" | \"auto\";\nexport type Constraint = \"start\" | \"center\" | \"end\" | \"stretch\";\n/** `absolute` positions children by x/y; `stack` lays them out with flexbox. */\nexport type LayoutMode = \"absolute\" | \"stack\";\nexport type Direction = \"row\" | \"column\";\nexport type Justify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type Align = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type TextAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TextTransform = \"none\" | \"uppercase\" | \"lowercase\" | \"capitalize\";\nexport type ObjectFit = \"cover\" | \"contain\" | \"fill\" | \"none\";\nexport type Overflow = \"visible\" | \"hidden\" | \"auto\" | \"scroll\";\nexport type Entrance = \"none\" | \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"zoom\";\nexport type MotionCurve = \"ease\" | \"spring\";\nexport type CursorStyle = \"auto\" | \"default\" | \"pointer\" | \"text\" | \"grab\" | \"zoom-in\" | \"none\";\nexport type PositionMode = \"static\" | \"sticky\";\nexport type BgSize = \"cover\" | \"contain\" | \"auto\";\nexport type BlendMode =\n    | \"normal\"\n    | \"multiply\"\n    | \"screen\"\n    | \"overlay\"\n    | \"darken\"\n    | \"lighten\"\n    | \"difference\"\n    | \"luminosity\";\nexport type BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\nexport type ElementStyle = {\n    // Box \u2014 x/y only apply inside an `absolute` parent.\n    x: number;\n    y: number;\n    constraintX: Constraint;\n    constraintY: Constraint;\n    w: number;\n    h: number;\n    widthMode: SizeMode;\n    heightMode: SizeMode;\n\n    // How this element arranges its own children.\n    layout: LayoutMode;\n    direction: Direction;\n    gap: number;\n    padT: number;\n    padR: number;\n    padB: number;\n    padL: number;\n    justify: Justify;\n    align: Align;\n    wrap: boolean;\n    /** Grid columns; only read when `layout` is `stack` on a Grid element. */\n    columns: number;\n\n    // Appearance\n    bg: string;\n    /** A full CSS gradient value, or \"\" for none. Painted over `bg`. */\n    gradient: string;\n    color: string;\n    radius: number;\n    opacity: number;\n    borderW: number;\n    borderC: string;\n    borderStyle: BorderStyle;\n    /** A full CSS box-shadow value, or \"\" for none. */\n    shadow: string;\n    rotate: number;\n\n    // Typography\n    fontFamily: string;\n    fontSize: number;\n    fontWeight: string;\n    lineHeight: number;\n    letterSpacing: number;\n    textAlign: TextAlign;\n    textTransform: TextTransform;\n\n    // Composition \u2014 the pieces that make a layout feel designed rather than\n    // stacked: clipping, sticky rails, imagery, glass and blend effects.\n    overflow: Overflow;\n    position: PositionMode;\n    /** CSS stacking order, independent from the internal document order. */\n    zIndex: number;\n    /** Distance from the top edge while stuck; only read when position is sticky. */\n    stickyOffset: number;\n    /** Background image URL, or \"\" for none. Painted over `gradient`. */\n    bgImage: string;\n    bgSize: BgSize;\n    bgPosition: string;\n    /** Blurs the element's own content, in px. */\n    blur: number;\n    /** Blurs whatever sits behind the element, in px \u2014 the glass effect. */\n    backdropBlur: number;\n    blendMode: BlendMode;\n    /** Percent; 100 leaves the element alone. */\n    scale: number;\n    /** A CSS ratio such as \"16/9\", or \"\" to leave height to the layout. */\n    aspectRatio: string;\n\n    /** Entrance effect, played once when the element scrolls into view. */\n    entrance: Entrance;\n    /** Milliseconds. */\n    entranceDuration: number;\n    entranceDelay: number;\n    entranceCurve: MotionCurve;\n    entranceBezier: string;\n    springStiffness: number;\n    springDamping: number;\n    cursor: CursorStyle;\n\n    /** Hidden at this breakpoint. */\n    hidden: boolean;\n};\n\nexport const STYLE_KEYS = [\n    \"x\",\n    \"y\",\n    \"constraintX\",\n    \"constraintY\",\n    \"w\",\n    \"h\",\n    \"widthMode\",\n    \"heightMode\",\n    \"layout\",\n    \"direction\",\n    \"gap\",\n    \"padT\",\n    \"padR\",\n    \"padB\",\n    \"padL\",\n    \"justify\",\n    \"align\",\n    \"wrap\",\n    \"columns\",\n    \"bg\",\n    \"gradient\",\n    \"color\",\n    \"radius\",\n    \"opacity\",\n    \"borderW\",\n    \"borderC\",\n    \"borderStyle\",\n    \"shadow\",\n    \"rotate\",\n    \"fontFamily\",\n    \"fontSize\",\n    \"fontWeight\",\n    \"lineHeight\",\n    \"letterSpacing\",\n    \"textAlign\",\n    \"textTransform\",\n    \"overflow\",\n    \"position\",\n    \"zIndex\",\n    \"stickyOffset\",\n    \"bgImage\",\n    \"bgSize\",\n    \"bgPosition\",\n    \"blur\",\n    \"backdropBlur\",\n    \"blendMode\",\n    \"scale\",\n    \"aspectRatio\",\n    \"entrance\",\n    \"entranceDuration\",\n    \"entranceDelay\",\n    \"entranceCurve\",\n    \"entranceBezier\",\n    \"springStiffness\",\n    \"springDamping\",\n    \"cursor\",\n    \"hidden\",\n] as const satisfies ReadonlyArray<keyof ElementStyle>;\n\nexport type StyleKey = (typeof STYLE_KEYS)[number];\n\nexport type CanvasElement = {\n    id: string;\n    type: ElementType;\n    name?: string;\n    parentId?: string;\n    z: number;\n    locked?: boolean;\n    /** Page-local reusable component metadata. */\n    componentRole?: \"master\" | \"instance\";\n    componentId?: string;\n    componentSourceId?: string;\n    variant?: string;\n    styleBindings?: Partial<Record<StyleKey, string>>;\n\n    // Content is shared across breakpoints.\n    content?: string;\n    /** Sandboxed HTML/CSS used by code components. */\n    code?: string;\n    src?: string;\n    alt?: string;\n    objectFit?: ObjectFit;\n    iconName?: PagieraIconName;\n    placeholder?: string;\n    fieldName?: string;\n    inputType?: \"text\" | \"email\" | \"password\" | \"number\" | \"tel\" | \"url\" | \"search\";\n    required?: boolean;\n    formAction?: string;\n    formMethod?: HttpMethod;\n    formSubmitMode?: \"request\" | \"native\";\n    formContentType?: \"json\" | \"form-data\" | \"urlencoded\";\n    /** Optional request body. `{{form.email}}` tokens read submitted fields. */\n    formBody?: string;\n    /** One `Header: value` pair per line. */\n    formHeaders?: string;\n    formSuccessMessage?: string;\n    formErrorMessage?: string;\n    formResetOnSuccess?: boolean;\n    buttonType?: \"button\" | \"submit\" | \"reset\";\n    href?: string;\n    target?: \"_self\" | \"_blank\";\n    interaction?: {\n        trigger: \"click\";\n        action: \"navigate\" | \"scroll-to\" | \"toggle-layer\" | \"show-layer\" | \"hide-layer\";\n        value: string;\n        target?: \"_self\" | \"_blank\";\n    };\n\n    /** Data source read by a Request/Repeat block or a directly-bound element. */\n    sourceId?: string;\n    /**\n     * Inside Request/Repeat, pulls this field off the current object instead\n     * of using the element's content. Dotted paths work: \"author.name\".\n     */\n    binding?: string;\n\n    /** Desktop values; every breakpoint falls back to these. */\n    base: ElementStyle;\n    /** Narrower-breakpoint deltas, applied over `base` in cascade order. */\n    overrides?: Record<string, Partial<ElementStyle>>;\n    /** Applied on pointer hover, on top of the resolved breakpoint style. */\n    hover?: Partial<ElementStyle>;\n    /** Applied while the pointer is pressed. */\n    press?: Partial<ElementStyle>;\n    loop?: { type: \"pulse\" | \"float\" | \"spin\"; duration: number };\n    draggable?: boolean;\n};\n\n/* ---------------------------------------------------------------- defaults */\n\nexport const BASE_STYLE: ElementStyle = {\n    x: 0,\n    y: 0,\n    constraintX: \"start\",\n    constraintY: \"start\",\n    w: 200,\n    h: 100,\n    widthMode: \"fixed\",\n    heightMode: \"fixed\",\n\n    layout: \"absolute\",\n    direction: \"column\",\n    gap: 0,\n    padT: 0,\n    padR: 0,\n    padB: 0,\n    padL: 0,\n    justify: \"start\",\n    align: \"start\",\n    wrap: false,\n    columns: 3,\n\n    bg: \"transparent\",\n    gradient: \"\",\n    color: \"#27272a\",\n    radius: 0,\n    opacity: 100,\n    borderW: 0,\n    borderC: \"transparent\",\n    borderStyle: \"solid\",\n    shadow: \"\",\n    rotate: 0,\n\n    fontFamily: \"inherit\",\n    fontSize: 16,\n    fontWeight: \"normal\",\n    lineHeight: 1.5,\n    letterSpacing: 0,\n    textAlign: \"left\",\n    textTransform: \"none\",\n\n    overflow: \"visible\",\n    position: \"static\",\n    zIndex: 0,\n    stickyOffset: 0,\n    bgImage: \"\",\n    bgSize: \"cover\",\n    bgPosition: \"center\",\n    blur: 0,\n    backdropBlur: 0,\n    blendMode: \"normal\",\n    scale: 100,\n    aspectRatio: \"\",\n\n    entrance: \"none\",\n    entranceDuration: 600,\n    entranceDelay: 0,\n    entranceCurve: \"ease\",\n    entranceBezier: \"0.44, 0, 0.56, 1\",\n    springStiffness: 300,\n    springDamping: 30,\n    cursor: \"auto\",\n\n    hidden: false,\n};\n\nexport function makeStyle(overrides: Partial<ElementStyle>): ElementStyle {\n    return { ...BASE_STYLE, ...overrides };\n}\n\n/** Every field a freshly dropped element starts with. */\nexport const ELEMENT_DEFAULTS: Record<\n    ElementType,\n    { style: Partial<ElementStyle>; props?: Partial<CanvasElement> }\n> = {\n    Frame: {\n        style: {\n            w: 640,\n            h: 420,\n            widthMode: \"fixed\",\n            heightMode: \"fixed\",\n            layout: \"absolute\",\n            direction: \"column\",\n            overflow: \"hidden\",\n            bg: \"#ffffff\",\n            borderW: 1,\n            borderC: \"#e4e4e7\",\n            radius: 12,\n        },\n    },\n    Stack: {\n        style: {\n            w: 600,\n            h: 160,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            padT: 0,\n            padR: 0,\n            padB: 0,\n            padL: 0,\n            justify: \"start\",\n            align: \"stretch\",\n            bg: \"transparent\",\n        },\n    },\n    Section: {\n        style: {\n            w: 1280,\n            h: 480,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 24,\n            padT: 64,\n            padR: 48,\n            padB: 64,\n            padL: 48,\n            justify: \"start\",\n            align: \"stretch\",\n            bg: \"#ffffff\",\n        },\n    },\n    Container: {\n        style: {\n            w: 600,\n            h: 240,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            padT: 24,\n            padR: 24,\n            padB: 24,\n            padL: 24,\n            align: \"stretch\",\n            bg: \"transparent\",\n            borderW: 1,\n            borderC: \"#e4e4e7\",\n            radius: 12,\n        },\n    },\n    Grid: {\n        style: {\n            w: 900,\n            h: 300,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            columns: 3,\n            gap: 24,\n            align: \"stretch\",\n        },\n    },\n    Heading: {\n        style: {\n            w: 480,\n            h: 48,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            fontSize: 40,\n            fontWeight: \"bold\",\n            lineHeight: 1.2,\n            letterSpacing: -0.5,\n            color: \"#18181b\",\n        },\n        props: { content: \"Heading\" },\n    },\n    Text: {\n        style: {\n            w: 480,\n            h: 24,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            fontSize: 16,\n            lineHeight: 1.6,\n            color: \"#52525b\",\n        },\n        props: { content: \"Text block content\" },\n    },\n    Image: {\n        style: { w: 400, h: 260, widthMode: \"fill\", bg: \"#e4e4e7\", radius: 12 },\n        props: { src: \"\", alt: \"\", objectFit: \"cover\" },\n    },\n    Button: {\n        style: {\n            w: 140,\n            h: 44,\n            widthMode: \"auto\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            justify: \"center\",\n            align: \"center\",\n            padT: 12,\n            padR: 22,\n            padB: 12,\n            padL: 22,\n            bg: \"#2563eb\",\n            color: \"#ffffff\",\n            radius: 8,\n            fontSize: 15,\n            fontWeight: \"500\",\n            textAlign: \"center\",\n        },\n        props: { content: \"Button\", href: \"\", target: \"_self\", buttonType: \"button\" },\n    },\n    Video: {\n        style: { w: 640, h: 360, widthMode: \"fill\", bg: \"#18181b\", radius: 12 },\n        props: { src: \"\" },\n    },\n    Icon: {\n        style: { w: 24, h: 24, widthMode: \"fixed\", heightMode: \"fixed\", color: \"#5402E6\" },\n        props: { iconName: \"star\" },\n    },\n    Form: {\n        style: {\n            w: 560,\n            h: 240,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 14,\n            align: \"stretch\",\n        },\n        props: {\n            formAction: \"\",\n            formMethod: \"POST\",\n            formSubmitMode: \"request\",\n            formContentType: \"json\",\n            formSuccessMessage: \"Sent successfully.\",\n            formErrorMessage: \"Something went wrong.\",\n        },\n    },\n    Input: {\n        style: {\n            w: 320,\n            h: 46,\n            widthMode: \"fill\",\n            heightMode: \"fixed\",\n            padT: 0,\n            padR: 14,\n            padB: 0,\n            padL: 14,\n            bg: \"#ffffff\",\n            color: \"#18181b\",\n            borderW: 1,\n            borderC: \"#d4d4d8\",\n            radius: 10,\n            fontSize: 15,\n        },\n        props: { placeholder: \"Enter a value\u2026\", fieldName: \"field\", inputType: \"text\" },\n    },\n    Textarea: {\n        style: {\n            w: 320,\n            h: 120,\n            widthMode: \"fill\",\n            heightMode: \"fixed\",\n            padT: 12,\n            padR: 14,\n            padB: 12,\n            padL: 14,\n            bg: \"#ffffff\",\n            color: \"#18181b\",\n            borderW: 1,\n            borderC: \"#d4d4d8\",\n            radius: 10,\n            fontSize: 15,\n        },\n        props: { placeholder: \"Write your message\u2026\", fieldName: \"message\" },\n    },\n    Request: {\n        style: {\n            w: 900,\n            h: 200,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"column\",\n            gap: 16,\n            align: \"stretch\",\n        },\n        props: { sourceId: \"\" },\n    },\n    Repeat: {\n        style: {\n            w: 900,\n            h: 200,\n            widthMode: \"fill\",\n            heightMode: \"auto\",\n            layout: \"stack\",\n            direction: \"row\",\n            gap: 24,\n            align: \"stretch\",\n            wrap: true,\n        },\n        props: { sourceId: \"\" },\n    },\n};\n\n/* ----------------------------------------------------------------- helpers */\n\nconst CONTAINER_TYPES: ReadonlySet<ElementType> = new Set([\n    \"Frame\",\n    \"Stack\",\n    \"Section\",\n    \"Container\",\n    \"Grid\",\n    \"Button\",\n    \"Form\",\n    \"Request\",\n    \"Repeat\",\n]);\n\n/** Whether an element can hold children. */\nexport function isContainer(type: ElementType) {\n    return CONTAINER_TYPES.has(type);\n}\n\nconst TEXTUAL_TYPES: ReadonlySet<ElementType> = new Set([\n    \"Heading\",\n    \"Text\",\n    \"Button\",\n]);\n\n/** Whether an element renders editable text. */\nexport function isTextual(type: ElementType) {\n    return TEXTUAL_TYPES.has(type);\n}\n\n/** Page-level settings; the canvas behaves as the root container. */\nexport type RootStyle = {\n    documentMode: \"page\" | \"component\";\n    /** Content is centred inside this width unless `fullWidth` is set. */\n    maxWidth: number;\n    /** Editable design-surface height; the public page can still grow with content. */\n    canvasHeight: number;\n    /** Let content run edge to edge instead of being capped at `maxWidth`. */\n    fullWidth: boolean;\n    bg: string;\n    layout: LayoutMode;\n    direction: Direction;\n    gap: number;\n    padT: number;\n    padR: number;\n    padB: number;\n    padL: number;\n    align: Align;\n    fontFamily: string;\n    /** Cross-document animation used by links on the published site. */\n    pageTransition: \"smooth\" | \"fade\" | \"slide\" | \"none\";\n    /** Duration of the incoming published-page animation in milliseconds. */\n    pageTransitionDuration: number;\n    /** User-defined viewport previews, ordered from widest to narrowest. */\n    breakpoints?: BreakpointDefinition[];\n    /** The breakpoint whose values live in every element's `base` style. */\n    baseBreakpointId?: string;\n    variables?: DesignVariable[];\n    customFonts?: CustomFont[];\n};\n\nexport type CustomFont = { id: string; name: string; url: string; weight: number; style: \"normal\" | \"italic\" };\n\nexport type DesignVariable = {\n    id: string;\n    name: string;\n    type: \"color\" | \"number\";\n    value: string | number;\n};\n\nexport const DEFAULT_ROOT_STYLE: RootStyle = {\n    documentMode: \"page\",\n    maxWidth: 1280,\n    canvasHeight: 800,\n    fullWidth: false,\n    bg: \"#ffffff\",\n    layout: \"stack\",\n    direction: \"column\",\n    gap: 0,\n    padT: 0,\n    padR: 0,\n    padB: 0,\n    padL: 0,\n    align: \"stretch\",\n    fontFamily: \"inherit\",\n    pageTransition: \"smooth\",\n    pageTransitionDuration: 380,\n};\n\nexport const FONT_STACKS: Array<{ label: string; value: string }> = [\n    { label: \"Inherit\", value: \"inherit\" },\n    { label: \"Sans\", value: \"ui-sans-serif, system-ui, sans-serif\" },\n    { label: \"Serif\", value: \"ui-serif, Georgia, serif\" },\n    { label: \"Mono\", value: \"ui-monospace, SFMono-Regular, monospace\" },\n];\n\nexport const SHADOW_PRESETS: Array<{ label: string; value: string }> = [\n    { label: \"None\", value: \"\" },\n    { label: \"Small\", value: \"0 1px 2px rgba(0,0,0,0.06)\" },\n    { label: \"Medium\", value: \"0 4px 12px rgba(0,0,0,0.08)\" },\n    { label: \"Large\", value: \"0 12px 32px rgba(0,0,0,0.12)\" },\n    { label: \"Glow\", value: \"0 0 0 4px rgba(37,99,235,0.15)\" },\n];\n\nexport const ASPECT_RATIOS: Array<{ label: string; value: string }> = [\n    { label: \"Free\", value: \"\" },\n    { label: \"Square 1:1\", value: \"1/1\" },\n    { label: \"Photo 4:3\", value: \"4/3\" },\n    { label: \"Wide 16:9\", value: \"16/9\" },\n    { label: \"Ultra 21:9\", value: \"21/9\" },\n    { label: \"Portrait 3:4\", value: \"3/4\" },\n];\n\nexport const ENTRANCES: Array<{ label: string; value: Entrance }> = [\n    { label: \"None\", value: \"none\" },\n    { label: \"Fade in\", value: \"fade\" },\n    { label: \"Rise up\", value: \"up\" },\n    { label: \"Drop down\", value: \"down\" },\n    { label: \"Slide from left\", value: \"left\" },\n    { label: \"Slide from right\", value: \"right\" },\n    { label: \"Zoom in\", value: \"zoom\" },\n];\n\nexport const DRAG_MIME = \"application/pagiera-element-type\";\n/** Set when dragging an element that already exists on the canvas. */\nexport const MOVE_MIME = \"application/pagiera-element-id\";\nimport type { PagieraIconName } from \"../../../icon-names\";\n", "import {\n    type DataSource,\n    type HttpMethod,\n    type RequestContext,\n    type RequestPair,\n    sendsBody,\n} from \"@/lib/editor/types\";\n\n/**\n * Fetching an author-supplied URL from our server is a server-side request\n * forgery vector: without checks it can reach cloud metadata endpoints, admin\n * services on localhost, or anything else inside the network perimeter. Every\n * hop is validated against this list, and redirects are followed by hand so a\n * public URL cannot bounce into private space.\n */\nconst BLOCKED_HOSTS = new Set([\n    \"localhost\",\n    \"127.0.0.1\",\n    \"0.0.0.0\",\n    \"::1\",\n    \"[::1]\",\n    \"metadata.google.internal\",\n    \"metadata.goog\",\n]);\n\nconst PRIVATE_IPV4 =\n    /^(10\\.|127\\.|0\\.|169\\.254\\.|192\\.168\\.|172\\.(1[6-9]|2\\d|3[01])\\.)/;\n\n/** Hostnames that only resolve inside a private network. */\nconst PRIVATE_SUFFIXES = [\".local\", \".internal\", \".localdomain\", \".home.arpa\"];\n\nexport const MAX_ROWS = 200;\nconst MAX_BYTES = 2_000_000;\nconst TIMEOUT_MS = 8000;\nconst MAX_REDIRECTS = 3;\n\nexport class DataSourceError extends Error {\n    constructor(message: string, public readonly status?: number) {\n        super(message);\n        this.name = \"DataSourceError\";\n    }\n}\n\nexport function assertFetchableUrl(raw: string): URL {\n    let url: URL;\n    try {\n        url = new URL(raw);\n    } catch {\n        throw new DataSourceError(\"That is not a valid URL.\");\n    }\n\n    if (url.protocol !== \"https:\" && url.protocol !== \"http:\") {\n        throw new DataSourceError(\"Only http and https URLs can be requested.\");\n    }\n\n    const host = url.hostname.toLowerCase();\n    if (BLOCKED_HOSTS.has(host) || PRIVATE_IPV4.test(host)) {\n        throw new DataSourceError(`Requests to ${host} are not allowed.`);\n    }\n    if (PRIVATE_SUFFIXES.some((suffix) => host.endsWith(suffix))) {\n        throw new DataSourceError(`Requests to ${host} are not allowed.`);\n    }\n    // Bracketed IPv6 literals: anything link-local or unique-local.\n    if (host.startsWith(\"[\") && /^\\[(fe80|fc|fd)/i.test(host)) {\n        throw new DataSourceError(\"Requests to private addresses are not allowed.\");\n    }\n\n    return url;\n}\n\n/**\n * Walks a dotted path such as `data.items` or `results.0.tags`. An empty path\n * returns the payload itself, which is what a bare JSON array needs.\n */\nexport function selectPath(payload: unknown, path: string): unknown {\n    const steps = path.split(\".\").map((s) => s.trim()).filter(Boolean);\n    let cursor: unknown = payload;\n    for (const step of steps) {\n        if (cursor === null || typeof cursor !== \"object\") return undefined;\n        cursor = (cursor as Record<string, unknown>)[step];\n    }\n    return cursor;\n}\n\n/** Reads a body with a hard cap so a huge response cannot exhaust memory. */\nasync function readCapped(response: Response): Promise<string> {\n    const reader = response.body?.getReader();\n    if (!reader) return \"\";\n\n    const chunks: Uint8Array[] = [];\n    let total = 0;\n    while (true) {\n        const { done, value } = await reader.read();\n        if (done) break;\n        total += value.byteLength;\n        if (total > MAX_BYTES) {\n            await reader.cancel();\n            throw new DataSourceError(\"That response is too large (over 2 MB).\");\n        }\n        chunks.push(value);\n    }\n    return new TextDecoder().decode(\n        chunks.reduce<Uint8Array>((acc, chunk) => {\n            const merged = new Uint8Array(acc.length + chunk.length);\n            merged.set(acc);\n            merged.set(chunk, acc.length);\n            return merged;\n        }, new Uint8Array()),\n    );\n}\n\nexport type SourceResult = { rows: Array<Record<string, unknown>>; keys: string[] };\n\n/**\n * Requests a source and normalizes it to rows. A root object becomes one row\n * for Request; an array stays multiple rows for Repeat.\n */\nexport type LoadOptions = {\n    /**\n     * Seconds to cache the response for. `false` bypasses the cache \u2014 only for\n     * the editor's Test button; on a rendered route it would force an\n     * otherwise-static page to become dynamic on every request.\n     */\n    revalidate?: number | false;\n    /** Supplies `{{query.\u2026}}` / `{{page.\u2026}}` values for this request. */\n    context?: RequestContext;\n};\n\nexport const DEFAULT_REVALIDATE = 60;\n\nexport async function loadSource(\n    source: DataSource,\n    { revalidate = DEFAULT_REVALIDATE, context = EMPTY_CONTEXT }: LoadOptions = {},\n): Promise<SourceResult> {\n    const request = buildRequest(source, context);\n    let target = request.url;\n\n    let response: Response | undefined;\n    for (let hop = 0; hop <= MAX_REDIRECTS; hop++) {\n        response = await fetch(target, {\n            // Redirects are followed by hand so each hop is validated too.\n            redirect: \"manual\",\n            method: request.method,\n            headers: request.headers,\n            body: request.body,\n            signal: AbortSignal.timeout(TIMEOUT_MS),\n            // Only GET responses are cacheable; anything with side effects is\n            // fetched fresh every time.\n            ...(revalidate === false || request.method !== \"GET\"\n                ? { cache: \"no-store\" as const }\n                : { next: { revalidate } }),\n        });\n\n        if (response.status < 300 || response.status >= 400) break;\n\n        const location = response.headers.get(\"location\");\n        if (!location) break;\n        target = assertFetchableUrl(new URL(location, target).toString());\n        response = undefined;\n    }\n\n    if (!response) throw new DataSourceError(\"Too many redirects.\");\n    if (!response.ok) {\n        throw new DataSourceError(`The API replied ${response.status}.`, response.status);\n    }\n\n    const text = await readCapped(response);\n    let payload: unknown;\n    try {\n        payload = JSON.parse(text);\n    } catch {\n        throw new DataSourceError(\"The response was not JSON.\");\n    }\n\n    const selected = selectPath(payload, source.path);\n    const selectedRows = Array.isArray(selected)\n        ? selected\n        : selected !== null && typeof selected === \"object\"\n          ? [selected]\n          : undefined;\n    if (!selectedRows) {\n        throw new DataSourceError(\n            source.path\n                ? `\"${source.path}\" is not a list in that response.`\n                : \"That response is neither an object nor a list.\",\n        );\n    }\n\n    const rows = selectedRows\n        .slice(0, MAX_ROWS)\n        .map((row) =>\n            row !== null && typeof row === \"object\" && !Array.isArray(row)\n                ? (row as Record<string, unknown>)\n                : { value: row },\n        );\n\n    // Union of the keys across the sample, so binding menus list everything.\n    const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].sort();\n    return { rows, keys };\n}\n\n/** Reads one binding path off a row and flattens it to something renderable. */\nexport function readBinding(row: Record<string, unknown>, path: string): string {\n    const value = selectPath(row, path);\n    if (value === null || value === undefined) return \"\";\n    if (typeof value === \"object\") return \"\";\n    return String(value);\n}\n\n/* ------------------------------------------------------------------ tokens */\n\n/**\n * Resolves `{{query.id}}`, `{{params.slug}}` and `{{page.slug}}`.\n *\n * Only these two namespaces exist: an unknown token becomes an empty string\n * rather than being left in the URL, so a typo cannot send a literal `{{\u2026}}`\n * to the API or accidentally expose something else.\n */\nexport function resolveTokens(value: string, context: RequestContext): string {\n    return value.replace(/\\{\\{\\s*([a-zA-Z0-9_.]+)\\s*\\}\\}/g, (_, token: string) => {\n        const [namespace, ...rest] = token.split(\".\");\n        const key = rest.join(\".\");\n        if (namespace === \"query\") return context.query[key] ?? \"\";\n        if (namespace === \"params\") return context.params[key] ?? \"\";\n        if (namespace === \"page\" && key === \"slug\") return context.page.slug;\n        return \"\";\n    });\n}\n\n/** Header names and values must not be able to inject extra headers. */\nfunction safeHeader(pair: RequestPair, context: RequestContext) {\n    const name = pair.key.trim();\n    if (!/^[A-Za-z0-9!#$%&'*+.^_`|~-]+$/.test(name)) return null;\n    // Strip anything that could terminate the header line.\n    const value = resolveTokens(pair.value, context).replace(/[\\r\\n\\0]/g, \"\").trim();\n    return value ? ([name, value] as const) : null;\n}\n\n/**\n * Builds the final URL: tokens resolved, params appended and percent-encoded\n * by `URLSearchParams` so a value can never break out into the query grammar.\n */\nexport function buildRequest(source: DataSource, context: RequestContext) {\n    const url = assertFetchableUrl(resolveTokens(source.url, context));\n\n    for (const pair of source.params ?? []) {\n        const key = pair.key.trim();\n        if (!key) continue;\n        const value = resolveTokens(pair.value, context);\n        // An empty optional filter is dropped rather than sent as `key=`.\n        if (value === \"\") continue;\n        url.searchParams.set(key, value);\n    }\n\n    const method: HttpMethod = source.method ?? \"GET\";\n\n    const headers: Record<string, string> = {\n        accept: \"application/json,text/plain;q=0.9,*/*;q=0.8\",\n    };\n\n    let body: string | undefined;\n    if (sendsBody(method) && source.body?.trim()) {\n        body = resolveTokens(source.body, context);\n        headers[\"content-type\"] = \"application/json\";\n    }\n\n    // Author headers last, so they can override the defaults above.\n    for (const pair of source.headers ?? []) {\n        const safe = safeHeader(pair, context);\n        if (safe) headers[safe[0]] = safe[1];\n    }\n\n    // Re-check after tokens: a token could have rewritten the host.\n    return { url: assertFetchableUrl(url.toString()), headers, method, body };\n}\n\nexport const EMPTY_CONTEXT: RequestContext = { query: {}, params: {}, page: { slug: \"\" } };\n", "import { DataSourceError, type LoadOptions, loadSource } from \"@/lib/data/source\";\nimport type { CanvasElement, DataSource } from \"@/lib/editor/types\";\nimport type { PageData } from \"./bind\";\n\n/** Signals that a source elected to turn its upstream 404 into a page 404. */\nexport class PageDataNotFoundError extends Error {\n    constructor(public readonly sourceId: string) {\n        super(`Data source ${sourceId} returned 404.`);\n        this.name = \"PageDataNotFoundError\";\n    }\n}\n\n/**\n * Fetches every source a page actually uses. Sources nothing references are\n * skipped, and a source that fails yields no rows rather than failing the\n * whole page \u2014 a broken API should not take the site down.\n */\nexport async function loadPageData(\n    elements: CanvasElement[],\n    sources: DataSource[],\n    options?: LoadOptions,\n): Promise<PageData> {\n    const used = new Set(\n        elements\n            .filter((el) => el.sourceId)\n            .map((el) => el.sourceId as string),\n    );\n    const wanted = sources.filter((source) => used.has(source.id) && source.url);\n    if (wanted.length === 0) return {};\n\n    const results = await Promise.all(\n        wanted.map(async (source) => {\n            try {\n                const { rows } = await loadSource(source, options);\n                return [source.id, rows] as const;\n            } catch (error) {\n                if (\n                    error instanceof DataSourceError &&\n                    error.status === 404 &&\n                    source.onNotFound === \"page-404\"\n                ) {\n                    throw new PageDataNotFoundError(source.id);\n                }\n                console.warn(\n                    `Data source \"${source.name}\" failed:`,\n                    error instanceof DataSourceError ? error.message : error,\n                );\n                return [source.id, []] as const;\n            }\n        }),\n    );\n\n    return Object.fromEntries(results);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/document.d.ts

@@ -17,7 +17,21 @@ export type PagieraElement = {
     target?: "_self" | "_blank";
     alt?: string;
     objectFit?: "cover" | "contain" | "fill" | "none";
-    iconName?: "star" | "heart" | "arrow-right" | "check" | "menu" | "search";
+    iconName?: PagieraIconName;
+    placeholder?: string;
+    fieldName?: string;
+    inputType?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+    required?: boolean;
+    formAction?: string;
+    formMethod?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+    formSubmitMode?: "request" | "native";
+    formContentType?: "json" | "form-data" | "urlencoded";
+    formBody?: string;
+    formHeaders?: string;
+    formSuccessMessage?: string;
+    formErrorMessage?: string;
+    formResetOnSuccess?: boolean;
+    buttonType?: "button" | "submit" | "reset";
     code?: string;
     hover?: Record<string, unknown>;
     press?: Record<string, unknown>;
@@ -38,6 +52,8 @@ export type PagieraRootStyle = {
     direction: "row" | "column";
     gap: number;
     fontFamily: string;
+    pageTransition?: "smooth" | "fade" | "slide" | "none";
+    pageTransitionDuration?: number;
     breakpoints: PagieraBreakpoint[];
     customFonts?: Array<{
         id: string;
@@ -60,4 +76,5 @@ export type PagieraDocument = {
     dataSources: unknown[];
 };
 export declare function createDocument(patch?: Partial<PagieraDocument>): PagieraDocument;
+import type { PagieraIconName } from "./icon-names.js";
 //# sourceMappingURL=document.d.ts.map

package/dist/document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../src/document.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,GAAG,YAAY,GAAG,YAAY,CAAC;QAChF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;KAC/B,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,YAAY,EAAE,MAAM,GAAG,WAAW,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7B,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAA;KAAE,CAAC,CAAC;IAC3G,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CACrG,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,OAAO,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,WAAW,EAAE,OAAO,EAAE,CAAC;CAC1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,GAAE,OAAO,CAAC,eAAe,CAAM,GAAG,eAAe,CAuBpF"}
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../src/document.ts"],"names":[],"mappings":"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"}

package/dist/document.js

@@ -13,6 +13,8 @@ export function createDocument(patch = {}) {
             direction: "column",
             gap: 0,
             fontFamily: "Inter, ui-sans-serif, sans-serif",
+            pageTransition: "smooth",
+            pageTransitionDuration: 380,
             breakpoints: [
                 { id: "desktop", name: "Desktop", width: 1280 },
                 { id: "tablet", name: "Tablet", width: 810 },

package/dist/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","sourceRoot":"","sources":["../src/document.ts"],"names":[],"mappings":"AAsDA,MAAM,UAAU,cAAc,CAAC,QAAkC,EAAE;IAC/D,OAAO;QACH,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,EAAE;QACf,SAAS,EAAE;YACP,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,GAAG;YACjB,SAAS,EAAE,IAAI;YACf,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,kCAAkC;YAC9C,WAAW,EAAE;gBACT,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC/C,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC5C,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;aAC/C;SACJ;QACD,GAAG,KAAK;KACX,CAAC;AACN,CAAC"}
+{"version":3,"file":"document.js","sourceRoot":"","sources":["../src/document.ts"],"names":[],"mappings":"AAsEA,MAAM,UAAU,cAAc,CAAC,QAAkC,EAAE;IAC/D,OAAO;QACH,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,EAAE;QACf,SAAS,EAAE;YACP,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,GAAG;YACjB,SAAS,EAAE,IAAI;YACf,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,kCAAkC;YAC9C,cAAc,EAAE,QAAQ;YACxB,sBAAsB,EAAE,GAAG;YAC3B,WAAW,EAAE;gBACT,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC/C,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC5C,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;aAC/C;SACJ;QACD,GAAG,KAAK;KACX,CAAC;AACN,CAAC"}

package/dist/editor-panels.d.ts

@@ -0,0 +1,8 @@
+/** Canonical URL segments supported by the full Pagiera Studio. */
+export declare const PAGIERA_EDITOR_PANELS: readonly ["layers", "elements", "components", "assets", "library", "icons", "templates", "variables", "ai", "data", "pages", "settings"];
+export type PagieraEditorPanel = (typeof PAGIERA_EDITOR_PANELS)[number];
+/** Normalises an untrusted route segment into a supported editor panel. */
+export declare function editorPanel(value: string | null | undefined): PagieraEditorPanel | undefined;
+/** Builds the canonical path used by SSR editor routes and client navigation. */
+export declare function editorPath(pageId: string, panel?: PagieraEditorPanel, basePath?: string): string;
+//# sourceMappingURL=editor-panels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-panels.d.ts","sourceRoot":"","sources":["../src/editor-panels.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,0IAaxB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAI5F;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,kBAA6B,EAAE,QAAQ,SAAY,UAGpG"}

package/dist/editor-panels.js

@@ -0,0 +1,28 @@
+/** Canonical URL segments supported by the full Pagiera Studio. */
+export const PAGIERA_EDITOR_PANELS = [
+    "layers",
+    "elements",
+    "components",
+    "assets",
+    "library",
+    "icons",
+    "templates",
+    "variables",
+    "ai",
+    "data",
+    "pages",
+    "settings",
+];
+/** Normalises an untrusted route segment into a supported editor panel. */
+export function editorPanel(value) {
+    if (!value)
+        return undefined;
+    const normalized = value.trim().toLowerCase();
+    return PAGIERA_EDITOR_PANELS.find((panel) => panel === normalized);
+}
+/** Builds the canonical path used by SSR editor routes and client navigation. */
+export function editorPath(pageId, panel = "layers", basePath = "/editor") {
+    const base = `/${basePath.replace(/^\/+|\/+$/g, "")}`;
+    return `${base}/${encodeURIComponent(pageId)}/${panel}`;
+}
+//# sourceMappingURL=editor-panels.js.map

package/dist/editor-panels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-panels.js","sourceRoot":"","sources":["../src/editor-panels.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;IACX,IAAI;IACJ,MAAM;IACN,OAAO;IACP,UAAU;CACJ,CAAC;AAIX,2EAA2E;AAC3E,MAAM,UAAU,WAAW,CAAC,KAAgC;IACxD,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9C,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;AACvE,CAAC;AAED,iFAAiF;AACjF,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,QAA4B,QAAQ,EAAE,QAAQ,GAAG,SAAS;IACjG,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,EAAE,CAAC;IACtD,OAAO,GAAG,IAAI,IAAI,kBAAkB,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;AAC5D,CAAC"}

package/dist/editor.d.ts

@@ -1,4 +1,5 @@
 import { type PagieraDocument } from "./document.js";
+import "@fontsource-variable/figtree";
 export type PagieraEditorAdapters = {
     save?: (document: PagieraDocument) => void | Promise<void>;
     generate?: (prompt: string, document: PagieraDocument) => Promise<PagieraDocument>;

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,eAAe,EAAuB,MAAM,eAAe,CAAC;AAG1F,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IACnF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;CACnH,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyBF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAiDzF"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,eAAe,EAAuB,MAAM,eAAe,CAAC;AAE1F,OAAO,8BAA8B,CAAC;AAGtC,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IACnF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;CACnH,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAkCF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAyDzF"}