@frontlit/page-builder 0.1.0-alpha.1

package/dist/theme-style-39nxXQy0.d.ts

@@ -0,0 +1,141 @@
+type FontWeight = "font-thin" | "font-extralight" | "font-light" | "font-normal" | "font-medium" | "font-semibold" | "font-bold" | "font-extrabold" | "font-black";
+type FontSize = "text-xs" | "text-sm" | "text-base" | "text-lg" | "text-xl" | "text-2xl" | "text-3xl" | "text-4xl" | "text-5xl" | "text-6xl" | "text-7xl" | "text-8xl" | "text-9xl";
+type LineHeight = "leading-none" | "leading-tight" | "leading-snug" | "leading-normal" | "leading-relaxed" | "leading-loose";
+type LetterSpacing = "tracking-tighter" | "tracking-tight" | "tracking-normal" | "tracking-wide" | "tracking-wider" | "tracking-widest";
+type TextTransform = "uppercase" | "lowercase" | "capitalize" | "normal-case";
+type TextDecoration = "underline" | "line-through" | "no-underline";
+type TextOverflow = "truncate" | "text-ellipsis" | "text-clip";
+type BorderRadius = "rounded-none" | "rounded-sm" | "rounded" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-3xl" | "rounded-full";
+type Shadow = "shadow-2xs" | "shadow-xs" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl" | "shadow-none";
+type Cursor = "cursor-not-allowed" | "cursor-default" | "cursor-pointer";
+interface Typography {
+    fontFamily: string;
+    fontSize: FontSize;
+    fontWeight: FontWeight;
+    lineHeight?: LineHeight;
+    letterSpacing?: LetterSpacing;
+    textTransform?: TextTransform;
+    textDecoration?: TextDecoration;
+    textOverflow?: TextOverflow;
+}
+interface Border {
+    width?: "border" | "border-0" | "border-2" | "border-4" | "border-8";
+    radius?: BorderRadius;
+    style?: "border-solid" | "border-dashed" | "border-dotted" | "border-double" | "border-hidden" | "border-none";
+}
+interface Padding {
+    x?: "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-8" | "px-10" | "px-12" | "px-16" | "px-20" | "px-24" | "px-32" | "px-40" | "px-48" | "px-56" | "px-64";
+    y?: "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-8" | "py-10" | "py-12" | "py-16" | "py-20" | "py-24" | "py-32" | "py-40" | "py-48" | "py-56" | "py-64";
+}
+type CustomStyle = string;
+interface DisabledStyle {
+    color?: string;
+    background?: string;
+    border?: string;
+    opacity?: "opacity-50" | "opacity-75" | "opacity-100";
+    cursor?: Cursor;
+}
+interface Colors {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    border: string;
+    input: string;
+    ring: string;
+    chart1: string;
+    chart2: string;
+    chart3: string;
+    chart4: string;
+    chart5: string;
+    sidebar: string;
+    sidebarForeground: string;
+    sidebarPrimary: string;
+    sidebarPrimaryForeground: string;
+    sidebarAccent: string;
+    sidebarAccentForeground: string;
+    sidebarBorder: string;
+    sidebarRing: string;
+    shadow2xs: string;
+    shadowXs: string;
+    shadowSm: string;
+    shadowMd: string;
+    shadowLg: string;
+    shadowXl: string;
+    shadow2xl: string;
+}
+interface ThemeStyle {
+    colors: {
+        light: Colors;
+        dark: Colors;
+    };
+    typography: {
+        preheader: Typography;
+        header1: Typography;
+        header2: Typography;
+        header3: Typography;
+        header4: Typography;
+        subheader1: Typography;
+        subheader2: Typography;
+        text1: Typography;
+        text2: Typography;
+        link: Typography;
+        button: Typography;
+        input: Typography;
+        caption: Typography;
+    };
+    interactives: {
+        button: {
+            padding?: Padding;
+            border?: Border;
+            shadow?: Shadow;
+            custom?: CustomStyle;
+            disabled?: DisabledStyle;
+        };
+        link: {
+            padding?: Padding;
+            border?: Border;
+            textShadow?: string;
+            custom?: CustomStyle;
+            disabled?: DisabledStyle;
+        };
+        card: {
+            padding?: Padding;
+            border?: Border;
+            shadow?: Shadow;
+            custom?: CustomStyle;
+        };
+        input: {
+            borderRadius?: BorderRadius;
+            padding?: Padding;
+            border?: Border;
+            shadow?: Shadow;
+            custom?: CustomStyle;
+            disabled?: DisabledStyle;
+        };
+    };
+    structure: {
+        page: {
+            width: "max-w-2xl" | "max-w-3xl" | "max-w-4xl" | "max-w-5xl" | "max-w-6xl";
+        };
+        section: {
+            padding: {
+                x: "px-0" | "px-4" | "px-6" | "px-8" | "px-10" | "px-12" | "px-16" | "px-20" | "px-24" | "px-32" | "px-40" | "px-48" | "px-56" | "px-64";
+                y: "py-0" | "py-4" | "py-6" | "py-8" | "py-10" | "py-12" | "py-16" | "py-20" | "py-24" | "py-32" | "py-40" | "py-48" | "py-56" | "py-64";
+            };
+        };
+    };
+}
+
+export type { Border as B, Colors as C, DisabledStyle as D, Padding as P, Shadow as S, ThemeStyle as T, CustomStyle as a, Typography as b };

