@levo-so/blocks 0.1.0 → 0.1.2

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

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Container, Heading, Image, Section, Typography, } from "@levo-so/studio";
-const Cards5 = ({ content }) => (_jsx(Section, { elementKey: "layout", children: _jsx(Container, { elementKey: "container", children: _jsxs(Box, { elementKey: "main_wrapper", children: [_jsx(Box, { elementKey: "left_section", children: _jsx(Image, { elementKey: "left_image", alt: "Left section image" }) }), _jsxs(Box, { elementKey: "right_section", children: [_jsx(Image, { elementKey: "background_image", alt: "Background image" }), _jsxs(Box, { elementKey: "card_container", children: [_jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" }), _jsx(Button, { elementKey: "cta" })] })] })] }) }) }));
-export default Cards5;

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

@@ -1,48 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    main_wrapper: null;
-    left_section: null;
-    left_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;
-        };
-    };
-    right_section: null;
-    background_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;
-        };
-    };
-    card_container: null;
-    title: string;
-    description: string;
-    cta: string;
-};
-export type ICards5Content = typeof DEFAULT_CONTENT;
-export declare const Cards5: IBlock;
-export {};
-//# sourceMappingURL=cards-5.schema.d.ts.map

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

@@ -1,238 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    main_wrapper: null,
-    left_section: null,
-    left_image: {
-        id: "7141014160938075687",
-        location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-            "1080w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-            "1200w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-            "1920w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-            "320w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-            "640w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-            "750w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-            "828w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-            path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-    },
-    right_section: null,
-    background_image: {
-        id: "7141014160938075688",
-        location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-            "1080w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-            "1200w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-            "1920w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-            "320w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-            "640w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-            "750w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-            "828w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-            path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-    },
-    card_container: null,
-    title: "Transform Your Business",
-    description: "Discover innovative solutions that drive growth and efficiency for your enterprise",
-    cta: "Get Started Today",
-};
-export const Cards5 = {
-    category_id: "cards",
-    title: "Cards with Background Image",
-    key: "cards-5",
-    version: "v1",
-    prompt_description: "A two-section layout with left image and right background image with overlaid card containing title, description and CTA",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "main_wrapper",
-            label: "Main Wrapper",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "left_section",
-            label: "Left Section",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "left_image",
-            label: "Left Image",
-            field_interface: "MediaWidget",
-            hint: {
-                prompt_description: "Main image for the left section - should be engaging and relate to the content theme.",
-                orientation: "landscape",
-                size: "large",
-                usecase: "hero",
-            },
-        },
-        {
-            key: "right_section",
-            label: "Right Section",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "background_image",
-            label: "Background Image",
-            field_interface: "MediaWidget",
-            hint: {
-                prompt_description: "Background image for the right section that will appear behind the card overlay.",
-                orientation: "landscape",
-                size: "large",
-                usecase: "background",
-            },
-        },
-        {
-            key: "card_container",
-            label: "Card Container",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "cta",
-            label: "CTA Button",
-            field_interface: "ButtonWidget",
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-top": "3xl",
-                    "padding-bottom": "3xl",
-                },
-                container: {
-                    "max-width": "1280px",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    "padding-left": "base",
-                    "padding-right": "base",
-                },
-                main_wrapper: {
-                    display: "flex",
-                    "align-items": "stretch",
-                    "column-gap": "2xl",
-                    mobile: {
-                        "flex-direction": "column",
-                        "row-gap": "xl",
-                    },
-                },
-                left_section: {
-                    flex: "1",
-                    "min-height": "400px",
-                },
-                left_image: {
-                    width: "100%",
-                    height: "100%",
-                    "object-fit": "cover",
-                    "border-radius": "lg",
-                },
-                right_section: {
-                    flex: "1",
-                    position: "relative",
-                    "min-height": "400px",
-                    "border-radius": "lg",
-                    overflow: "hidden",
-                },
-                background_image: {
-                    position: "absolute",
-                    top: "0",
-                    left: "0",
-                    width: "100%",
-                    height: "100%",
-                    "object-fit": "cover",
-                    "z-index": "1",
-                },
-                card_container: {
-                    position: "absolute",
-                    top: "50%",
-                    left: "50%",
-                    transform: "translate(-50%, -50%)",
-                    "background-color": "background-1",
-                    "padding-top": "xl",
-                    "padding-bottom": "xl",
-                    "padding-left": "lg",
-                    "padding-right": "lg",
-                    "border-radius": "lg",
-                    "box-shadow": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-                    "z-index": "2",
-                    "text-align": "center",
-                    "max-width": "320px",
-                    width: "90%",
-                    mobile: {
-                        "max-width": "280px",
-                        "padding-top": "lg",
-                        "padding-bottom": "lg",
-                        "padding-left": "base",
-                        "padding-right": "base",
-                    },
-                },
-                title: {
-                    "font-size": "2xl",
-                    "font-weight": "700",
-                    color: "text-1",
-                    "margin-bottom": "base",
-                    "line-height": "1.3",
-                    mobile: {
-                        "font-size": "xl",
-                    },
-                },
-                description: {
-                    "font-size": "base",
-                    color: "text-2",
-                    "margin-bottom": "lg",
-                    "line-height": "1.6",
-                    mobile: {
-                        "font-size": "sm",
-                        "margin-bottom": "base",
-                    },
-                },
-                cta: {
-                    "background-color": "background-2",
-                    color: "text-1",
-                    "padding-top": "sm",
-                    "padding-bottom": "sm",
-                    "padding-left": "lg",
-                    "padding-right": "lg",
-                    "border-radius": "base",
-                    "font-weight": "600",
-                    border: "none",
-                    cursor: "pointer",
-                    mobile: {
-                        "padding-top": "xs",
-                        "padding-bottom": "xs",
-                        "padding-left": "base",
-                        "padding-right": "base",
-                        "font-size": "sm",
-                    },
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

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

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

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

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Carousel, CarouselContent, CarouselItem, Container, Heading, Icon, Section, Typography, } from "@levo-so/studio";
-import { useEffect, useState } from "react";
-const Cards6 = ({ 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());
-        api.on("select", () => {
-            setCurrent(api.selectedScrollSnap());
-        });
-    }, [api]);
-    // Add disabled state logic
-    const isFirstSlide = current === 0;
-    const isLastSlide = current === count - 1;
-    const handlePrevious = () => {
-        if (api && !isFirstSlide) {
-            api.scrollTo(current - 1);
-        }
-    };
-    const handleNext = () => {
-        if (api && !isLastSlide) {
-            api.scrollTo(current + 1);
-        }
-    };
-    return (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "header", children: [_jsx(Heading, { elementKey: "title" }), count > 0 && (_jsx(Box, { elementKey: "carousel-navigation-container", children: _jsxs(Box, { elementKey: "carousel-navigation", children: [_jsx(Button, { elementKey: "carousel-navigation-arrow-left", onClick: handlePrevious, disabled: isFirstSlide, style: {
-                                            opacity: isFirstSlide ? 0.5 : 1,
-                                            cursor: isFirstSlide ? "not-allowed" : "pointer",
-                                        } }), _jsx(Button, { elementKey: "carousel-navigation-arrow-right", onClick: handleNext, disabled: isLastSlide, style: {
-                                            opacity: isLastSlide ? 0.5 : 1,
-                                            cursor: isLastSlide ? "not-allowed" : "pointer",
-                                        } })] }) }))] }), _jsx(Carousel, { elementKey: "cards_levoGroup", className: "w-full", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { children: (content?.cards ?? [])?.map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsxs(Box, { elementKey: `cards.${index}.card`, children: [_jsxs(Box, { elementKey: `cards.${index}.header`, children: [_jsx(Icon, { elementKey: `cards.${index}.icon` }), _jsx(Typography, { elementKey: `cards.${index}.card_title` })] }), _jsxs(Box, { elementKey: `cards.${index}.content`, children: [_jsx(Typography, { elementKey: `cards.${index}.description` }), _jsx(Button, { elementKey: `cards.${index}.cta` })] })] }) }, index))) }) }), count > 0 && (_jsx(Box, { elementKey: "carousel-navigation-container-mobile", children: _jsxs(Box, { elementKey: "carousel-navigation", children: [_jsx(Button, { elementKey: "carousel-navigation-arrow-left", onClick: handlePrevious, disabled: isFirstSlide, style: {
-                                    opacity: isFirstSlide ? 0.5 : 1,
-                                    cursor: isFirstSlide ? "not-allowed" : "pointer",
-                                } }), _jsx(Button, { elementKey: "carousel-navigation-arrow-right", onClick: handleNext, disabled: isLastSlide, style: {
-                                    opacity: isLastSlide ? 0.5 : 1,
-                                    cursor: isLastSlide ? "not-allowed" : "pointer",
-                                } })] }) }))] }) }));
-};
-export default Cards6;

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

@@ -1,50 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    header: null;
-    title: string;
-    "carousel-navigation-container": null;
-    "carousel-navigation": null;
-    "carousel-navigation-arrow-left": string;
-    "carousel-navigation-arrow-right": string;
-    cards: {
-        card: null;
-        header: null;
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        content: null;
-        card_title: string;
-        description: string;
-        cta: string;
-    }[];
-    "carousel-navigation-arrow-left_leftIcon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    "carousel-navigation-arrow-right_rightIcon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-};
-export type ICards6Content = typeof DEFAULT_CONTENT;
-export declare const Cards6: IBlock;
-export {};
-//# sourceMappingURL=cards-6.schema.d.ts.map