@levo-so/blocks 0.1.0 → 0.1.2

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

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

package/dist/blocks/footer/footer-1.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 Footer1 = ({ 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) => (_jsx(Icon, { "data-levo_group_item": true, elementKey: `icon_links.${index}.icon` }, `footer-1-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-1-links-${index}-${subIndex}`)] }, `footer-1-links-${index}-${subIndex}`))) })] }, `footer-1-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-1-right-area-${index}`))) })] })] }) }));
-export default Footer1;

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

@@ -1,62 +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: {
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        link: null;
-    }[];
-    links: {
-        category: string;
-        links: {
-            cta: string;
-            icon: {
-                kind: string;
-                data: {
-                    id: string;
-                    label: string;
-                    tags: string[];
-                    svgCode: string;
-                };
-            };
-            iconCtaWrapper: null;
-        }[];
-    }[];
-    copyright: string;
-    footerBottomRightArea: {
-        link: null;
-        cta: string;
-        separator: null;
-    }[];
-};
-export type IFooter1Content = typeof DEFAULT_CONTENT;
-export declare const Footer1: IBlock;
-export {};
-//# sourceMappingURL=footer-1.schema.d.ts.map

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

@@ -1,565 +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,
-    contentWrapper: null,
-    // logo and description
-    logoTextWrapper: null,
-    logo: {
-        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",
-        },
-    },
-    logoDescription: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
-    // icon links below logo description
-    icon_links: [
-        {
-            icon: DUMMY_ICON,
-            link: null,
-        },
-        {
-            icon: DUMMY_ICON,
-            link: null,
-        },
-        {
-            icon: DUMMY_ICON,
-            link: null,
-        },
-        {
-            icon: DUMMY_ICON,
-            link: null,
-        },
-    ],
-    // middle links area
-    links: [
-        {
-            category: "Links",
-            links: [
-                { cta: "Home", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "About Us", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Teams", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Blog", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Appointment", icon: DUMMY_ICON, iconCtaWrapper: null },
-            ],
-        },
-        {
-            category: "Practice Areas",
-            links: [
-                { cta: "Family Law", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Criminal Law", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Civil Law", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Compensation", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Bank Law", icon: DUMMY_ICON, iconCtaWrapper: null },
-                { cta: "Cases Succession", icon: DUMMY_ICON, iconCtaWrapper: null },
-            ],
-        },
-        {
-            category: "Contact Us",
-            links: [
-                {
-                    iconCtaWrapper: null,
-                    cta: "9425026178",
-                    icon: DUMMY_ICON,
-                },
-                {
-                    iconCtaWrapper: null,
-                    cta: "info@verdictlybpl.com",
-                    icon: DUMMY_ICON,
-                },
-                {
-                    iconCtaWrapper: null,
-                    cta: "Facebook",
-                    icon: DUMMY_ICON,
-                },
-            ],
-        },
-    ],
-    // footer bottom area
-    copyright: "Copyright @ 2025",
-    footerBottomRightArea: [
-        {
-            link: null,
-            cta: "Disclaimer",
-            separator: null,
-        },
-        {
-            link: null,
-            cta: "Privacy Policy",
-            separator: null,
-        },
-    ],
-};
-export const Footer1 = {
-    category_id: "footer",
-    title: "Footer 1",
-    key: "footer-1",
-    version: "v1",
-    prompt_description: "Four-column footer with logo and tagline on the left, followed by columns for useful links, practice areas, and contact details with icons; bottom row features copyright and legal links.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "contentWrapper",
-            label: "Content Wrapper",
-            field_interface: "BoxWidget",
-        },
-        // logo and description area
-        {
-            key: "logoTextWrapper",
-            label: "Logo Text Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "logo",
-            label: "Logo",
-            field_interface: "ImageWidget",
-        },
-        {
-            key: "logoDescription",
-            label: "Description",
-            field_interface: "TypographyWidget",
-        },
-        // icon links
-        {
-            key: "icon_links",
-            label: "Icon Links",
-            kind: "group",
-            field_interface: "BoxWidget",
-            fields: [
-                {
-                    key: "icon",
-                    label: "Icon",
-                    field_interface: "IconWidget",
-                },
-            ],
-        },
-        // middle links area
-        {
-            key: "links",
-            label: "Links",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "category",
-                    label: "Category",
-                    field_interface: "TypographyWidget",
-                },
-                {
-                    key: "links",
-                    label: "Links",
-                    field_interface: "BoxWidget",
-                    kind: "group",
-                    fields: [
-                        {
-                            key: "iconCtaWrapper",
-                            label: "Icon CTA Wrapper",
-                            field_interface: "BoxWidget",
-                        },
-                        {
-                            key: "cta",
-                            label: "CTA",
-                            field_interface: "TypographyWidget",
-                        },
-                        {
-                            key: "icon",
-                            label: "Icon",
-                            field_interface: "IconWidget",
-                        },
-                    ],
-                },
-            ],
-        },
-        // footer bottom area
-        {
-            key: "footerBottomWrapper",
-            label: "Footer Bottom Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "copyright",
-            label: "Copyright Text",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "footerBottomRightArea",
-            label: "Footer Bottom Right Area",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "cta",
-                    label: "CTA",
-                    field_interface: "TypographyWidget",
-                },
-                {
-                    key: "separator",
-                    label: "Separator",
-                    field_interface: "BoxWidget",
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            title: "Default",
-            key: "default",
-            styles: {
-                layout: {
-                    "padding-top": "80px",
-                    "padding-left": "112px",
-                    "padding-right": "112px",
-                    tablet: {
-                        padding: "50px",
-                        "padding-bottom": "0px",
-                    },
-                    mobile: {
-                        padding: "40px",
-                        "padding-bottom": "0px",
-                    },
-                },
-                container: {
-                    display: "flex",
-                    "flex-direction": "column",
-                    "column-gap": "none",
-                    "row-gap": "2xl",
-                },
-                footerBottomWrapper: {
-                    "border-style": "solid",
-                    "border-color": "var(--color-border)",
-                    "border-top-width": "1px",
-                    "padding-top": "xl",
-                    display: "flex",
-                    "align-items": "center",
-                    "justify-content": "space-between",
-                    "padding-bottom": "xl",
-                },
-                footerBottomRightArea_levoGroup: {
-                    display: "flex",
-                    "column-gap": "sm",
-                    "align-items": "center",
-                },
-                footerBottomRightArea: [
-                    {
-                        link: {},
-                        cta: {},
-                        separator: {
-                            width: "1px",
-                            height: "1rem",
-                            "background-color": "var(--color-border)",
-                            "margin-left": "sm",
-                            "margin-right": "sm",
-                        },
-                    },
-                    {
-                        link: {},
-                        cta: {},
-                        separator: {
-                            width: "1px",
-                            height: "1rem",
-                            "background-color": "var(--color-border)",
-                            "margin-left": "sm",
-                            "margin-right": "sm",
-                        },
-                    },
-                ],
-                contentWrapper: {
-                    display: "flex",
-                    tablet: {
-                        "flex-direction": "column",
-                        "row-gap": "lg",
-                    },
-                },
-                logoTextWrapper: {
-                    "max-width": "20%",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "sm",
-                    tablet: {
-                        "max-width": "100%",
-                    },
-                },
-                icon_links_levoGroup: {
-                    display: "flex",
-                    gap: "xs",
-                    "align-items": "center",
-                    "justify-content": "start",
-                    "margin-top": "sm",
-                },
-                icon_links: [
-                    {
-                        icon: {
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "text-2",
-                        },
-                    },
-                    {
-                        icon: {
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "text-2",
-                        },
-                    },
-                    {
-                        icon: {
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "text-2",
-                        },
-                    },
-                    {
-                        icon: {
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "text-2",
-                        },
-                    },
-                ],
-                links_levoGroup: {
-                    "max-width": "auto",
-                    display: "flex",
-                    "justify-content": "space-around",
-                    width: "100%",
-                    tablet: {
-                        "justify-content": "space-between",
-                    },
-                    mobile: {
-                        "flex-direction": "column",
-                        "row-gap": "2xl",
-                    },
-                },
-                links: [
-                    {
-                        category: {
-                            "margin-bottom": "sm",
-                            "font-weight": 600,
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                        },
-                        links: [
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        category: {
-                            "margin-bottom": "sm",
-                            "font-weight": 600,
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                        },
-                        links: [
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        category: {
-                            "margin-bottom": "sm",
-                            "font-weight": 600,
-                        },
-                        links_levoGroup: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "xs",
-                        },
-                        links: [
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                            {
-                                iconCtaWrapper: {
-                                    display: "flex",
-                                    "column-gap": "sm",
-                                    "align-items": "center",
-                                },
-                                icon: {
-                                    width: "20px",
-                                    height: "20px",
-                                },
-                            },
-                        ],
-                    },
-                ],
-                logo: {
-                    width: "80px",
-                    tablet: {
-                        width: "60px",
-                    },
-                },
-            },
-            config: {},
-            content: DEFAULT_CONTENT,
-        },
-    ],
-};

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

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Container, Icon, Image, Section, Typography, } from "@levo-so/studio";
-const Footer2 = ({ content, }) => (_jsx(Section, { elementKey: "layout", children: _jsx(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(Typography, { elementKey: "copyright" })] }), _jsx(Box, { "data-levo_group": true, elementKey: "links_levoGroup", children: (content?.links ?? [])?.map((link, 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: (link?.links ?? [])?.map((subLink, subIndex) => (_jsxs(Box, { elementKey: `links.${index}.links.${subIndex}.wrapper`, "data-levo_group_item": true, children: [_jsx(Icon, { elementKey: `links.${index}.links.${subIndex}.icon` }), _jsx(Typography, { elementKey: `links.${index}.links.${subIndex}.cta` }), _jsx(Box, { "data-levo_group": true, elementKey: `links.${index}.links.${subIndex}.icon_links_levoGroup`, children: (subLink?.icon_links ?? []).map((_, linkIndex) => (_jsx(Box, { "data-levo_group_item": true, elementKey: `links.${index}.links.${subIndex}.icon_links.${linkIndex}.wrapper`, children: _jsx(Icon, { elementKey: `links.${index}.links.${subIndex}.icon_links.${linkIndex}.icon` }) }, `footer-2-icon-links-${index}-${subIndex}-${linkIndex}`))) })] }, `footer-2-links-${index}-${subIndex}`))) })] }, `footer-2-links-${index}`))) })] }) }) }));
-export default Footer2;