@levo-so/blocks 0.1.0 → 0.1.2

package/dist/blocks/hero/hero-2.d.ts

@@ -1,5 +0,0 @@
-import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import type { IHero2Content } from "./hero-2.schema";
-declare const Hero2: React.FC<ILevoBlockBaseProps<IHero2Content>>;
-export default Hero2;
-//# sourceMappingURL=hero-2.d.ts.map

package/dist/blocks/hero/hero-2.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Container, Heading, Image, Section, Typography, } from "@levo-so/studio";
-const Hero2 = () => (_jsx(Section, { elementKey: "layout", children: _jsx(Container, { elementKey: "container", children: _jsxs(Box, { elementKey: "content_wrapper", children: [_jsx(Typography, { elementKey: "accent_heading" }), _jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "sub_title" }), _jsx(Button, { elementKey: "button" }), _jsx(Box, { elementKey: "spacer" }), _jsxs(Box, { elementKey: "image_wrapper", children: [_jsx(Image, { elementKey: "image_desktop", width: 800, height: 600, alt: "hero image desktop" }), _jsx(Image, { elementKey: "image_mobile", width: 400, height: 300, alt: "hero image mobile" })] })] }) }) }));
-export default Hero2;

package/dist/blocks/hero/hero-2.schema.d.ts

@@ -1,46 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    content_wrapper: null;
-    title: string;
-    accent_heading: string;
-    sub_title: string;
-    button: string;
-    image_desktop: {
-        id: string;
-        location: string;
-        mimetype: string;
-        kind: string;
-        srcset: {
-            "1080w": string;
-            "1200w": string;
-            "1920w": string;
-            "320w": string;
-            "640w": string;
-            "750w": string;
-            "828w": string;
-            path: string;
-        };
-    };
-    image_mobile: {
-        id: string;
-        location: string;
-        mimetype: string;
-        kind: string;
-        srcset: {
-            "1080w": string;
-            "1200w": string;
-            "1920w": string;
-            "320w": string;
-            "640w": string;
-            "750w": string;
-            "828w": string;
-            path: string;
-        };
-    };
-};
-export type IHero2Content = typeof DEFAULT_CONTENT;
-export declare const Hero2: IBlock;
-export {};
-//# sourceMappingURL=hero-2.schema.d.ts.map

package/dist/blocks/hero/hero-2.schema.js