package/dist/theme.css

@@ -0,0 +1,242 @@
+/*
+ * Shared Tailwind v4 design tokens for the FrontLit page builder.
+ * Ported from CourseLit's tailwind-config package + web globals.
+ *
+ * Import this AFTER `@import "tailwindcss"` in any stylesheet that
+ * renders page-builder content (the package's own styles.css and the
+ * consuming app's globals.css).
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+/* Default (shadcn slate) tokens — the fallback for `.pb-theme`-scoped
+ * page-builder content before/without a runtime-generated theme (see
+ * generate-theme-styles.ts). Scoped so it doesn't leak into a consuming
+ * app's own chrome outside the page-builder-rendered subtree. */
+.pb-theme {
+    --background: hsl(0 0% 100%);
+    --foreground: hsl(222.2 84% 4.9%);
+    --card: hsl(0 0% 100%);
+    --card-foreground: hsl(222.2 84% 4.9%);
+    --popover: hsl(0 0% 100%);
+    --popover-foreground: hsl(222.2 84% 4.9%);
+    --primary: hsl(222.2 47.4% 11.2%);
+    --primary-foreground: hsl(210 40% 98%);
+    --secondary: hsl(210 40% 96.1%);
+    --secondary-foreground: hsl(222.2 47.4% 11.2%);
+    --muted: hsl(210 40% 96.1%);
+    --muted-foreground: hsl(215.4 16.3% 46.9%);
+    --accent: hsl(210 40% 96.1%);
+    --accent-foreground: hsl(222.2 47.4% 11.2%);
+    --destructive: hsl(0 84.2% 60.2%);
+    --destructive-foreground: hsl(210 40% 98%);
+    --border: hsl(214.3 31.8% 91.4%);
+    --input: hsl(214.3 31.8% 91.4%);
+    --ring: hsl(222.2 84% 4.9%);
+    --chart-1: hsl(12 76% 61%);
+    --chart-2: hsl(173 58% 39%);
+    --chart-3: hsl(197 37% 24%);
+    --chart-4: hsl(43 74% 66%);
+    --chart-5: hsl(27 87% 67%);
+    --radius: 0.5rem;
+    --sidebar-background: hsl(0 0% 98%);
+    --sidebar-foreground: hsl(240 5.3% 26.1%);
+    --sidebar-primary: hsl(240 5.9% 10%);
+    --sidebar-primary-foreground: hsl(0 0% 98%);
+    --sidebar-accent: hsl(240 4.8% 95.9%);
+    --sidebar-accent-foreground: hsl(240 5.9% 10%);
+    --sidebar-border: hsl(220 13% 91%);
+    --sidebar-ring: hsl(217.2 91.2% 59.8%);
+}
+
+.pb-theme:is(.dark, .dark *) {
+    --background: hsl(222.2 84% 4.9%);
+    --foreground: hsl(210 40% 98%);
+    --card: hsl(222.2 84% 4.9%);
+    --card-foreground: hsl(210 40% 98%);
+    --popover: hsl(222.2 84% 4.9%);
+    --popover-foreground: hsl(210 40% 98%);
+    --primary: hsl(210 40% 98%);
+    --primary-foreground: hsl(222.2 47.4% 11.2%);
+    --secondary: hsl(217.2 32.6% 17.5%);
+    --secondary-foreground: hsl(210 40% 98%);
+    --muted: hsl(217.2 32.6% 17.5%);
+    --muted-foreground: hsl(215 20.2% 65.1%);
+    --accent: hsl(217.2 32.6% 17.5%);
+    --accent-foreground: hsl(210 40% 98%);
+    --destructive: hsl(0 62.8% 30.6%);
+    --destructive-foreground: hsl(210 40% 98%);
+    --border: hsl(217.2 32.6% 17.5%);
+    --input: hsl(217.2 32.6% 17.5%);
+    --ring: hsl(212.7 26.8% 83.9%);
+    --chart-1: hsl(220 70% 50%);
+    --chart-2: hsl(160 60% 45%);
+    --chart-3: hsl(30 80% 55%);
+    --chart-4: hsl(280 65% 60%);
+    --chart-5: hsl(340 75% 55%);
+    --sidebar-background: hsl(240 5.9% 10%);
+    --sidebar-foreground: hsl(240 4.8% 95.9%);
+    --sidebar-primary: hsl(224.3 76.3% 48%);
+    --sidebar-primary-foreground: hsl(0 0% 100%);
+    --sidebar-accent: hsl(240 3.7% 15.9%);
+    --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
+    --sidebar-border: hsl(240 3.7% 15.9%);
+    --sidebar-ring: hsl(217.2 91.2% 59.8%);
+}
+
+/* Semantic token mapping. Runtime theme variables contain complete CSS
+ * colors, which works consistently in both the public app and the dashboard. */
+@theme inline {
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-destructive: var(--destructive);
+    --color-destructive-foreground: var(--destructive-foreground);
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+    --color-sidebar: var(--sidebar-background);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+
+    --radius-lg: var(--radius);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-sm: calc(var(--radius) - 4px);
+
+    --shadow: var(--shadow);
+    --shadow-2xs: var(--shadow-2xs);
+    --shadow-xs: var(--shadow-xs);
+    --shadow-sm: var(--shadow-sm);
+    --shadow-md: var(--shadow-md);
+    --shadow-lg: var(--shadow-lg);
+    --shadow-xl: var(--shadow-xl);
+    --shadow-2xl: var(--shadow-2xl);
+
+    --font-open-sans:
+        var(--font-open-sans, "Open Sans"), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-montserrat:
+        var(--font-montserrat, Montserrat), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-lato:
+        var(--font-lato, Lato), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-poppins:
+        var(--font-poppins, Poppins), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-source-sans-3:
+        var(--font-source-sans-3, "Source Sans 3"), ui-sans-serif, system-ui,
+        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-raleway:
+        var(--font-raleway, Raleway), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-noto-sans:
+        var(--font-noto-sans, "Noto Sans"), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-merriweather:
+        var(--font-merriweather, Merriweather), ui-serif, Georgia, Cambria,
+        "Times New Roman", Times, serif;
+    --font-inter:
+        var(--font-inter, Inter), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-alegreya:
+        var(--font-alegreya, Alegreya), ui-serif, Georgia, Cambria,
+        "Times New Roman", Times, serif;
+    --font-roboto:
+        var(--font-roboto, Roboto), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-mulish:
+        var(--font-mulish, Mulish), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-nunito:
+        var(--font-nunito, Nunito), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-rubik:
+        var(--font-rubik, Rubik), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-playfair-display:
+        var(--font-playfair-display, "Playfair Display"), ui-serif, Georgia,
+        Cambria, "Times New Roman", Times, serif;
+    --font-oswald:
+        var(--font-oswald, Oswald), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-pt-sans:
+        var(--font-pt-sans, "PT Sans"), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-work-sans:
+        var(--font-work-sans, "Work Sans"), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-roboto-slab:
+        var(--font-roboto-slab, "Roboto Slab"), ui-serif, Georgia, Cambria,
+        "Times New Roman", Times, serif;
+    --font-source-serif-4:
+        var(--font-source-serif-4, "Source Serif 4"), ui-serif, Georgia, Cambria,
+        "Times New Roman", Times, serif;
+    --font-bebas-neue:
+        var(--font-bebas-neue, "Bebas Neue"), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    --font-quicksand:
+        var(--font-quicksand, Quicksand), ui-sans-serif, system-ui, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+}
+
+/* Safelist for classes the theme system composes at runtime.
+ * Ported from CourseLit's tailwind.config.ts `safelist`. */
+@source inline("{lg:,}text-{sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl}");
+@source inline("{p,px,py}-{0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,24,32,40,48,56,64}");
+@source inline("rounded-{none,sm,md,lg,xl,2xl,3xl,full}");
+@source inline("{lg:,}max-w-{2xl,3xl,4xl,5xl,6xl}");
+@source inline("{hover:,dark:,}shadow-{2xs,xs,sm,md,lg,xl,2xl,inner,none}");
+@source inline("{hover:,disabled:,dark:,}bg-{slate,gray,zinc,neutral,stone,red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose}-{50,{100..900..100},950}");
+@source inline("{hover:,disabled:,dark:,}text-{slate,gray,zinc,neutral,stone,red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose}-{50,{100..900..100},950}");
+@source inline("bg-transparent");
+@source inline("transparent");
+@source inline("transition");
+@source inline("transition-{all,colors,opacity,shadow,transform,none}");
+@source inline("duration-{0,75,100,150,200,300,500,700,1000}");
+@source inline("{hover:,}ease-{in,out,in-out,linear}");
+@source inline("{hover:,}{,-}translate-{x,y}-{1,2,3,4,5,6,7,8,9,10}");
+@source inline("{hover:,}scale-{0,50,75,90,95,100,105,110,125,150}");
+@source inline("{hover:,}underline");
+@source inline("{hover:,}border-{solid,dashed,dotted,double,none}");
+@source inline("backdrop-blur-2xl");
+@source inline("border-b");
+@source inline("border-b-{0,2,4,8}");

