@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -1,316 +0,0 @@
-const DEFAULT_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",
-    },
-};
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    slider_dots: null,
-    slider_dot: null,
-    slides: [
-        {
-            wrapper: null,
-            headerWrapper: null,
-            title: "Your Trusted Partner in Financial Excellence",
-            cta: "Get Started",
-            image: DEFAULT_IMAGE,
-        },
-        {
-            wrapper: null,
-            headerWrapper: null,
-            title: "Smart Investment Solutions for Your Future",
-            cta: "Invest Now",
-            image: DEFAULT_IMAGE,
-        },
-        {
-            wrapper: null,
-            headerWrapper: null,
-            title: "Secure Digital Banking at Your Fingertips",
-            cta: "Open Account",
-            image: DEFAULT_IMAGE,
-        },
-        {
-            wrapper: null,
-            headerWrapper: null,
-            title: "Expert Financial Planning for Business Growth",
-            cta: "Learn More",
-            image: DEFAULT_IMAGE,
-        },
-    ],
-};
-export const Hero4 = {
-    category_id: "hero",
-    title: "Hero 4",
-    key: "hero-4",
-    version: "v1",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "slider_dots",
-            label: "Slider Dots",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "slider_dot",
-            label: "Slider Dot",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "slides",
-            label: "Slides",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "wrapper",
-                    label: "Slide Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "headerWrapper",
-                    label: "Header Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "title",
-                    label: "Title",
-                    field_interface: "HeadingWidget",
-                },
-                {
-                    key: "cta",
-                    label: "CTA Button",
-                    field_interface: "ButtonWidget",
-                },
-                {
-                    key: "image",
-                    label: "Image",
-                    field_interface: "ImageWidget",
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-left": "3xl",
-                    "padding-right": "3xl",
-                    "padding-top": "7xl",
-                    "padding-bottom": "5xl",
-                    mobile: {
-                        "padding-top": "none",
-                        "padding-left": "none",
-                        "padding-right": "none",
-                        "padding-bottom": "none",
-                    },
-                },
-                container: {
-                    position: "relative",
-                    "max-width": "72rem",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                },
-                slider_dots: {
-                    position: "absolute",
-                    bottom: "30px",
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    display: "flex",
-                    "column-gap": "2xs",
-                    "align-items": "center",
-                    "z-index": "20",
-                    "padding-top": "4xs",
-                    "padding-right": "4xs",
-                    "padding-bottom": "4xs",
-                    "padding-left": "4xs",
-                    "background-color": "text-2",
-                    "border-radius": "3xl",
-                    tablet: {
-                        bottom: "20px",
-                    },
-                    mobile: {
-                        bottom: "10px",
-                    },
-                },
-                slider_dot: {
-                    width: "8px",
-                    height: "8px",
-                    "border-radius": "50%",
-                    "background-color": "var(--color-brand-secondary)",
-                },
-                slides_levoGroup: {
-                    width: "100%",
-                    height: "100%",
-                },
-                slides: [
-                    {
-                        headerWrapper: {
-                            display: "flex",
-                            "align-items": "end",
-                            "justify-content": "space-between",
-                            mobile: {
-                                "flex-direction": "column",
-                                "align-items": "center",
-                                "justify-content": "center",
-                                "padding-left": "6xs",
-                                "padding-top": "6xs",
-                                "padding-right": "6xs",
-                                "row-gap": "4xs",
-                            },
-                            tablet: {
-                                "flex-direction": "column",
-                                "align-items": "center",
-                                "row-gap": "sm",
-                            },
-                        },
-                        title: {
-                            "font-size": "4xl",
-                            "font-weight": "600",
-                            "line-height": "1.2",
-                            "max-width": "42rem",
-                            mobile: {
-                                "font-size": "3xl",
-                            },
-                            tablet: {
-                                "text-align": "center",
-                                "font-size": "3xl",
-                            },
-                        },
-                        image: {
-                            width: "100%",
-                            height: "100%",
-                            "object-fit": "cover",
-                            "object-position": "center",
-                        },
-                        wrapper: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "base",
-                        },
-                    },
-                    {
-                        headerWrapper: {
-                            display: "flex",
-                            "align-items": "end",
-                            "justify-content": "space-between",
-                            mobile: {
-                                "flex-direction": "column",
-                                "align-items": "center",
-                                "justify-content": "center",
-                            },
-                        },
-                        title: {
-                            "font-size": "4xl",
-                            "font-weight": "600",
-                            "line-height": "1.2",
-                            "max-width": "42rem",
-                            mobile: {
-                                "font-size": "3xl",
-                            },
-                        },
-                        image: {
-                            width: "100%",
-                            height: "100%",
-                            "object-fit": "cover",
-                            "object-position": "center",
-                        },
-                        wrapper: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "base",
-                        },
-                    },
-                    {
-                        headerWrapper: {
-                            display: "flex",
-                            "align-items": "end",
-                            "justify-content": "space-between",
-                            mobile: {
-                                "flex-direction": "column",
-                                "align-items": "center",
-                                "justify-content": "center",
-                            },
-                        },
-                        title: {
-                            "font-size": "4xl",
-                            "font-weight": "600",
-                            "line-height": "1.2",
-                            "max-width": "42rem",
-                            mobile: {
-                                "font-size": "3xl",
-                            },
-                        },
-                        image: {
-                            width: "100%",
-                            height: "100%",
-                            "object-fit": "cover",
-                            "object-position": "center",
-                        },
-                        wrapper: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "base",
-                        },
-                    },
-                    {
-                        headerWrapper: {
-                            display: "flex",
-                            "align-items": "end",
-                            "justify-content": "space-between",
-                            mobile: {
-                                "flex-direction": "column",
-                                "align-items": "center",
-                                "justify-content": "center",
-                            },
-                        },
-                        title: {
-                            "font-size": "4xl",
-                            "font-weight": "600",
-                            "line-height": "1.2",
-                            "max-width": "42rem",
-                            mobile: {
-                                "font-size": "3xl",
-                            },
-                        },
-                        image: {
-                            width: "100%",
-                            height: "100%",
-                            "object-fit": "cover",
-                            "object-position": "center",
-                        },
-                        wrapper: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "base",
-                        },
-                    },
-                ],
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

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

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

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Heading, Image, Container, Section, Box, Carousel, CarouselContent, CarouselItem, } from "@levo-so/studio";
-import { useEffect, useState } from "react";
-const Hero5 = ({ content }) => {
-    const [api, setApi] = useState();
-    const [current, setCurrent] = useState(0);
-    const [count, setCount] = useState(0);
-    useEffect(() => {
-        if (!api) {
-            return;
-        }
-        setCount(api.scrollSnapList().length);
-        setCurrent(api.selectedScrollSnap() + 1);
-        api.on("select", () => {
-            setCurrent(api.selectedScrollSnap() + 1);
-        });
-    }, [api]);
-    return (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "headerWrapper", children: [_jsx(Heading, { elementKey: "title" }), _jsx(Button, { elementKey: "cta" })] }), _jsx(Carousel, { elementKey: "images_levoGroup", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { className: "h-full", children: (content?.images ?? [])?.map((_, index) => (_jsx(CarouselItem, { className: "relative h-full w-full", children: _jsx(Image, { elementKey: `images.${index}.image`, alt: `hero image ${index + 1}` }) }, index))) }) }), count > 0 && (_jsx(Box, { elementKey: "slider_dots", children: Array(count)
-                        ?.fill(0)
-                        ?.map((_, index) => (_jsx(Box, { elementKey: "slider_dot", style: index + 1 === current
-                            ? {
-                                backgroundColor: "var(--color-brand)",
-                            }
-                            : {}, onClick: () => {
-                            if (api) {
-                                api?.scrollTo(index);
-                            }
-                        } }, index))) }))] }) }));
-};
-export default Hero5;

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