@@ -1,282 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    content_wrapper: null,
-    title: "Where Freshers Prepare and Land Their First Job",
-    accent_heading: "India's Largest Career Network Platform",
-    sub_title: "Curated exclusively for freshers, LineupX connect freshers and students with over 500 top employers actively recruiting from 100+ academic institutes. Our AI-powered tools help prepare and match you to maximize the opportunities for a perfect first job.",
-    button: "Book a Demo",
-    image_desktop: {
-        id: "QsAs4Om9TjJX",
-        location: "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX.png",
-        mimetype: "image/png",
-        kind: "image",
-        srcset: {
-            "1080w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1080w.webp",
-            "1200w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1200w.webp",
-            "1920w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1920w.webp",
-            "320w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-320w.webp",
-            "640w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-640w.webp",
-            "750w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-750w.webp",
-            "828w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-828w.webp",
-            path: "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1920w.webp 1920w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-320w.webp 320w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-640w.webp 640w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-750w.webp 750w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-828w.webp 828w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1080w.webp 1080w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1200w.webp 1200w",
-        },
-    },
-    image_mobile: {
-        id: "QsAs4Om9TjJX",
-        location: "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX.png",
-        mimetype: "image/png",
-        kind: "image",
-        srcset: {
-            "1080w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1080w.webp",
-            "1200w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1200w.webp",
-            "1920w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1920w.webp",
-            "320w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-320w.webp",
-            "640w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-640w.webp",
-            "750w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-750w.webp",
-            "828w": "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-828w.webp",
-            path: "https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1920w.webp 1920w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-320w.webp 320w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-640w.webp 640w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-750w.webp 750w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-828w.webp 828w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1080w.webp 1080w, https://space.levo.in.net/WZZKMUBH/image-qW3YQ1Uv4K2dy-jfwQp72ZrINX-1200w.webp 1200w",
-        },
-    },
-};
-export const Hero2 = {
-    category_id: "hero",
-    title: "Hero 2",
-    key: "hero-2",
-    version: "v1",
-    prompt_description: "Hero section featuring a vibrant illustration of connected user profiles, interface elements, and company logos, suggesting networking and opportunity, placed below headline, subheadline, and a central call-to-action button.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-            hint: {
-                prompt_description: "Defines the overall structural layout of the hero section, typically a centered columnar block with accent heading, title, subtitle, call-to-action, and supporting visuals. Should maintain strong visual hierarchy and balanced spacing for a modern landing page.",
-            },
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-            hint: {
-                prompt_description: "Main bounding container for the hero content. Ensures adequate horizontal margins and vertically centers content for desktop and mobile. Should maintain clarity and visual focus on the central text and CTA.",
-            },
-        },
-        {
-            key: "content_wrapper",
-            label: "Content Wrapper",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "A wrapper providing padding and alignment for the hero section’s textual content and primary call-to-action. Ensures optimal legibility and separation from background or visual elements.",
-            },
-        },
-        {
-            key: "accent_heading",
-            label: "Accent Heading",
-            field_interface: "TypographyWidget",
-            hint: {
-                prompt_description: "A short, uppercase or emphasized phrase placed above the main headline to introduce the platform’s unique value or status. Should be concise, attention-grabbing, and use a confident, aspirational tone.",
-                min_characters: 20,
-                max_characters: 60,
-            },
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-            hint: {
-                prompt_description: "The main headline of the hero section, designed to immediately communicate the core outcome or promise of the platform for freshers and students. Should be bold, clear, and aspirational.",
-                min_characters: 40,
-                max_characters: 80,
-            },
-        },
-        {
-            key: "sub_title",
-            label: "Sub Title",
-            field_interface: "TypographyWidget",
-            hint: {
-                prompt_description: "A descriptive paragraph summarizing the platform’s offering, tools, and unique advantages. Should elaborate on the headline, be informative and approachable, and fit as a supporting lead under the main title.",
-                min_characters: 120,
-                max_characters: 300,
-            },
-        },
-        {
-            key: "button",
-            label: "Button",
-            field_interface: "ButtonWidget",
-            hint: {
-                prompt_description: "Primary call-to-action button. Clear, direct, and action-oriented to prompt users to book a demo or get started. Should use a friendly but confident tone and fit on one line.",
-                min_characters: 8,
-                max_characters: 32,
-            },
-        },
-        {
-            key: "spacer",
-            label: "Spacer",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "An element to visually separate content blocks or add vertical spacing between the text content and the illustrative hero image, ensuring a balanced layout.",
-            },
-        },
-        {
-            key: "image_wrapper",
-            label: "Image Wrapper",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "A container for positioning and scaling the hero illustration or composite imagery, ensuring it aligns harmoniously with the surrounding text and background elements.",
-            },
-        },
-        {
-            key: "image_desktop",
-            label: "Hero Image Desktop",
-            field_interface: "MediaWidget",
-            hint: {
-                prompt_description: "Main illustrative or composite image for the hero section on desktop. Should visually reinforce the platform’s focus on freshers, students, and job opportunities. Orientation is landscape, size is large to cover significant horizontal space, with role as hero/lead illustrative visual.",
-                orientation: "landscape",
-                size: "large",
-                usecase: "hero",
-            },
-        },
-        {
-            key: "image_mobile",
-            label: "Hero Image Mobile",
-            field_interface: "MediaWidget",
-            hint: {
-                prompt_description: "Optimized version of the hero illustration or composite for mobile screens. Must be visually coherent with the desktop version but formatted for vertical (potrait) viewing, medium to large size, and serves as the visual focus for mobile hero sections.",
-                orientation: "portrait",
-                size: "medium",
-                usecase: "hero",
-            },
-        },
-    ],
-    layouts: [
-        {
-            title: "Default",
-            key: "default",
-            styles: {
-                layout: {
-                    width: "100%",
-                    "padding-bottom": "13xl",
-                    "background-color": "white",
-                },
-                container: {
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    width: "100%",
-                    position: "relative",
-                    "background-color": "brand",
-                    "padding-top": "11xl",
-                    "padding-bottom": "24xl",
-                    "media:max:768px": {
-                        "padding-top": "3xl",
-                        "padding-bottom": "22xl",
-                    },
-                    "media:max:480px": {
-                        "padding-top": "3xl",
-                        "padding-bottom": "15xl",
-                        "max-width": "none",
-                        "object-fit": "none",
-                        "padding-left": "md",
-                        "padding-right": "md",
-                    },
-                },
-                content_wrapper: {
-                    position: "relative",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "align-items": "center",
-                    "justify-content": "center",
-                    "row-gap": "xl",
-                    "column-gap": "xl",
-                },
-                accent_heading: {
-                    "text-align": "center",
-                    "font-size": "base",
-                    "font-weight": 700,
-                    "text-transform": "uppercase",
-                    "line-height": 1.625,
-                    color: "brandSecondary",
-                },
-                title: {
-                    "max-width": "66rem",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "text-align": "center",
-                    "font-size": "6xl",
-                    "font-weight": 700,
-                    "line-height": 1.5,
-                    color: "brandForeground",
-                    "media:max:480px": {
-                        "font-size": "4xl",
-                        "line-height": 1.5,
-                    },
-                },
-                sub_title: {
-                    "max-width": "42rem",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "padding-left": "5xs",
-                    "padding-right": "5xs",
-                    "text-align": "center",
-                    "font-size": "lg",
-                    "font-weight": 400,
-                    "line-height": 1.625,
-                    color: "brandForeground",
-                },
-                button: {
-                    "z-index": "10",
-                    "border-radius": "3xl",
-                    "padding-top": "base",
-                    "padding-right": "4xl",
-                    "padding-bottom": "base",
-                    "padding-left": "4xl",
-                    "text-align": "center",
-                    "font-size": "base",
-                    "font-weight": 600,
-                    "line-height": 1.625,
-                    "background-color": "brandSecondary",
-                    color: "brandSecondaryForeground",
-                    _hover: {
-                        opacity: 0.85,
-                    },
-                },
-                spacer: {
-                    width: "100%",
-                    height: "50%",
-                },
-                image_wrapper: {
-                    position: "absolute",
-                    "z-index": "0",
-                    top: "100%",
-                    display: "flex",
-                    "align-items": "center",
-                    "justify-content": "center",
-                    "media:min:1024px": {
-                        top: "80%",
-                    },
-                },
-                image_desktop: {
-                    "object-fit": "contain",
-                    display: "block",
-                    "media:min:640px": {
-                        display: "block",
-                    },
-                    "media:max:480px": {
-                        display: "none",
-                    },
-                    width: "100%",
-                    height: "auto",
-                },
-                image_mobile: {
-                    "object-fit": "contain",
-                    display: "block",
-                    "media:min:640px": {
-                        display: "none",
-                    },
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

package/dist/blocks/hero/hero-3.d.ts

@@ -1,5 +0,0 @@
-import { type ILevoBlockBaseProps } from "@levo-so/studio";
-import type { IHero3Content } from "./hero-3.schema";
-declare const Hero3: React.FC<ILevoBlockBaseProps<IHero3Content>>;
-export default Hero3;
-//# sourceMappingURL=hero-3.d.ts.map

package/dist/blocks/hero/hero-3.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading, Image, Typography, Container, Section, Box, } from "@levo-so/studio";
-const Hero3 = ({ content }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "header_wrapper", children: [_jsxs(Box, { elementKey: "badge_wrapper", children: [_jsx(Image, { alt: "", elementKey: "badge_icon", width: 20, height: 20 }), _jsx(Typography, { elementKey: "badge_text" })] }), _jsxs(Box, { elementKey: "headings_wrapper", children: [_jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" })] })] }), _jsx(Box, { "data-levo_group": true, elementKey: "features_levoGroup", children: [...(content.features ?? []).slice(0, 3)].map((_, index) => (_jsxs(Box, { "data-levo_group_item": true, elementKey: `features.${index}.card`, children: [_jsx(Box, { elementKey: `features.${index}.icon_wrapper`, children: _jsx(Image, { elementKey: `features.${index}.icon`, width: 24, height: 24, alt: "" }) }), _jsx(Heading, { elementKey: `features.${index}.title` }), _jsx(Typography, { elementKey: `features.${index}.description` })] }, index))) })] }) }));
-export default Hero3;

package/dist/blocks/hero/hero-3.schema.d.ts

@@ -1,54 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    header_wrapper: null;
-    badge_wrapper: null;
-    badge_icon: {
-        id: string;
-        location: string;
-        kind: string;
-        mimetype: string;
-        srcset: {
-            "1080w": string;
-            "1200w": string;
-            "1920w": string;
-            "320w": string;
-            "640w": string;
-            "750w": string;
-            "828w": string;
-            path: string;
-        };
-    };
-    badge_text: string;
-    headings_wrapper: null;
-    title: string;
-    description: string;
-    features_levoGroup: null;
-    features: {
-        card: null;
-        icon_wrapper: null;
-        icon: {
-            id: string;
-            location: string;
-            kind: string;
-            mimetype: string;
-            srcset: {
-                "1080w": string;
-                "1200w": string;
-                "1920w": string;
-                "320w": string;
-                "640w": string;
-                "750w": string;
-                "828w": string;
-                path: string;
-            };
-        };
-        title: string;
-        description: string;
-    }[];
-};
-export type IHero3Content = typeof DEFAULT_CONTENT;
-export declare const Hero3: IBlock;
-export {};
-//# sourceMappingURL=hero-3.schema.d.ts.map