package/dist/widget--uEOpdq3.d.ts

@@ -0,0 +1,105 @@
+import { ComponentType, ReactNode } from 'react';
+import { S as SectionBackground, T as Theme } from './section-background-BgOCp5l3.js';
+import { T as ThemeStyle } from './theme-style-39nxXQy0.js';
+
+/**
+ * The kind of page a widget/block can be placed on. Kept intentionally
+ * generic (unlike CourseLit's LMS-specific page types) since FrontLit pages
+ * can be a marketing site, a blog post, a changelog entry, etc.
+ */
+type PageType = "site" | "blog" | "landing" | "post" | "custom";
+interface WidgetMetadata {
+    name: string;
+    displayName: string;
+    description?: string;
+    compatibleWith: PageType[];
+    icon?: string;
+}
+/**
+ * A single block placed on a page, as persisted in a page's layout.
+ */
+interface WidgetInstance {
+    widgetId: string;
+    name: string;
+    /** Whether the instance can be removed from its page. */
+    deletable: boolean;
+    /** Whether the instance can be repositioned within its page. */
+    moveable: boolean;
+    shared: boolean;
+    settings?: Record<string, unknown>;
+}
+/**
+ * One of the alternate visual arrangements a block can render its data in.
+ * Declared per block via `Widget.layouts`; the user's pick is stored in the
+ * instance's `settings.layout` and chosen from the panel's Design tab.
+ */
+interface BlockLayout {
+    id: string;
+    name: string;
+}
+/**
+ * Settings shared by every block, mirroring the common layout controls
+ * (max width / vertical padding / background) that CourseLit's theme system
+ * exposes to each section.
+ */
+interface WidgetDefaultSettings {
+    cssId?: string;
+    verticalPadding?: ThemeStyle["structure"]["section"]["padding"]["y"];
+    maxWidth?: ThemeStyle["structure"]["page"]["width"];
+    background?: SectionBackground;
+    /** Selected layout id from the block's `layouts`; first layout when unset. */
+    layout?: string;
+}
+interface PageData extends Record<string, unknown> {
+    pageType: PageType;
+    /** Tenant branding supplied by the host application. Layout blocks use
+     * this on published sites, while the builder can continue to use its
+     * own local block settings. */
+    siteLogoUrl?: string;
+    siteLogoAlt?: string;
+    /** The page's team (public id) and slug, plus the base URL of FrontLit's
+     * public API — threaded through so blocks that make unauthenticated
+     * public calls (e.g. the email-form block's lead capture, architecture.md
+     * §10.2) know where to send them. Left unset in contexts with no live
+     * backend (e.g. a bare component-library preview), in which case those
+     * blocks degrade to a local-only success state. */
+    teamId?: string;
+    pageSlug?: string;
+    publicApiBaseUrl?: string;
+}
+interface WidgetProps<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
+    settings: T;
+    state: {
+        theme: Theme;
+    };
+    pageData: PageData;
+    /** Host-resolved data rendered by a generic `data-slot` block. */
+    data?: ReactNode;
+    editing?: boolean;
+    /** Resolved palette currently painted (`system` is already applied). */
+    nextTheme?: "light" | "dark";
+    /** Visitor or preview preference, including follow-the-OS. */
+    themeMode?: "light" | "dark" | "system";
+    setThemeMode?: (mode: "light" | "dark" | "system") => void;
+    /** Flips the resolved palette. Used by compact header controls. */
+    toggleTheme?: () => void;
+}
+interface WidgetEditorProps<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
+    settings: T;
+    theme: Theme;
+    onChange: (settings: T) => void;
+}
+interface Widget<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
+    metadata: WidgetMetadata;
+    widget: ComponentType<WidgetProps<T>>;
+    editor?: ComponentType<WidgetEditorProps<T>>;
+    getDefaultSettings?: () => Partial<T>;
+    /**
+     * Alternate layouts this block can render its data in, selectable from
+     * the Design tab. The widget reads `settings.layout` while rendering
+     * and should treat the first entry as the default.
+     */
+    layouts?: BlockLayout[];
+}
+
+export type { BlockLayout as B, PageData as P, Widget as W, PageType as a, WidgetDefaultSettings as b, WidgetEditorProps as c, WidgetInstance as d, WidgetMetadata as e, WidgetProps as f };

