@levo-so/blocks 0.1.1 → 0.1.2

package/dist/blocks/faq/faq-3.schema.js

@@ -1,444 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    // header section
-    header_container: null,
-    title: "Frequently Asked Questions",
-    description: "Get quick answers to the most common questions from our experienced team.",
-    // main content wrapper with accordion and image in row
-    main_content_container: null,
-    // accordions wrapper
-    accordions_container: null,
-    faqs: [
-        {
-            wrapper: null,
-            trigger: null,
-            content: null,
-            iconQuestionWrapper: null,
-            triggerIcon: null,
-            question: "How do I initiate a consultation with your team?",
-            answer: "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your concerns",
-        },
-        {
-            wrapper: null,
-            trigger: null,
-            content: null,
-            iconQuestionWrapper: null,
-            triggerIcon: null,
-            question: "What areas do you specialize in?",
-            answer: "We specialize in multiple areas including business strategy, technology solutions, and operational excellence to help you achieve your goals",
-        },
-        {
-            wrapper: null,
-            trigger: null,
-            content: null,
-            iconQuestionWrapper: null,
-            triggerIcon: null,
-            question: "How does your pricing structure work?",
-            answer: "Our pricing is transparent and tailored to your specific needs. We offer flexible packages and will discuss all costs upfront during your consultation",
-        },
-        {
-            wrapper: null,
-            trigger: null,
-            content: null,
-            iconQuestionWrapper: null,
-            triggerIcon: null,
-            question: "What sets your team apart from others?",
-            answer: "Our commitment to excellence, proven track record, and personalized approach ensure that every client receives the highest quality service and results",
-        },
-    ],
-    cta: "Learn more",
-    faq_image: {
-        id: "7141014160938075687",
-        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-            "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-            "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-            "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-            "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-            "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-            "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-            "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-            path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-    },
-};
-export const Faq3 = {
-    category_id: "faqs",
-    title: "FAQ 3",
-    key: "faq-3",
-    version: "v1",
-    prompt_description: "Header section with title and description in flex row layout, followed by accordion-style FAQ list alongside a large illustrative image in a horizontal row layout.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "header_container",
-            label: "Header Container",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Container for the header section with title and description in flex row layout. No content generation required.",
-            },
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-            hint: {
-                prompt_description: "The main headline for the FAQ section. Should be clear and encouraging, letting visitors know they can find answers to common questions. Use a confident, helpful tone.",
-                min_characters: 16,
-                max_characters: 40,
-            },
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-            hint: {
-                prompt_description: "Brief description that appears next to the title in the header section. Should provide context about the FAQ section and encourage users to explore the questions. Use a helpful, welcoming tone.",
-                min_characters: 40,
-                max_characters: 120,
-            },
-        },
-        {
-            key: "main_content_container",
-            label: "Main Content Container",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "accordions_container",
-            label: "Accordions Container",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "faqs",
-            label: "FAQs",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "wrapper",
-                    label: "Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "trigger",
-                    label: "Trigger",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "iconQuestionWrapper",
-                    label: "Question Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "triggerIcon",
-                    label: "Icon",
-                    field_interface: "ImageWidget",
-                },
-                {
-                    key: "question",
-                    label: "Question",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "A frequently asked question. Should be direct, clear, and phrased from the user's perspective. Professional, sincere tone.",
-                        min_characters: 32,
-                        max_characters: 90,
-                    },
-                },
-                {
-                    key: "content",
-                    label: "Content",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "answer",
-                    label: "Answer",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Concise, helpful answer to the FAQ. Should reassure the user, provide next steps or informative details. Tone should be clear, supportive, and professional.",
-                        min_characters: 56,
-                        max_characters: 220,
-                    },
-                },
-            ],
-            hint: {
-                prompt_description: "A group of collapsible FAQ items, each featuring a common question and informative answer for visitors.",
-                min_items: 4,
-                max_items: 8,
-            },
-        },
-        {
-            key: "cta",
-            label: "CTA",
-            field_interface: "ButtonWidget",
-        },
-        {
-            key: "faq_image",
-            label: "FAQ Image",
-            field_interface: "ImageWidget",
-            hint: {
-                prompt_description: "A large, clean illustration or image supporting the FAQ section visually. Should convey trust, professionalism, and clarity, used as a visual balance alongside the FAQs.",
-                orientation: "portrait",
-                size: "large",
-                usecase: "other",
-            },
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-top": "5xl",
-                    "padding-bottom": "5xl",
-                    "padding-left": "3xl",
-                    "padding-right": "3xl",
-                    width: "100%",
-                    tablet: {
-                        "padding-top": "4xl",
-                        "padding-bottom": "4xl",
-                        "padding-left": "2xl",
-                        "padding-right": "2xl",
-                    },
-                    mobile: {
-                        "padding-top": "3xl",
-                        "padding-bottom": "3xl",
-                        "padding-left": "base",
-                        "padding-right": "base",
-                    },
-                },
-                container: {
-                    "max-width": "1280px",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "4xl",
-                },
-                header_container: {
-                    display: "flex",
-                    width: "100%",
-                    "justify-content": "space-between",
-                    "align-items": "center",
-                    mobile: {
-                        "flex-direction": "column",
-                        "align-items": "flex-start",
-                        "row-gap": "lg",
-                    },
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 700,
-                    color: "text-1",
-                    margin: "0",
-                    mobile: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "font-size": "lg",
-                    color: "text-2",
-                    "font-weight": 400,
-                    "line-height": "1.6",
-                    mobile: {
-                        "font-size": "base",
-                        "margin-top": "sm",
-                    },
-                },
-                main_content_container: {
-                    display: "flex",
-                    width: "100%",
-                    "align-items": "flex-start",
-                    "column-gap": "4xl",
-                    tablet: {
-                        "column-gap": "3xl",
-                    },
-                    mobile: {
-                        "flex-direction": "column",
-                        "row-gap": "3xl",
-                    },
-                },
-                accordions_container: {
-                    display: "flex",
-                    flex: "1",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                },
-                faq_image: {
-                    height: "500px",
-                    width: "400px",
-                    "flex-shrink": "0",
-                    tablet: {
-                        width: "350px",
-                        height: "435px",
-                    },
-                    mobile: {
-                        width: "100%",
-                        height: "300px",
-                        "object-fit": "cover",
-                    },
-                },
-                cta: {
-                    width: "fit-content",
-                    "margin-top": "xl",
-                },
-                faqs: [
-                    {
-                        wrapper: {
-                            "padding-top": "none",
-                            "padding-bottom": "none",
-                            "border-color": "border",
-                            "border-bottom-width": "1px",
-                            "border-style": "solid",
-                        },
-                        question: {
-                            "font-size": "xl",
-                            "font-weight": 600,
-                            color: "text-1",
-                            tablet: {
-                                "font-size": "lg",
-                            },
-                        },
-                        content: {
-                            "padding-top": "none",
-                            "padding-bottom": "lg",
-                        },
-                        trigger: {
-                            "padding-top": "lg",
-                            "padding-bottom": "lg",
-                            display: "flex",
-                        },
-                        iconQuestionWrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "base",
-                        },
-                        answer: {
-                            color: "text-2",
-                            "line-height": "1.6",
-                        },
-                    },
-                    {
-                        wrapper: {
-                            "padding-top": "none",
-                            "padding-bottom": "none",
-                            "border-color": "border",
-                            "border-bottom-width": "1px",
-                            "border-style": "solid",
-                        },
-                        question: {
-                            "font-size": "xl",
-                            "font-weight": 600,
-                            color: "text-1",
-                            tablet: {
-                                "font-size": "lg",
-                            },
-                        },
-                        content: {
-                            "padding-top": "none",
-                            "padding-bottom": "lg",
-                        },
-                        trigger: {
-                            "padding-top": "lg",
-                            "padding-bottom": "lg",
-                            display: "flex",
-                        },
-                        iconQuestionWrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "base",
-                        },
-                        answer: {
-                            color: "text-2",
-                            "line-height": "1.6",
-                        },
-                    },
-                    {
-                        wrapper: {
-                            "padding-top": "none",
-                            "padding-bottom": "none",
-                            "border-color": "border",
-                            "border-bottom-width": "1px",
-                            "border-style": "solid",
-                        },
-                        question: {
-                            "font-size": "xl",
-                            "font-weight": 600,
-                            color: "text-1",
-                            tablet: {
-                                "font-size": "lg",
-                            },
-                        },
-                        content: {
-                            "padding-top": "none",
-                            "padding-bottom": "lg",
-                        },
-                        trigger: {
-                            "padding-top": "lg",
-                            "padding-bottom": "lg",
-                            display: "flex",
-                        },
-                        iconQuestionWrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "base",
-                        },
-                        answer: {
-                            color: "text-2",
-                            "line-height": "1.6",
-                        },
-                    },
-                    {
-                        wrapper: {
-                            "padding-top": "none",
-                            "padding-bottom": "none",
-                            "border-color": "border",
-                            "border-bottom-width": "1px",
-                            "border-style": "solid",
-                        },
-                        question: {
-                            "font-size": "xl",
-                            "font-weight": 600,
-                            color: "text-1",
-                            tablet: {
-                                "font-size": "lg",
-                            },
-                        },
-                        content: {
-                            "padding-top": "none",
-                            "padding-bottom": "lg",
-                        },
-                        trigger: {
-                            "padding-top": "lg",
-                            "padding-bottom": "lg",
-                            display: "flex",
-                        },
-                        iconQuestionWrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "base",
-                        },
-                        answer: {
-                            color: "text-2",
-                            "line-height": "1.6",
-                        },
-                    },
-                ],
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

