@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -1,34 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    left_content: null;
-    title: string;
-    description: string;
-    cta_wrapper: null;
-    ctas: {
-        button: string;
-    }[];
-    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 ICta3Content = typeof DEFAULT_CONTENT;
-export declare const Cta3: IBlock;
-export {};
-//# sourceMappingURL=cta-3.schema.d.ts.map

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

@@ -1,137 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    left_content: null,
-    title: "Ready to Give Them Care They Deserve?",
-    description: "Join us in making a difference in the lives of those in need.",
-    cta_wrapper: null,
-    ctas: [{ button: "Contact Us" }],
-    images: [
-        {
-            image: {
-                id: "left-fitness-image",
-                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",
-                },
-            },
-        },
-        {
-            image: {
-                id: "left-fitness-image",
-                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",
-                },
-            },
-        },
-    ],
-};
-export const Cta3 = {
-    category_id: "cta",
-    title: "CTA 3",
-    key: "cta-3",
-    version: "v1",
-    prompt_description: "CTA block with text on left and images on right",
-    content_schema: [
-        { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "left_content",
-            label: "Left Content",
-            field_interface: "BoxWidget",
-        },
-        { key: "title", label: "Title", field_interface: "TypographyWidget" },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "ctas",
-            label: "CTAs",
-            kind: "group",
-            field_interface: "BoxWidget",
-            fields: [
-                { key: "button", label: "Button", field_interface: "ButtonWidget" },
-            ],
-        },
-        {
-            key: "images",
-            label: "Images",
-            kind: "group",
-            field_interface: "BoxWidget",
-            fields: [
-                { key: "image", label: "Image", field_interface: "ImageWidget" },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-top": "3xl",
-                    "padding-bottom": "3xl",
-                },
-                container: {
-                    display: "grid",
-                    "grid-template-columns": "1fr 1fr",
-                    "column-gap": "xl",
-                    "align-items": "center",
-                },
-                left_content: {
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                },
-                title: {
-                    "font-size": "3xl",
-                    "font-weight": "700",
-                    color: "text-1",
-                },
-                cta_wrapper: {
-                    display: "flex",
-                    "flex-direction": "row",
-                    "column-gap": "base",
-                },
-                images_levoGroup: {
-                    display: "grid",
-                    "grid-template-columns": "1fr 1fr",
-                    "column-gap": "base",
-                },
-                "images.$.image": {
-                    "border-radius": "base",
-                    "object-fit": "cover",
-                    height: "300px",
-                    width: "300px",
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

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

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

package/dist/blocks/embed/embed-1.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Heading, Iframe, Section, Typography, Container, } from "@levo-so/studio";
-const Embed1 = ({ content }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "contentWrapper", children: [_jsxs(Box, { elementKey: "textWrapper", children: [_jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" })] }), _jsx(Box, { elementKey: "ctas_levoGroup", "data-levo_group": true, children: Array.isArray(content?.ctas) &&
-                            content.ctas.map((_, index) => (_jsx(Button, { elementKey: `ctas.${index}.cta`, "data-levo_group_item": true }, `embed-1-cta-${index}`))) })] }), _jsx(Iframe, { elementKey: "embed" })] }) }));
-export default Embed1;

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

@@ -1,13 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    contentWrapper: null;
-    title: string;
-    description: string;
-    embed: string;
-};
-export type IEmbed1Content = typeof DEFAULT_CONTENT;
-export declare const Embed1: IBlock;
-export {};
-//# sourceMappingURL=embed-1.schema.d.ts.map

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

@@ -1,146 +0,0 @@
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    contentWrapper: null,
-    title: "Check out this amazing content",
-    description: "We've got something special to share with you. Take a look!",
-    embed: "",
-};
-export const Embed1 = {
-    category_id: "embed",
-    title: "Embed 1",
-    key: "embed-1",
-    version: "v1",
-    prompt_description: "Two-column layout with bold headline, brief supporting text, and a call-to-action button on the left, paired with an embedded iframe content on the right.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "contentWrapper",
-            label: "Content Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "textWrapper",
-            label: "Text Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-        },
-        {
-            key: "ctas",
-            label: "CTAs",
-            field_interface: "BoxWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "cta",
-                    label: "CTA",
-                    field_interface: "ButtonWidget",
-                },
-            ],
-        },
-        {
-            key: "embed",
-            label: "Embed",
-            field_interface: "IframeWidget",
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-left": "8xl",
-                    "padding-right": "8xl",
-                    "padding-top": "8xl",
-                    "padding-bottom": "8xl",
-                    tablet: {
-                        "padding-left": "4xl",
-                        "padding-right": "4xl",
-                        "padding-top": "4xl",
-                        "padding-bottom": "4xl",
-                    },
-                    mobile: {
-                        "padding-left": "lg",
-                        "padding-right": "lg",
-                        "padding-top": "lg",
-                        "padding-bottom": "lg",
-                    },
-                },
-                container: {
-                    display: "flex",
-                    "align-items": "center",
-                    "border-radius": "3xl",
-                    "flex-direction": "column",
-                    "row-gap": "xl",
-                    tablet: {
-                        "column-gap": "none",
-                        "padding-top": "xl",
-                    },
-                    mobile: {
-                        "row-gap": "base",
-                        "padding-top": "base",
-                    },
-                },
-                embed: {
-                    width: "100%",
-                    height: "fit-content",
-                    tablet: {
-                        width: "100%",
-                        height: "300px",
-                    },
-                    mobile: {
-                        height: "250px",
-                    },
-                },
-                contentWrapper: {
-                    display: "flex",
-                    "flex-direction": "column",
-                    "justify-content": "center",
-                    "row-gap": "base",
-                    "padding-left": "none",
-                    tablet: {
-                        "padding-left": "xl",
-                        "padding-right": "xl",
-                    },
-                    mobile: {
-                        "padding-left": "base",
-                        "padding-right": "base",
-                    },
-                },
-                textWrapper: {
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "4xs",
-                    "align-items": "center",
-                },
-                title: {
-                    "font-size": "4xl",
-                    mobile: {
-                        "font-size": "2xl",
-                    },
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {},
-        },
-    ],
-};

