@levo-so/blocks 0.1.0 → 0.1.2

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

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

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Box, Container, Icon, Section, Typography, } from "@levo-so/studio";
-const Footer3 = ({ content, }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsx(Box, { elementKey: "mainFooterWrapper", children: _jsx(Box, { elementKey: "links_levoGroup", "data-levo_group": true, children: (content?.links ?? [])?.map((section, sectionIndex) => (_jsxs(Box, { elementKey: `links.${sectionIndex}`, "data-levo_group_item": true, children: [_jsx(Typography, { elementKey: `links.${sectionIndex}.category` }), _jsx(Box, { elementKey: `links.${sectionIndex}.links_levoGroup`, "data-levo_group": true, children: (section?.links ?? [])?.map((link, linkIndex) => {
-                                    // Check if this is a contact item (has icon and contactWrapper)
-                                    const isContactItem = "icon" in link && "contactWrapper" in link;
-                                    if (isContactItem) {
-                                        return (_jsxs(Box, { elementKey: `links.${sectionIndex}.links.${linkIndex}.contactWrapper`, "data-levo_group_item": true, children: [_jsx(Icon, { elementKey: `links.${sectionIndex}.links.${linkIndex}.icon` }), _jsx(Typography, { elementKey: `links.${sectionIndex}.links.${linkIndex}.text` })] }, `footer-3-contact-${sectionIndex}-${linkIndex}`));
-                                    }
-                                    else {
-                                        // Regular link item
-                                        return (_jsx(Typography, { elementKey: `links.${sectionIndex}.links.${linkIndex}.text`, "data-levo_group_item": true }, `footer-3-link-${sectionIndex}-${linkIndex}`));
-                                    }
-                                }) })] }, `footer-3-section-${sectionIndex}`))) }) }), _jsxs(Box, { elementKey: "bottomSection", children: [_jsx(Typography, { elementKey: "copyright" }), _jsx(Box, { elementKey: "bottomLinks_levoGroup", "data-levo_group": true, children: (content?.bottomLinks ?? [])?.map((_, index) => (_jsxs(React.Fragment, { children: [_jsx(Typography, { "data-levo_group_item": true, elementKey: `bottomLinks.${index}.text` }), index < (content?.bottomLinks?.length ?? 0) - 1 && (_jsx(Box, { elementKey: `bottomLinks.${index}.separator`, "data-levo_group_item": true }))] }, `footer-3-bottom-${index}`))) }), _jsx(Box, { elementKey: "socialIcons_levoGroup", "data-levo_group": true, children: (content?.socialIcons ?? [])?.map((_, index) => (_jsx(Icon, { "data-levo_group_item": true, elementKey: `socialIcons.${index}.icon` }, `footer-3-social-${index}`))) })] })] }) }));
-export default Footer3;

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

@@ -1,48 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    mainFooterWrapper: null;
-    links: ({
-        category: string;
-        links: {
-            text: string;
-        }[];
-    } | {
-        category: string;
-        links: {
-            contactWrapper: null;
-            icon: {
-                kind: string;
-                data: {
-                    id: string;
-                    label: string;
-                    tags: string[];
-                    svgCode: string;
-                };
-            };
-            text: string;
-        }[];
-    })[];
-    bottomSection: null;
-    copyright: string;
-    bottomLinks: {
-        text: string;
-        separator: null;
-    }[];
-    socialIcons: {
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-    }[];
-};
-export type IFooter3Content = typeof DEFAULT_CONTENT;
-export declare const Footer3: IBlock;
-export {};
-//# sourceMappingURL=footer-3.schema.d.ts.map

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