package/dist/blocks/features/features-1/features-1.d.ts

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

package/dist/blocks/features/features-1/features-1.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Container, Heading, Icon, Section, Typography, } from "@levo-so/studio";
-const Features1 = ({ content, }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "text_wrapper", children: [_jsx(Typography, { elementKey: "label" }), _jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" })] }), _jsx(Box, { elementKey: "specialties_levoGroup", "data-levo_group": true, children: (content.specialties ?? []).map((_, index) => (_jsxs(Box, { elementKey: `specialties.${index}.content_wrapper`, "data-levo_group_item": true, children: [_jsx(Box, { elementKey: `specialties.${index}.icon_wrapper`, children: _jsx(Icon, { elementKey: `specialties.${index}.icon` }) }), _jsxs(Box, { elementKey: `specialties.${index}.text_wrapper`, children: [_jsx(Heading, { elementKey: `specialties.${index}.title` }), _jsx(Typography, { elementKey: `specialties.${index}.description` }), _jsx(Typography, { elementKey: `specialties.${index}.caption` }), _jsx(Button, { elementKey: `specialties.${index}.cta` })] })] }, `features-1-feature-${index}`))) })] }) }));
-export default Features1;

package/dist/blocks/features/features-1/features-1.schema.d.ts

@@ -1,5 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-import type { DEFAULT_CONTENT } from "./variants";
-export type IFeatures1Content = typeof DEFAULT_CONTENT;
-export declare const Features1: IBlock;
-//# sourceMappingURL=features-1.schema.d.ts.map

package/dist/blocks/features/features-1/features-1.schema.js

@@ -1,142 +0,0 @@
-import { defaultFeatures1Variant, stylizedCardsV1Features1Variant, stylizedCardsV2Features1Variant, } from "./variants";
-export const Features1 = {
-    category_id: "features",
-    title: "Features 1",
-    key: "features-1",
-    version: "v1",
-    prompt_description: "Centered headline and description above a two-row, three-column grid of cards, each featuring an icon, bold specialty name, and brief supporting text.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-            hint: {
-                prompt_description: "Overall structural layout for the entire 'Healthcare Specialties' content block. Ensures proper spacing and alignment for a clean, modern medical presentation.",
-            },
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-            hint: {
-                prompt_description: "The main container that centers and constrains the block's width, providing a tidy, spacious visual frame suited to a professional healthcare context.",
-            },
-        },
-        {
-            key: "text_wrapper",
-            label: "Text Wrapper",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Wrapper to group the heading and description at the top of the block, aligning them center and ensuring consistent vertical spacing.",
-            },
-        },
-        {
-            key: "label",
-            label: "Label",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-            hint: {
-                prompt_description: "Primary headline introducing the section and setting a trustworthy, authoritative tone. Use clear, formal, and concise phrasing suitable for healthcare. Should capture attention but remain professional.",
-                min_characters: 20,
-                max_characters: 40,
-            },
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-            hint: {
-                prompt_description: "Supportive subtitle beneath the headline. Should briefly explain the section's purpose in an approachable, professional, and informative tone. Use 1–2 sentences.",
-                min_characters: 70,
-                max_characters: 180,
-            },
-        },
-        {
-            key: "specialties",
-            label: "Specialties",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "content_wrapper",
-                    label: "Content Wrapper",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Container for an individual specialty card, organizing its icon and texts with a clean border and balanced padding.",
-                    },
-                },
-                {
-                    key: "icon_wrapper",
-                    label: "Icon Wrapper",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Holds and centers the specialty icon or image at the top of each card to ensure consistent spacing and display.",
-                    },
-                },
-                {
-                    key: "icon",
-                    label: "Icon",
-                    field_interface: "IconWidget",
-                    hint: {
-                        prompt_description: "Simple, easily recognizable icon representing the specialty. Use soft blue hues to match the healthcare theme and ensure clarity at small sizes.",
-                        orientation: "landscape",
-                        size: "small",
-                        usecase: "icon",
-                    },
-                },
-                {
-                    key: "text_wrapper",
-                    label: "Text Wrapper",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Groups the specialty title and description for vertical alignment and spacing within the card.",
-                    },
-                },
-                {
-                    key: "title",
-                    label: "Title",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Specialty name featured as a bold card heading. Use succinct and clear phrasing (2–4 words), all significant words capitalized. Professional and direct style.",
-                        min_characters: 8,
-                        max_characters: 24,
-                    },
-                },
-                {
-                    key: "description",
-                    label: "Description",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Short descriptive tagline for the specialty. Should inform the reader of the focus and benefit of each medical area in 1–2 sentences. Friendly yet expert tone.",
-                        min_characters: 60,
-                        max_characters: 140,
-                    },
-                },
-                {
-                    key: "caption",
-                    label: "Caption",
-                    field_interface: "TypographyWidget",
-                },
-                {
-                    key: "cta",
-                    label: "Cta",
-                    field_interface: "ButtonWidget",
-                },
-            ],
-            hint: {
-                prompt_description: "Collection of medical specialties, each displayed as an individual card with icon, title, and description. Presented in a neat, two-row grid (3 cards per row). Use distinct titles and relevant text for 6 specialties.",
-                min_items: 3,
-                max_items: 6,
-            },
-        },
-    ],
-    layouts: [
-        defaultFeatures1Variant,
-        stylizedCardsV1Features1Variant,
-        stylizedCardsV2Features1Variant,
-    ],
-};

package/dist/blocks/features/features-1/variants/default.d.ts

@@ -1,37 +0,0 @@
-import type { IBlockLayouts } from "@levo-so/studio";
-export declare const DUMMY_ICON: {
-    kind: string;
-    data: {
-        id: string;
-        label: string;
-        tags: string[];
-        svgCode: string;
-    };
-};
-export declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    text_wrapper: null;
-    title: string;
-    description: string;
-    specialties: {
-        content_wrapper: null;
-        text_wrapper: null;
-        icon_wrapper: null;
-        title: string;
-        description: string;
-        caption: string;
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        cta: string;
-    }[];
-};
-export declare const defaultFeatures1Variant: IBlockLayouts;
-//# sourceMappingURL=default.d.ts.map