package/dist/blocks/event/event-details.d.ts

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

package/dist/blocks/event/event-details.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Container, Heading, Icon, Image, Section, Typography, } from "@levo-so/studio";
-import dayjs from "dayjs";
-const EventDetails = ({ content, }) => {
-    return (_jsx(Section, { elementKey: "layout", children: _jsx(Container, { elementKey: "container", children: _jsxs(Box, { elementKey: "main-wrapper", children: [_jsxs(Box, { elementKey: "hero-card", children: [_jsx(Image, { elementKey: "hero-image", alt: "Event cover image", width: 800, height: 400 }), _jsxs(Box, { elementKey: "hero-content", children: [_jsx(Heading, { elementKey: "title" }), _jsxs(Box, { elementKey: "event-info", children: [_jsxs(Box, { elementKey: "start-date-wrapper", children: [_jsx(Icon, { elementKey: "date-icon" }), _jsx(Typography, { elementKey: "starts_at", children: dayjs(content?.starts_at).format("MMM D, YYYY") })] }), _jsxs(Box, { elementKey: "end-date-wrapper", children: [_jsx(Icon, { elementKey: "end-date-icon" }), _jsx(Typography, { elementKey: "ends_at", children: dayjs(content?.ends_at).format("MMM D, YYYY") })] }), _jsxs(Box, { elementKey: "time-wrapper", children: [_jsx(Icon, { elementKey: "time-icon" }), _jsx(Typography, { elementKey: "time-range", children: `${dayjs(content?.starts_at).format("hh:mm A")} - ${dayjs(content?.ends_at).format("hh:mm A")}` })] }), _jsxs(Box, { elementKey: "kind-wrapper", children: [_jsx(Icon, { elementKey: "kind-icon" }), _jsx(Typography, { elementKey: "kind", children: content?.kind?.replace(/_/g, " ") })] }), _jsxs(Box, { elementKey: "timing-wrapper", children: [_jsx(Icon, { elementKey: "timing-icon" }), _jsx(Typography, { elementKey: "timing", children: content?.timing?.replace(/_/g, " ") })] })] })] })] }), _jsxs(Box, { elementKey: "content-section", children: [_jsxs(Box, { elementKey: "main-content", children: [(content?.ends_at
-                                        ? new Date(content?.ends_at) > new Date()
-                                        : true) ? (_jsx(Button, { elementKey: "register-button" })) : (_jsx(Typography, { elementKey: "registration-ended" })), _jsx(Typography, { elementKey: "description" })] }), _jsx(Box, { elementKey: "contact-sidebar", children: _jsxs(Box, { elementKey: "contact-card", children: [_jsx(Heading, { elementKey: "contact-title" }), _jsxs(Box, { elementKey: "contact-details", children: [_jsxs(Box, { elementKey: "name-field", children: [_jsx(Typography, { elementKey: "name-label" }), _jsx(Typography, { elementKey: "name-value" })] }), _jsxs(Box, { elementKey: "email-field", children: [_jsx(Typography, { elementKey: "email-label" }), _jsx(Typography, { elementKey: "email-value" })] }), _jsxs(Box, { elementKey: "phone-field", children: [_jsx(Typography, { elementKey: "phone-label" }), _jsx(Typography, { elementKey: "phone-value" })] })] })] }) })] })] }) }) }));
-};
-export default EventDetails;

package/dist/blocks/event/event-details.schema.d.ts

@@ -1,112 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    "main-wrapper": null;
-    "hero-card": null;
-    "hero-image": {
-        id: string;
-        location: string;
-        kind: string;
-        mimetype: string;
-        srcset: {
-            "320w": string;
-            "640w": string;
-            "800w": string;
-            "1200w": string;
-            path: string;
-        };
-    };
-    "hero-content": null;
-    title: string;
-    "event-info": null;
-    "start-date-wrapper": null;
-    "date-icon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    "start-date": string;
-    "end-date-wrapper": null;
-    "end-date-icon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    "end-date": string;
-    "time-wrapper": null;
-    "time-icon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    "time-range": string;
-    "kind-wrapper": null;
-    "kind-icon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    kind: string;
-    "timing-wrapper": null;
-    "timing-icon": {
-        kind: string;
-        data: {
-            id: string;
-            label: string;
-            tags: string[];
-            svgCode: string;
-        };
-    };
-    timing: string;
-    "content-section": null;
-    "main-content": null;
-    "register-button": string;
-    "registration-ended": string;
-    event: null;
-    description: string;
-    "contact-sidebar": null;
-    "contact-card": null;
-    "contact-title": string;
-    "contact-details": null;
-    "name-field": null;
-    "name-label": string;
-    "name-value": string;
-    "email-field": null;
-    "email-label": string;
-    "email-value": string;
-    "phone-field": null;
-    "phone-label": string;
-    "phone-value": string;
-    starts_at: string;
-    ends_at: string;
-};
-export type IEventDetailsContent = typeof DEFAULT_CONTENT & {
-    event?: {
-        ends_at?: string;
-        [key: string]: unknown;
-    } | null;
-    starts_at?: string;
-    ends_at?: string;
-    kind?: string;
-    timing?: string;
-};
-export declare const EventDetails: IBlock;
-export {};
-//# sourceMappingURL=event-details.schema.d.ts.map