package/package.json

@@ -0,0 +1,142 @@
+{
+  "name": "@frontlit/page-builder",
+  "version": "0.1.0-alpha.1",
+  "description": "Block-based WYSIWYG page builder and renderer for React",
+  "author": "FrontLit",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./models": {
+      "types": "./dist/models/index.d.ts",
+      "import": "./dist/models/index.js",
+      "default": "./dist/models/index.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives/index.js",
+      "default": "./dist/primitives/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
+    },
+    "./blocks": {
+      "types": "./dist/blocks/index.d.ts",
+      "import": "./dist/blocks/index.js",
+      "default": "./dist/blocks/index.js"
+    },
+    "./renderer": {
+      "types": "./dist/renderer/index.d.ts",
+      "import": "./dist/renderer/index.js",
+      "default": "./dist/renderer/index.js"
+    },
+    "./builder": {
+      "types": "./dist/builder/index.d.ts",
+      "import": "./dist/builder/index.js",
+      "default": "./dist/builder/index.js"
+    },
+    "./data-slots": {
+      "types": "./dist/data-slots.d.ts",
+      "import": "./dist/data-slots.js",
+      "default": "./dist/data-slots.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./theme.css": "./dist/theme.css"
+  },
+  "typesVersions": {
+    "*": {
+      "models": [
+        "dist/models/index.d.ts"
+      ],
+      "primitives": [
+        "dist/primitives/index.d.ts"
+      ],
+      "components": [
+        "dist/components/index.d.ts"
+      ],
+      "blocks": [
+        "dist/blocks/index.d.ts"
+      ],
+      "renderer": [
+        "dist/renderer/index.d.ts"
+      ],
+      "builder": [
+        "dist/builder/index.d.ts"
+      ],
+      "data-slots": [
+        "dist/data-slots.d.ts"
+      ]
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/codelitdev/frontlit.git",
+    "directory": "packages/page-builder"
+  },
+  "homepage": "https://github.com/codelitdev/frontlit/tree/main/packages/page-builder",
+  "bugs": {
+    "url": "https://github.com/codelitdev/frontlit/issues"
+  },
+  "keywords": [
+    "react",
+    "page-builder",
+    "wysiwyg",
+    "blocks",
+    "landing-page",
+    "frontlit"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "color-convert": "^3.1.0",
+    "lucide-react": "^0.553.0",
+    "tailwind-merge": "^3.4.0",
+    "tw-animate-css": "^1.4.0",
+    "@frontlit/text-editor": "0.1.0-alpha.1"
+  },
+  "devDependencies": {
+    "@types/color-convert": "^2.0.4",
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@tailwindcss/cli": "^4.1.0",
+    "rimraf": "^5.0.0",
+    "tailwindcss": "^4.1.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2"
+  },
+  "scripts": {
+    "build": "tsup && node scripts/add-use-client.mjs && tailwindcss -i src/styles.css -o dist/styles.css && cp src/theme.css dist/theme.css && rm -rf dist/fonts && cp -a fonts dist/fonts && node scripts/rewrite-font-urls.mjs",
+    "dev": "tsup --watch",
+    "clean": "rimraf dist",
+    "check-types": "tsc --noEmit"
+  }
+}