@@ -1,32 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    headerWrapper: null;
-    title: string;
-    cta: string;
-    slider_dots: null;
-    slider_dot: null;
-    images: {
-        image: {
-            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;
-            };
-        };
-    }[];
-};
-export type IHero5Content = typeof DEFAULT_CONTENT;
-export declare const Hero5: IBlock;
-export {};
-//# sourceMappingURL=hero-5.schema.d.ts.map

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

@@ -1,183 +0,0 @@
-const DEFAULT_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",
-    },
-};
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    headerWrapper: null,
-    title: "Your Trusted Partner in Financial Excellence",
-    cta: "Get Started",
-    slider_dots: null,
-    slider_dot: null,
-    images: [
-        {
-            image: DEFAULT_IMAGE,
-        },
-        {
-            image: DEFAULT_IMAGE,
-        },
-        {
-            image: DEFAULT_IMAGE,
-        },
-        {
-            image: DEFAULT_IMAGE,
-        },
-    ],
-};
-export const Hero5 = {
-    category_id: "hero",
-    title: "Hero 5",
-    key: "hero-5",
-    version: "v1",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "headerWrapper",
-            label: "Header Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-        },
-        {
-            key: "cta",
-            label: "CTA Button",
-            field_interface: "ButtonWidget",
-        },
-        {
-            key: "slider_dots",
-            label: "Slider Dots",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "slider_dot",
-            label: "Slider Dot",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "images",
-            label: "Images",
-            field_interface: "CarouselWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "image",
-                    label: "Image",
-                    field_interface: "MediaWidget",
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                container: {
-                    position: "relative",
-                    "max-width": "1280px",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "padding-top": "10xl",
-                    "padding-bottom": "10xl",
-                    tablet: {
-                        "padding-bottom": "5xl",
-                        "padding-left": "5xl",
-                        "padding-right": "5xl",
-                        "padding-top": "5xl",
-                    },
-                    mobile: {
-                        "padding-bottom": "2xl",
-                        "padding-left": "2xl",
-                        "padding-right": "2xl",
-                        "padding-top": "2xl",
-                    },
-                },
-                slider_dots: {
-                    position: "absolute",
-                    bottom: "130px",
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    display: "flex",
-                    "column-gap": "2xs",
-                    "align-items": "center",
-                    "z-index": "20",
-                    "padding-top": "4xs",
-                    "padding-right": "4xs",
-                    "padding-bottom": "4xs",
-                    "padding-left": "4xs",
-                    "background-color": "text-2",
-                    "border-radius": "3xl",
-                    tablet: {
-                        bottom: "70px",
-                    },
-                    mobile: {
-                        bottom: "50px",
-                    },
-                },
-                slider_dot: {
-                    width: "8px",
-                    height: "8px",
-                    "border-radius": "50%",
-                    "background-color": "var(--color-brand-secondary)",
-                },
-                slides_levoGroup: {
-                    width: "100%",
-                    height: "100%",
-                },
-                headerWrapper: {
-                    display: "flex",
-                    "align-items": "center",
-                    "justify-content": "space-between",
-                    "margin-bottom": "7xl",
-                    tablet: {
-                        "flex-direction": "column",
-                        "row-gap": "base",
-                        "margin-bottom": "3xl",
-                    },
-                },
-                title: {
-                    "font-size": "4xl",
-                    tablet: {
-                        "font-size": "3xl",
-                        "text-align": "center",
-                    },
-                },
-                cta: {
-                    tablet: {
-                        filter: "none",
-                    },
-                    mobile: {
-                        filter: "none",
-                    },
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

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

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

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading, Typography, Section, Container, Box, Media, Carousel, CarouselContent, CarouselItem, } from "@levo-so/studio";
-const Hero6 = ({ content }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "content_wrapper", children: [_jsx(Typography, { elementKey: "label" }), _jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" }), _jsx(Box, { elementKey: "stats_levoGroup", "data-levo_group": true, children: (content?.stats ?? []).map((_, index) => (_jsxs(Box, { "data-levo_group_item": true, elementKey: `stats.${index}.stat_wrapper`, children: [_jsx(Heading, { elementKey: `stats.${index}.value` }), _jsx(Typography, { elementKey: `stats.${index}.label` })] }, `hero-6-stat-${index}`))) })] }), _jsx(Carousel, { elementKey: "media_collage_levoGroup", "data-levo_group": true, opts: {
-                    watchDrag: false,
-                    watchResize: true,
-                    watchSlides: true,
-                }, children: _jsx(CarouselContent, { children: (content?.media_collage ?? []).map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsx(Media, { elementKey: `media_collage.${index}.image`, alt: `Healthcare professional ${index + 1}` }) }, `hero-6-media-${index}`))) }) })] }) }));
-export default Hero6;

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

@@ -1,36 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    content_wrapper: null;
-    label: string;
-    title: string;
-    description: string;
-    stats: {
-        stat_wrapper: null;
-        value: string;
-        label: string;
-    }[];
-    media_collage: {
-        image: {
-            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;
-            };
-        };
-    }[];
-};
-export type IHero6Content = typeof DEFAULT_CONTENT;
-export declare const Hero6: IBlock;
-export {};
-//# sourceMappingURL=hero-6.schema.d.ts.map