@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -1,378 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    header_wrapper: null,
-    badge_wrapper: null,
-    badge_icon: {
-        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",
-        },
-    },
-    badge_text: "Your Trusted Partner in Financial Growth & Security.",
-    headings_wrapper: null,
-    title: "Empowering Your Financial Future",
-    description: "Experience a higher standard of banking and investment with tailored solutions designed for individuals and institutions.",
-    features_levoGroup: null,
-    features: [
-        {
-            card: null,
-            icon_wrapper: null,
-            icon: {
-                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",
-                },
-            },
-            title: "Comprehensive Wealth Management",
-            description: "Personalized strategies to preserve, grow, and transfer wealth for individuals and families.",
-        },
-        {
-            card: null,
-            icon_wrapper: null,
-            icon: {
-                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",
-                },
-            },
-            title: "Strategic Investment Advisory",
-            description: "Expert market insights and portfolio diversification tailored to your financial ambitions.",
-        },
-        {
-            card: null,
-            icon_wrapper: null,
-            icon: {
-                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",
-                },
-            },
-            title: "Secure Digital Banking",
-            description: "Modern, secure and seamless banking experiences—anytime, anywhere, for your business and personal needs.",
-        },
-    ],
-};
-export const Hero3 = {
-    category_id: "hero",
-    title: "Hero 3",
-    key: "hero-3",
-    version: "v1",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "header_wrapper",
-            label: "Header Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "badge_wrapper",
-            label: "Badge Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "badge_icon",
-            label: "Badge Icon",
-            field_interface: "ImageWidget",
-        },
-        {
-            key: "badge_text",
-            label: "Badge Text",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "headings_wrapper",
-            label: "Headings Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "features_levoGroup",
-            label: "Features Levo Group",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "features",
-            label: "Features",
-            kind: "group",
-            field_interface: "BoxWidget",
-            fields: [
-                {
-                    key: "card",
-                    label: "Card",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "icon_wrapper",
-                    label: "Icon Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "icon",
-                    label: "Icon",
-                    field_interface: "ImageWidget",
-                },
-                {
-                    key: "title",
-                    label: "Title",
-                    field_interface: "HeadingWidget",
-                },
-                {
-                    key: "description",
-                    label: "Description",
-                    field_interface: "TypographyWidget",
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            config: {},
-            content: DEFAULT_CONTENT,
-            styles: {
-                container: {
-                    "max-width": "72rem",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "padding-left": "base",
-                    "padding-right": "base",
-                    "padding-top": "10xl",
-                    "padding-bottom": "10xl",
-                    "background-color": "white",
-                },
-                header_wrapper: {
-                    "margin-bottom": "7xl",
-                },
-                badge_wrapper: {
-                    display: "inline-flex",
-                    "align-items": "center",
-                    gap: "xs",
-                    "font-size": "sm",
-                    "font-weight": "500",
-                    color: "brand",
-                },
-                badge_icon: {
-                    color: "brand",
-                },
-                headings_wrapper: {
-                    "margin-top": "4xl",
-                    display: "flex",
-                    "flex-direction": "row",
-                    "justify-content": "space-between",
-                    "align-items": "start",
-                    gap: "xl",
-                    mobile: {
-                        "flex-direction": "column",
-                    },
-                },
-                title: {
-                    "font-size": "4xl",
-                    "font-weight": "700",
-                    color: "text-1",
-                    "line-height": "1.2",
-                    "max-width": "36rem",
-                    mobile: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    color: "text-2",
-                    "font-size": "sm",
-                    "max-width": "28rem",
-                    "margin-top": "3xs",
-                    mobile: {
-                        "font-size": "base",
-                        "margin-top": "xs",
-                    },
-                },
-                features_levoGroup: {
-                    display: "grid",
-                    "grid-template-columns": "repeat(3, minmax(0, 1fr))",
-                    gap: "xl",
-                    tablet: {
-                        "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                    },
-                    mobile: {
-                        "grid-template-columns": "repeat(1, minmax(0, 1fr))",
-                    },
-                },
-                features: [
-                    {
-                        card: {
-                            "background-color": "white",
-                            "border-radius": "xl",
-                            border: "1px solid",
-                            "border-color": "background-3",
-                            "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-                            padding: "xl",
-                            display: "flex",
-                            "flex-direction": "column",
-                            "align-items": "start",
-                            transition: "box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                            mobile: {},
-                        },
-                        icon_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "justify-content": "center",
-                            height: "3rem",
-                            width: "3rem",
-                            "border-radius": "full",
-                            "background-color": "background-2",
-                            "margin-bottom": "lg",
-                        },
-                        icon: {
-                            color: "brand",
-                        },
-                        title: {
-                            "font-weight": "600",
-                            "font-size": "lg",
-                            color: "text-1",
-                            "margin-bottom": "base",
-                        },
-                        description: {
-                            color: "text-2",
-                            "font-size": "sm",
-                        },
-                    },
-                    {
-                        card: {
-                            "background-color": "white",
-                            "border-radius": "xl",
-                            border: "1px solid",
-                            "border-color": "background-3",
-                            "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-                            padding: "xl",
-                            display: "flex",
-                            "flex-direction": "column",
-                            "align-items": "start",
-                            transition: "box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                            mobile: {},
-                        },
-                        icon_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "justify-content": "center",
-                            height: "3rem",
-                            width: "3rem",
-                            "border-radius": "full",
-                            "background-color": "background-2",
-                            "margin-bottom": "lg",
-                        },
-                        icon: {
-                            color: "brand",
-                        },
-                        title: {
-                            "font-weight": "600",
-                            "font-size": "lg",
-                            color: "text-1",
-                            "margin-bottom": "base",
-                        },
-                        description: {
-                            color: "text-2",
-                            "font-size": "sm",
-                        },
-                    },
-                    {
-                        card: {
-                            "background-color": "white",
-                            "border-radius": "xl",
-                            border: "1px solid",
-                            "border-color": "background-3",
-                            "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-                            padding: "xl",
-                            display: "flex",
-                            "flex-direction": "column",
-                            "align-items": "start",
-                            transition: "box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                            mobile: {},
-                        },
-                        icon_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "justify-content": "center",
-                            height: "3rem",
-                            width: "3rem",
-                            "border-radius": "full",
-                            "background-color": "background-2",
-                            "margin-bottom": "lg",
-                        },
-                        icon: {
-                            color: "brand",
-                        },
-                        title: {
-                            "font-weight": "600",
-                            "font-size": "lg",
-                            color: "text-1",
-                            "margin-bottom": "base",
-                        },
-                        description: {
-                            color: "text-2",
-                            "font-size": "sm",
-                        },
-                    },
-                ],
-            },
-        },
-    ],
-};

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

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

package/dist/blocks/hero/hero-4.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 Hero4 = ({ 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: [_jsx(Carousel, { elementKey: "slides_levoGroup", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { className: "h-full", children: (content?.slides ?? [])?.map((_, index) => (_jsx(CarouselItem, { className: "relative h-full w-full", children: _jsxs(Box, { elementKey: `slides.${index}.wrapper`, "data-levo_group_item": true, children: [_jsxs(Box, { elementKey: `slides.${index}.headerWrapper`, children: [_jsx(Heading, { elementKey: `slides.${index}.title` }), _jsx(Button, { elementKey: `slides.${index}.cta` })] }), _jsx(Image, { elementKey: `slides.${index}.image`, alt: "hero image" })] }) }, 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 Hero4;

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

@@ -1,33 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    slider_dots: null;
-    slider_dot: null;
-    slides: {
-        wrapper: null;
-        headerWrapper: null;
-        title: string;
-        cta: string;
-        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 IHero4Content = typeof DEFAULT_CONTENT;
-export declare const Hero4: IBlock;
-export {};
-//# sourceMappingURL=hero-4.schema.d.ts.map