@codefluss/section-renderer 0.0.1-alpha.1

package/dist/section-renderer-hero.stories.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Hero Section Stories
+ *
+ * Complete hero section examples using section-renderer with available plugins.
+ * Demonstrates building complex sections from basic plugin components.
+ */
+import type { StoryObj } from '@storybook/react-vite';
+import { SectionRenderer } from './section-renderer';
+declare const meta: {
+    title: string;
+    component: typeof SectionRenderer;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        language: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Muvico-Style Hero Section
+ *
+ * Replicates the Muvico hero section design using only available plugins.
+ * Features:
+ * - 2-column grid layout
+ * - Multi-line heading
+ * - Descriptive paragraph
+ * - Orange primary CTA button
+ * - Right-aligned hero image
+ *
+ * Note: TypeWriter animation and Floating Cards are not yet implemented as plugins.
+ */
+export declare const MuvicoHero: Story;
+/**
+ * Minimalist Hero Section
+ *
+ * Simplified hero with centered content and single CTA button.
+ */
+export declare const MinimalistHero: Story;
+//# sourceMappingURL=section-renderer-hero.stories.d.ts.map

package/dist/section-renderer-hero.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-renderer-hero.stories.d.ts","sourceRoot":"","sources":["../src/section-renderer-hero.stories.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAqOxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KA0G5B,CAAC"}

package/dist/section-renderer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Section Renderer Component
+ *
+ * Framework-agnostic SSR renderer for page sections
+ * Works with Next.js, Remix, TanStack Start, and any React framework
+ *
+ * ⚠️ IMPORTANT: This renderer produces LIVE SITE HTML!
+ * NO Tailwind classes allowed - only inline styles and semantic classes.
+ */
+import React from "react";
+import type { SectionRendererProps } from "./types";
+/**
+ * Section Renderer
+ *
+ * Renders a page section with all its elements using SSR-capable plugin renderers
+ * Uses ONLY inline styles and semantic classes - NO Tailwind.
+ *
+ * @example
+ * ```tsx
+ * import { SectionRenderer } from '@codefluss/section-renderer';
+ *
+ * export default function Page() {
+ *   return (
+ *     <SectionRenderer
+ *       section={sectionData}
+ *       language="de"
+ *       designSystem={myDesignSystem}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function SectionRenderer({ section, language, designSystem, className, }: SectionRendererProps): React.ReactElement;
+export declare namespace SectionRenderer {
+    var displayName: string;
+}
+//# sourceMappingURL=section-renderer.d.ts.map

package/dist/section-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-renderer.d.ts","sourceRoot":"","sources":["../src/section-renderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC/B,OAAO,EACP,QAAe,EACf,YAAkC,EAClC,SAAS,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CA+I3C;yBApJe,eAAe"}

package/dist/section-renderer.stories.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Section Renderer Stories
+ *
+ * Examples of rendering complete page sections with multiple plugins
+ */
+import type { StoryObj } from "@storybook/react-vite";
+import { SectionRenderer } from "./section-renderer";
+declare const meta: {
+    title: string;
+    component: typeof SectionRenderer;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Hero Section
+ * Heading + Text + Image composition
+ */
+export declare const HeroSection: Story;
+/**
+ * Feature Section with Gradient Background
+ */
+export declare const FeatureSection: Story;
+/**
+ * Content Section
+ * Text-heavy content with paragraph plugin
+ */
+export declare const ContentSection: Story;
+/**
+ * Full Width Section
+ */
+export declare const FullWidthSection: Story;
+/**
+ * Multi-Language Section
+ * Same section rendered in different languages
+ */
+export declare const MultiLanguageDE: Story;
+export declare const MultiLanguageEN: Story;
+export declare const MultiLanguageFR: Story;
+/**
+ * Simple Contact Form
+ * Basic contact form with email submission
+ */
+export declare const SimpleContactForm: Story;
+/**
+ * Contact Form with Webhook (n8n)
+ * Form configured to submit to n8n webhook
+ */
+export declare const ContactFormWebhook: Story;
+/**
+ * Comprehensive Contact Form
+ * Complete form with all field types and validation
+ */
+export declare const ComprehensiveContactForm: Story;
+/**
+ * Newsletter Subscription
+ * Simple newsletter signup form
+ */
+export declare const NewsletterForm: Story;
+//# sourceMappingURL=section-renderer.stories.d.ts.map

package/dist/section-renderer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-renderer.stories.d.ts","sourceRoot":"","sources":["../src/section-renderer.stories.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,IAAI;;;;;;;CAO8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA+DzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAwC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAiD9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA4C7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAgI/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAoNtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAiH5B,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,146 @@
+/**
+ * Section Renderer Types
+ *
+ * Framework-agnostic types for rendering page sections
+ */
+import type { PluginDesignSystem } from "@codefluss/base-types";
+/**
+ * Section Element - A single component within a section
+ */
+export interface SectionElement {
+    /**
+     * Unique element ID
+     */
+    id: string;
+    /**
+     * Plugin identifier (matches plugin package name)
+     * @example 'heading', 'text', 'paragraph', 'image', 'container'
+     */
+    pluginId: PluginId;
+    /**
+     * Plugin-specific data
+     * Each plugin has its own data structure
+     */
+    data: Record<string, unknown>;
+    /**
+     * Optional nested child elements
+     * Used for container plugins (e.g., form-container)
+     */
+    children?: SectionElement[];
+}
+/**
+ * Page Section - Container for multiple elements
+ */
+export interface PageSection {
+    /**
+     * Unique section ID
+     */
+    id: string;
+    /**
+     * Section type identifier
+     */
+    type: "section";
+    /**
+     * Elements within the section
+     */
+    elements: SectionElement[];
+    /**
+     * Optional section-level layout configuration
+     */
+    layout?: {
+        /**
+         * Section background configuration
+         */
+        background?: {
+            type: "color" | "gradient" | "image" | "none";
+            color?: string;
+            gradient?: {
+                type: "linear" | "radial";
+                angle?: number;
+                stops: Array<{
+                    color: string;
+                    position: number;
+                }>;
+            };
+            image?: {
+                url: string;
+                size?: "cover" | "contain" | "auto";
+                position?: string;
+            };
+        };
+        /**
+         * Section spacing configuration
+         */
+        spacing?: {
+            padding?: {
+                top?: number;
+                right?: number;
+                bottom?: number;
+                left?: number;
+            };
+            margin?: {
+                top?: number;
+                right?: number;
+                bottom?: number;
+                left?: number;
+            };
+        };
+        /**
+         * Section width configuration
+         */
+        width?: {
+            mode?: "boxed" | "full-width";
+            maxWidth?: string;
+        };
+    };
+}
+/**
+ * Available Plugin IDs
+ */
+export type PluginId = "heading" | "text" | "paragraph" | "image" | "button" | "container" | "canvas-2d" | "background-3d" | "configurator-3d" | "form-input" | "form-textarea" | "form-checkbox" | "form-radio" | "form-select" | "form-submit" | "form-container";
+/**
+ * Extended Design System with utilities
+ */
+export interface SectionRendererDesignSystem extends PluginDesignSystem {
+    /**
+     * Utility functions
+     */
+    utils: {
+        /**
+         * Class name utility (clsx + tailwind-merge)
+         */
+        cn: (...inputs: any[]) => string;
+    };
+}
+/**
+ * Section Renderer Props
+ */
+export interface SectionRendererProps {
+    /**
+     * Section data to render
+     */
+    section: PageSection;
+    /**
+     * Current language code
+     * @default 'de'
+     */
+    language?: string;
+    /**
+     * Design system instance
+     * Provides fonts, colors, spacing, and utilities
+     */
+    designSystem?: SectionRendererDesignSystem;
+    /**
+     * Optional custom class name for the section container
+     */
+    className?: string;
+}
+/**
+ * Plugin Renderer Component Type
+ */
+export type PluginRenderer = React.ComponentType<any>;
+/**
+ * Plugin Renderer Map
+ */
+export type PluginRendererMap = Record<PluginId, PluginRenderer>;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/utils/design-system-resolver.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Design System Resolver
+ *
+ * Universal utilities for resolving design system tokens to CSS styles.
+ * Used by ALL plugins (text, paragraph, heading, form, container, etc).
+ *
+ * @package @codefluss/section-renderer
+ * @version 0.0.3
+ */
+import type { PluginDesignSystem } from '@codefluss/base-types';
+/**
+ * Create Design System from JSON export
+ *
+ * Converts the PostgreSQL export (design-system.json) into PluginDesignSystem interface
+ */
+export declare function createDesignSystemFromJson(jsonData: any): PluginDesignSystem;
+/**
+ * Resolve Typography Styles
+ *
+ * Get complete typography styles for an element
+ */
+export declare function resolveTypographyStyles(fontKey: string, designSystem: PluginDesignSystem): React.CSSProperties;
+/**
+ * Resolve Color Value
+ *
+ * Get hex value for a color key
+ */
+export declare function resolveColorValue(colorKey: string, designSystem: PluginDesignSystem): string | undefined;
+/**
+ * Resolve Spacing Styles
+ *
+ * Get spacing (padding/margin) as CSS properties
+ */
+export declare function resolveSpacingStyles(presetId: string, type: 'padding' | 'margin', designSystem: PluginDesignSystem, _context?: string): React.CSSProperties;
+/**
+ * Resolve Gap Styles
+ *
+ * Get gap values for flexbox/grid layouts
+ * NOTE: Gap is now part of the spacing preset's margin values
+ */
+export declare function resolveGapStyles(presetId: string, designSystem: PluginDesignSystem, _context?: string): React.CSSProperties;
+/**
+ * Resolve Box Model (Border, Border Radius, Shadow)
+ */
+export interface BoxModelStyles {
+    border?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+}
+export declare function resolveBoxModelStyles(borderColor?: string, borderWidth?: number, borderRadius?: number, shadowId?: string, designSystem?: PluginDesignSystem): BoxModelStyles;
+/**
+ * Resolve Container Grid Styles
+ */
+export declare function resolveContainerGridStyles(gridPresetId: string | undefined, designSystem: PluginDesignSystem, layoutMode?: 'flexbox' | 'grid'): React.CSSProperties;
+/**
+ * Resolve Form Field Styles
+ *
+ * Specialized resolver for form input fields
+ */
+export interface FormFieldStyles {
+    container: React.CSSProperties;
+    label: React.CSSProperties;
+    input: React.CSSProperties;
+    helpText: React.CSSProperties;
+    error: React.CSSProperties;
+}
+export declare function resolveFormFieldStyles(designSystem: PluginDesignSystem, options?: {
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    readOnly?: boolean;
+    hasError?: boolean;
+}): FormFieldStyles;
+/**
+ * Resolve Checkbox/Radio Styles
+ *
+ * Specialized resolver for checkbox and radio button fields
+ */
+export interface CheckboxRadioStyles {
+    container: React.CSSProperties;
+    label: React.CSSProperties;
+    input: React.CSSProperties;
+    optionLabel: React.CSSProperties;
+    helpText: React.CSSProperties;
+    groupContainer: React.CSSProperties;
+    optionContainer: React.CSSProperties;
+}
+export declare function resolveCheckboxRadioStyles(designSystem: PluginDesignSystem, options?: {
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    groupLayout?: 'vertical' | 'horizontal' | 'grid';
+    gridColumns?: number;
+}): CheckboxRadioStyles;
+/**
+ * Resolve Button Styles
+ *
+ * Specialized resolver for button elements
+ */
+export interface ButtonStyles {
+    button: React.CSSProperties;
+}
+export declare function resolveButtonStyles(designSystem: PluginDesignSystem, options?: {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    disabled?: boolean;
+}): ButtonStyles;
+//# sourceMappingURL=design-system-resolver.d.ts.map

package/dist/utils/design-system-resolver.d.ts.map

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

package/dist/utils/design-system.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Design System Utilities
+ *
+ * Default design system and utility functions
+ */
+import { type ClassValue } from "clsx";
+import type { SectionRendererDesignSystem } from "../types";
+/**
+ * Utility function for merging Tailwind CSS classes
+ * Uses clsx for conditional classes and tailwind-merge to resolve conflicts
+ *
+ * @param inputs - Class values to merge
+ * @returns Merged class string
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Default Design System
+ *
+ * Minimal design system for rendering without custom configuration
+ * Provides sensible defaults for all plugins
+ */
+export declare const defaultDesignSystem: SectionRendererDesignSystem;
+/**
+ * Create a custom design system by extending the default
+ *
+ * @param overrides - Partial design system to merge with defaults
+ * @returns Complete design system
+ */
+export declare function createDesignSystem(overrides?: Partial<SectionRendererDesignSystem>): SectionRendererDesignSystem;
+/**
+ * Story-ready dependencies object
+ *
+ * Pre-configured dependencies for Storybook stories.
+ * Provides the correct structure expected by RendererProps.
+ *
+ * NOTE: To use the real Design System from PostgreSQL export:
+ * 1. Import design-system.json
+ * 2. Use createDesignSystemFromJson to convert it to PluginDesignSystem
+ * 3. Use it in your stories
+ *
+ * @example
+ * ```ts
+ * import designSystemJson from '../../../../design-system/design-system.json';
+ * import { createDesignSystemFromJson } from '@codefluss/section-renderer';
+ *
+ * const realDesignSystem = createDesignSystemFromJson(designSystemJson);
+ * const storyDependencies = {
+ *   designSystem: realDesignSystem,
+ *   utils: { cn }
+ * };
+ * ```
+ */
+export declare const storyDependencies: {
+    designSystem: SectionRendererDesignSystem;
+    utils: {
+        cn: (...inputs: any[]) => string;
+    };
+};
+//# sourceMappingURL=design-system.d.ts.map

package/dist/utils/design-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.d.ts","sourceRoot":"","sources":["../../src/utils/design-system.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,2BA+QjC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CACjC,SAAS,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,GAC9C,2BAA2B,CAS7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,iBAAiB;;;aA3PpB,GAAG;;CA8PZ,CAAC"}

package/dist/utils/plugin-loader.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Plugin Loader Utilities
+ *
+ * Static plugin renderer registration for SSR compatibility
+ */
+import type { PluginId, PluginRendererMap } from "../types";
+/**
+ * Plugin Renderer Registry
+ *
+ * Static map of all available plugin renderers
+ * SSR-safe, no dynamic imports
+ */
+export declare const PLUGIN_RENDERERS: PluginRendererMap;
+/**
+ * Get plugin renderer by ID
+ *
+ * @param pluginId - Plugin identifier
+ * @returns Renderer component or null if not found
+ */
+export declare function getPluginRenderer(pluginId: PluginId): import("..").PluginRenderer | null;
+/**
+ * Check if plugin is supported
+ *
+ * @param pluginId - Plugin identifier to check
+ * @returns True if plugin renderer exists
+ */
+export declare function isPluginSupported(pluginId: string): pluginId is PluginId;
+/**
+ * Get all supported plugin IDs
+ *
+ * @returns Array of all registered plugin IDs
+ */
+export declare function getSupportedPlugins(): PluginId[];
+//# sourceMappingURL=plugin-loader.d.ts.map

package/dist/utils/plugin-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-loader.d.ts","sourceRoot":"","sources":["../../src/utils/plugin-loader.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAwB5D;;;;;GAKG;AAGH,eAAO,MAAM,gBAAgB,EAgBxB,iBAAiB,CAAC;AAEvB;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,sCASnD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,IAAI,QAAQ,CAExE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,QAAQ,EAAE,CAEhD"}

package/dist/utils/storybook-argtypes.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Storybook ArgTypes Generator
+ *
+ * Converts PropertyDefinition arrays into Storybook argTypes
+ * This ensures consistency between Context Panel controls and Storybook controls
+ *
+ * @package @codefluss/section-renderer
+ */
+import type { PropertyDefinition } from '@codefluss/base-types';
+import type { ArgTypes } from '@storybook/react';
+/**
+ * Convert PropertyDefinition array to Storybook ArgTypes
+ *
+ * @param properties - Array of property definitions
+ * @param dataPrefix - Prefix for property keys (default: 'data')
+ * @returns Storybook ArgTypes object
+ *
+ * @example
+ * ```ts
+ * const argTypes = propertyDefinitionsToArgTypes(formInputProperties);
+ * ```
+ */
+export declare function propertyDefinitionsToArgTypes(properties: PropertyDefinition[], dataPrefix?: string): ArgTypes;
+/**
+ * Create argTypes for common form field properties
+ * that all form plugins share
+ */
+export declare const commonFormFieldArgTypes: ArgTypes;
+//# sourceMappingURL=storybook-argtypes.d.ts.map

package/dist/utils/storybook-argtypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-argtypes.d.ts","sourceRoot":"","sources":["../../src/utils/storybook-argtypes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwBjD;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAC5C,UAAU,EAAE,kBAAkB,EAAE,EAChC,UAAU,GAAE,MAAe,GACzB,QAAQ,CAkDV;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAerC,CAAC"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@codefluss/section-renderer",
+  "version": "0.0.1-alpha.1",
+  "description": "Framework-agnostic SSR renderer for page sections",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "section-renderer",
+    "ssr",
+    "page-builder",
+    "react",
+    "framework-agnostic"
+  ],
+  "author": "Codefluss",
+  "license": "MIT",
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.4.0",
+    "@codefluss/base-types": "0.0.1-alpha.1",
+    "@codefluss/form-container": "0.0.1-alpha.1",
+    "@codefluss/form-checkbox": "0.0.1-alpha.1",
+    "@codefluss/container": "0.0.1-alpha.1",
+    "@codefluss/form-radio": "0.0.1-alpha.1",
+    "@codefluss/form-submit": "0.0.1-alpha.1",
+    "@codefluss/form-select": "0.0.1-alpha.1",
+    "@codefluss/form-textarea": "0.0.1-alpha.1",
+    "@codefluss/heading": "0.0.1-alpha.1",
+    "@codefluss/image": "0.0.1-alpha.1",
+    "@codefluss/paragraph": "0.0.1-alpha.1",
+    "@codefluss/form-input": "0.0.1-alpha.1",
+    "@codefluss/plugin-background-3d": "0.0.1-alpha.1",
+    "@codefluss/text": "0.0.1-alpha.1",
+    "@codefluss/plugin-configurator-3d": "0.0.1-alpha.1"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@storybook/react": "^10.1.8",
+    "@types/react": "19.2.4",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4",
+    "@codefluss/vite-config-lib": "0.0.1-alpha.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}