@@ -1,475 +0,0 @@
-const DUMMY_ICON = {
-    kind: "icon",
-    data: {
-        id: "archive-minus",
-        label: "Archive Minus",
-        tags: ["archive", "custom", "directional", "minus"],
-        svgCode: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-    },
-};
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    mainFooterWrapper: null,
-    // All sections unified under links array (like Footer2)
-    links: [
-        {
-            category: "Real Estate Services",
-            links: [
-                { text: "Property Development" },
-                { text: "Investment Advisory" },
-                { text: "Land Acquisition" },
-                { text: "Urban Planning" },
-                { text: "Property Management" },
-                { text: "Smart Infrastructure" },
-            ],
-        },
-        {
-            category: "Company",
-            links: [
-                { text: "About Us" },
-                { text: "Leadership" },
-                { text: "Careers" },
-                { text: "Contact" },
-            ],
-        },
-        {
-            category: "Resources",
-            links: [
-                { text: "Blog" },
-                { text: "Market Reports" },
-                { text: "Case Studies" },
-                { text: "FAQs" },
-                { text: "Help Center" },
-            ],
-        },
-        {
-            category: "Contact Us",
-            links: [
-                {
-                    contactWrapper: null,
-                    icon: DUMMY_ICON,
-                    text: "(555) 123-4567",
-                },
-                {
-                    contactWrapper: null,
-                    icon: DUMMY_ICON,
-                    text: "info@dreamscape.com",
-                },
-                {
-                    contactWrapper: null,
-                    icon: DUMMY_ICON,
-                    text: "120, Part Avenue, New York, NY 213232, USA",
-                },
-            ],
-        },
-    ],
-    // Bottom section
-    bottomSection: null,
-    copyright: "Copyright © 2025",
-    bottomLinks: [
-        { text: "Privacy", separator: null },
-        { text: "Terms", separator: null },
-        { text: "Cookie", separator: null },
-        { text: "Security", separator: null },
-        { text: "Status", separator: null },
-    ],
-    // Social icons
-    socialIcons: [
-        {
-            icon: DUMMY_ICON,
-        },
-        {
-            icon: DUMMY_ICON,
-        },
-        {
-            icon: DUMMY_ICON,
-        },
-        {
-            icon: DUMMY_ICON,
-        },
-    ],
-};
-export const Footer3 = {
-    category_id: "footer",
-    title: "Footer 3",
-    key: "footer-3",
-    version: "v1",
-    prompt_description: "Professional footer with company info, service links, and contact details",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "mainFooterWrapper",
-            label: "Main Footer Wrapper",
-            field_interface: "BoxWidget",
-        },
-        // Unified links structure (like Footer2)
-        {
-            key: "links",
-            label: "Links Sections",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "category",
-                    label: "Section Title",
-                    field_interface: "TypographyWidget",
-                },
-                {
-                    key: "links",
-                    label: "Links",
-                    field_interface: "BoxWidget",
-                    kind: "group",
-                    fields: [
-                        {
-                            key: "text",
-                            label: "Link Text",
-                            field_interface: "TypographyWidget",
-                        },
-                        {
-                            key: "contactWrapper",
-                            label: "Contact Item Wrapper",
-                            field_interface: "BoxWidget",
-                        },
-                        {
-                            key: "icon",
-                            label: "Contact Icon",
-                            field_interface: "IconWidget",
-                        },
-                    ],
-                },
-            ],
-        },
-        {
-            key: "bottomSection",
-            label: "Bottom Section",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "copyright",
-            label: "Copyright Text",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "bottomLinks",
-            label: "Bottom Links",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "text",
-                    label: "Link Text",
-                    field_interface: "TypographyWidget",
-                },
-                {
-                    key: "separator",
-                    label: "Separator",
-                    field_interface: "BoxWidget",
-                },
-            ],
-        },
-        {
-            key: "socialIcons",
-            label: "Social Icons",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "icon",
-                    label: "Social Icon",
-                    field_interface: "IconWidget",
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            title: "Default",
-            key: "default",
-            content: DEFAULT_CONTENT,
-            config: {},
-            styles: {
-                layout: {
-                    "background-color": "background-1",
-                    "padding-top": "3xl",
-                    "padding-bottom": "none",
-                },
-                container: {
-                    "max-width": "1280px",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "padding-left": "xl",
-                    "padding-right": "xl",
-                    filter: "none",
-                    "padding-bottom": "none",
-                    mobile: {
-                        filter: "none",
-                    },
-                    tablet: {
-                        filter: "none",
-                        display: "block",
-                    },
-                },
-                mainFooterWrapper: {
-                    display: "flex",
-                    "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-                    "column-gap": "2xl",
-                    "row-gap": "xl",
-                    "margin-bottom": "none",
-                    "padding-bottom": "2xl",
-                    "border-bottom-width": "1px",
-                    "border-color": "border",
-                    tablet: {
-                        "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                        filter: "none",
-                    },
-                    mobile: {
-                        "grid-template-columns": "repeat(1, minmax(0, 1fr))",
-                        filter: "none",
-                        "flex-direction": "column",
-                    },
-                    filter: "none",
-                    width: "100%",
-                    "align-items": "start",
-                    "justify-content": "space-between",
-                },
-                links_levoGroup: {
-                    display: "flex",
-                    "column-gap": "2xl",
-                    "row-gap": "xl",
-                    tablet: {
-                        filter: "none",
-                        "flex-direction": "column",
-                        display: "flex",
-                        "justify-content": "start",
-                        "align-items": "start",
-                    },
-                    mobile: {
-                        filter: "none",
-                        "flex-direction": "column",
-                        width: "100%",
-                    },
-                    filter: "none",
-                    "justify-content": "space-between",
-                    "align-items": "start",
-                    width: "100%",
-                },
-                links: [
-                    {
-                        category: {
-                            "font-size": "base",
-                            "font-weight": "600",
-                            color: "text-1",
-                            "margin-bottom": "xs",
-                            filter: "none",
-                            tablet: {
-                                filter: "none",
-                            },
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                            filter: "none",
-                        },
-                        links: [
-                            {
-                                text: {
-                                    "font-size": "sm",
-                                    color: "text-2",
-                                    "line-height": "1.5",
-                                    filter: "none",
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        category: {
-                            "font-size": "base",
-                            "font-weight": "600",
-                            color: "text-1",
-                            "margin-bottom": "xs",
-                            filter: "none",
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                            filter: "none",
-                        },
-                        links: [
-                            {
-                                text: {
-                                    "font-size": "sm",
-                                    color: "text-2",
-                                    "line-height": "1.5",
-                                    filter: "none",
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        category: {
-                            "font-size": "base",
-                            "font-weight": "600",
-                            color: "text-1",
-                            "margin-bottom": "xs",
-                            filter: "none",
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                            filter: "none",
-                        },
-                        links: [
-                            {
-                                text: {
-                                    "font-size": "sm",
-                                    color: "text-2",
-                                    "line-height": "1.5",
-                                    filter: "none",
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        category: {
-                            "font-size": "base",
-                            "font-weight": "600",
-                            color: "text-1",
-                            "margin-bottom": "xs",
-                            filter: "none",
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "md",
-                            filter: "none",
-                        },
-                        links: [
-                            {
-                                contactWrapper: {
-                                    display: "flex",
-                                    "align-items": "center",
-                                    "column-gap": "xs",
-                                    filter: "none",
-                                },
-                                icon: {
-                                    "object-fit": "contain",
-                                    "flex-shrink": "0",
-                                    filter: "none",
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                                text: {
-                                    "font-size": "sm",
-                                    color: "text-2",
-                                    "line-height": "1.5",
-                                    filter: "none",
-                                },
-                            },
-                            {
-                                contactWrapper: {
-                                    filter: "none",
-                                    display: "flex",
-                                    "column-gap": "xs",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    filter: "none",
-                                },
-                            },
-                            {
-                                contactWrapper: {
-                                    filter: "none",
-                                    mobile: {
-                                        filter: "none",
-                                    },
-                                    display: "flex",
-                                    "flex-shrink": "0",
-                                    "column-gap": "xs",
-                                    width: "100%",
-                                    "align-items": "center",
-                                },
-                                text: {
-                                    filter: "none",
-                                    "max-width": "250px",
-                                },
-                            },
-                        ],
-                    },
-                ],
-                bottomSection: {
-                    display: "flex",
-                    "justify-content": "space-between",
-                    "align-items": "center",
-                    "flex-wrap": "wrap",
-                    "row-gap": "base",
-                    mobile: {
-                        "flex-direction": "column",
-                        "align-items": "center",
-                        filter: "none",
-                        "justify-content": "center",
-                        display: "flex",
-                    },
-                    filter: "none",
-                    "margin-top": "base",
-                    "margin-bottom": "none",
-                    "padding-bottom": "base",
-                    tablet: {
-                        filter: "none",
-                        "flex-direction": "column",
-                    },
-                },
-                copyright: {
-                    "font-size": "sm",
-                    color: "text-2",
-                },
-                bottomLinks_levoGroup: {
-                    display: "flex",
-                    "align-items": "center",
-                    "column-gap": "base",
-                    "flex-wrap": "wrap",
-                    mobile: {
-                        filter: "none",
-                        display: "flex",
-                        "justify-content": "center",
-                        "align-items": "center",
-                        "row-gap": "md",
-                    },
-                    tablet: {
-                        filter: "none",
-                    },
-                },
-                "bottomLinks.$.text": {
-                    "font-size": "sm",
-                    color: "text-2",
-                },
-                "bottomLinks.$.separator": {
-                    width: "1px",
-                    height: "16px",
-                    "background-color": "border",
-                },
-                socialIcons_levoGroup: {
-                    display: "flex",
-                    "align-items": "center",
-                    "column-gap": "xs",
-                    filter: "none",
-                },
-                "socialIcons.$.icon": {
-                    "object-fit": "contain",
-                },
-            },
-        },
-    ],
-};

package/dist/blocks/footer/footer-4.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { type ILevoBlockBaseProps } from "@levo-so/studio";
-import { type IFooter4Content } from "./footer-4.schema";
-declare const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>>;
-export default Footer4;
-//# sourceMappingURL=footer-4.d.ts.map

package/dist/blocks/footer/footer-4.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Box, Container, Icon, Image, Section, Typography, } from "@levo-so/studio";
-const Footer4 = ({ content, }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "contentWrapper", children: [_jsxs(Box, { elementKey: "logoTextWrapper", children: [_jsx(Image, { elementKey: "logo", height: 26, width: 26, alt: "footer-logo" }), _jsx(Typography, { elementKey: "logoDescription" }), _jsx(Box, { elementKey: "icon_links_levoGroup", "data-levo_group": true, children: (content?.icon_links ?? [])?.map((_, index) => (_jsxs(Box, { "data-levo_group_item": true, elementKey: `icon_links.${index}.iconWrapper`, children: [_jsx(Icon, { elementKey: `icon_links.${index}.icon` }), _jsx(Typography, { elementKey: `icon_links.${index}.description` })] }, `footer-4-icon-${index}`))) })] }), _jsx(Box, { "data-levo_group": true, elementKey: "links_levoGroup", children: (content?.links ?? [])?.map((_, index) => (_jsxs(Box, { elementKey: `links.${index}.links`, "data-levo_group_item": true, children: [_jsx(Typography, { elementKey: `links.${index}.category` }), _jsx(Box, { elementKey: `links.${index}.links_levoGroup`, "data-levo_group": true, children: (content?.links?.[index]?.links ?? [])?.map((_, subIndex) => (_jsxs(Box, { elementKey: `links.${index}.links.${subIndex}.iconCtaWrapper`, "data-levo_group_item": true, children: [_jsx(Icon, { elementKey: `links.${index}.links.${subIndex}.icon` }), _jsx(Typography, { elementKey: `links.${index}.links.${subIndex}.cta` }, `footer-4-links-${index}-${subIndex}`)] }, `footer-4-links-${index}-${subIndex}`))) })] }, `footer-4-links-${index}`))) })] }), _jsxs(Box, { elementKey: "footerBottomWrapper", children: [_jsx(Typography, { elementKey: "copyright" }), _jsx(Box, { elementKey: "footerBottomRightArea_levoGroup", "data-levo_group": true, children: (content?.footerBottomRightArea ?? [])?.map((_, index) => (_jsxs(React.Fragment, { children: [_jsx(Typography, { "data-levo_group_item": true, elementKey: `footerBottomRightArea.${index}.cta` }), index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (_jsx(Box, { elementKey: `footerBottomRightArea.${index}.separator`, "data-levo_group_item": true }))] }, `footer-4-right-area-${index}`))) })] })] }) }));
-export default Footer4;

package/dist/blocks/footer/footer-4.schema.d.ts

@@ -1,71 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    contentWrapper: null;
-    logoTextWrapper: null;
-    logo: {
-        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;
-        };
-    };
-    logoDescription: string;
-    icon_links: {
-        iconWrapper: null;
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        description: string;
-        link: null;
-    }[];
-    links: ({
-        category: string;
-        links: {
-            cta: string;
-            icon: null;
-            iconCtaWrapper: null;
-        }[];
-    } | {
-        category: string;
-        links: {
-            iconCtaWrapper: null;
-            cta: string;
-            icon: {
-                kind: string;
-                data: {
-                    id: string;
-                    label: string;
-                    tags: string[];
-                    svgCode: string;
-                };
-            };
-        }[];
-    })[];
-    copyright: string;
-    footerBottomRightArea: {
-        link: null;
-        cta: string;
-        separator: null;
-    }[];
-};
-export type IFooter4Content = typeof DEFAULT_CONTENT;
-export declare const Footer4: IBlock;
-export {};
-//# sourceMappingURL=footer-4.schema.d.ts.map