@levo-so/blocks 0.1.0 → 0.1.2

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

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

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Carousel, CarouselContent, CarouselItem, Container, Heading, Icon, Section, Typography, } from "@levo-so/studio";
-import { useEffect, useState } from "react";
-const Testimonial5 = ({ 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(Box, { elementKey: "header", children: _jsxs(Box, { elementKey: "textWrapper", children: [_jsx(Heading, { elementKey: "title" }), _jsx(Typography, { elementKey: "description" })] }) }), _jsx(Carousel, { elementKey: "testimonials_levoGroup", className: "w-full", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { children: (content?.testimonials ?? []).map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsxs(Box, { elementKey: `testimonials.${index}.card`, children: [_jsxs(Box, { elementKey: `testimonials.${index}.profileSection`, children: [_jsx(Icon, { elementKey: `testimonials.${index}.avatar` }), _jsxs(Box, { elementKey: `testimonials.${index}.clientInfo`, children: [_jsx(Heading, { elementKey: `testimonials.${index}.name` }), _jsx(Typography, { elementKey: `testimonials.${index}.position` })] })] }), _jsx(Typography, { elementKey: `testimonials.${index}.quote` })] }) }, index))) }) }), count > 0 && (_jsx(Box, { elementKey: "carousel-navigation-container", children: _jsx(Box, { elementKey: "carousel-navigation", className: "flex gap-x-2", children: Array(count)
-                            ?.fill(0)
-                            ?.map((_, index) => (_jsx(Box, { elementKey: "carousel-navigation-pill", style: index + 1 === current
-                                ? {
-                                    backgroundColor: "var(--color-brand)",
-                                    width: "24px",
-                                }
-                                : {}, onClick: () => {
-                                if (api) {
-                                    api?.scrollTo(index);
-                                }
-                            } }, index))) }) }))] }) }));
-};
-export default Testimonial5;

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

@@ -1,33 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    header: null;
-    textWrapper: null;
-    title: string;
-    description: string;
-    testimonials: {
-        card: null;
-        profileSection: null;
-        avatar: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        clientInfo: null;
-        name: string;
-        position: string;
-        quote: string;
-    }[];
-    "carousel-navigation-container": null;
-    "carousel-navigation": null;
-    "carousel-navigation-pill": null;
-};
-export type ITestimonial5Content = typeof DEFAULT_CONTENT;
-export declare const Testimonial5: IBlock;
-export {};
-//# sourceMappingURL=testimonial-5.schema.d.ts.map

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

@@ -1,401 +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_TESTIMONIALS_CONTENT = [
-    {
-        card: null,
-        profileSection: null,
-        avatar: DUMMY_ICON,
-        clientInfo: null,
-        name: "John Smith",
-        position: "Director, Global Supply Chain",
-        quote: "Partnering with SwiftLink, has completely transformed the way we manage our global supply chain. Their ability to provide real-time tracking, proactive communication, and adaptive logistics solutions has helped us reduce delays by over 30% and increase customer satisfaction across regions. What truly sets them apart is their commitment - they feel more like an extension of our internal team than an external vendor.",
-    },
-    {
-        card: null,
-        profileSection: null,
-        avatar: DUMMY_ICON,
-        clientInfo: null,
-        name: "Sarah Chen",
-        position: "VP of Operations",
-        quote: "The platform's innovative approach to supply chain management has revolutionized our operations. The real-time visibility and predictive analytics have enabled us to make data-driven decisions that significantly improved our efficiency and customer satisfaction rates.",
-    },
-    {
-        card: null,
-        profileSection: null,
-        avatar: DUMMY_ICON,
-        clientInfo: null,
-        name: "Michael Rodriguez",
-        position: "Chief Technology Officer",
-        quote: "Implementation was seamless and the results were immediate. The team's expertise and dedication to understanding our unique challenges made all the difference. We've seen remarkable improvements in our logistics performance metrics.",
-    },
-    {
-        card: null,
-        profileSection: null,
-        avatar: DUMMY_ICON,
-        clientInfo: null,
-        name: "Emily Johnson",
-        position: "Supply Chain Manager",
-        quote: "What impressed us most was their proactive approach to problem-solving. They don't just react to issues - they anticipate them. This forward-thinking methodology has saved us countless hours and resources.",
-    },
-];
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    header: null,
-    textWrapper: null,
-    title: "What Our Clients Say",
-    description: "Hear from industry leaders about their experience with our innovative supply chain solutions.",
-    testimonials: DEFAULT_TESTIMONIALS_CONTENT,
-    "carousel-navigation-container": null,
-    "carousel-navigation": null,
-    "carousel-navigation-pill": null,
-};
-const TESTIMONIAL_CARD_STYLE = {
-    card: {
-        display: "flex",
-        "flex-direction": "column",
-        "background-color": "var(--color-background)",
-        "border-radius": "2xl",
-        "box-shadow": "lg",
-        padding: "2xl",
-        "row-gap": "xl",
-        border: "1px solid",
-        "border-color": "var(--color-border)",
-        height: "100%",
-        mobile: {
-            padding: "lg",
-            "row-gap": "lg",
-        },
-    },
-    profileSection: {
-        display: "flex",
-        "align-items": "center",
-        "column-gap": "lg",
-        mobile: {
-            "column-gap": "sm",
-        },
-    },
-    avatar: {
-        height: "64px",
-        width: "64px",
-        "border-radius": "50%",
-        "object-fit": "cover",
-        border: "2px solid",
-        "border-color": "var(--color-border)",
-        mobile: {
-            height: "48px",
-            width: "48px",
-        },
-    },
-    clientInfo: {
-        display: "flex",
-        "flex-direction": "column",
-        "row-gap": "4xs",
-    },
-    name: {
-        color: "var(--color-text-1)",
-        "font-size": "xl",
-        "font-weight": "bold",
-        mobile: {
-            "font-size": "lg",
-        },
-    },
-    position: {
-        color: "var(--color-text-2)",
-        "font-size": "sm",
-        "font-weight": "medium",
-    },
-    quote: {
-        color: "var(--color-text-1)",
-        "font-size": "base",
-        "line-height": 1.6,
-        "font-style": "italic",
-        mobile: {
-            "font-size": "sm",
-        },
-    },
-};
-const TESTIMONIALS_STYLES = Array(DEFAULT_TESTIMONIALS_CONTENT.length)
-    ?.fill(0)
-    ?.map(() => TESTIMONIAL_CARD_STYLE);
-export const Testimonial5 = {
-    category_id: "testimonial",
-    title: "Testimonial 5",
-    key: "testimonial-5",
-    version: "v1",
-    prompt_description: "Card-based testimonial carousel with client photos, names, positions, and detailed quotes, featuring navigation dots for easy browsing through multiple testimonials.",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-            hint: {
-                prompt_description: "Defines the overall layout structure for the testimonial section block, providing proper spacing and alignment for the carousel and navigation elements.",
-            },
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-            hint: {
-                prompt_description: "Main container providing padding and width constraints for the testimonial section.",
-            },
-        },
-        {
-            key: "header",
-            label: "Header",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Container for the section header including title and description text.",
-            },
-        },
-        {
-            key: "textWrapper",
-            label: "Text Wrapper",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Groups the section title and description for proper spacing and alignment.",
-            },
-        },
-        {
-            key: "title",
-            label: "Title",
-            field_interface: "HeadingWidget",
-            hint: {
-                prompt_description: "Main heading for the testimonial section. Use a confident, trust-building headline that introduces client feedback.",
-                min_characters: 16,
-                max_characters: 50,
-            },
-        },
-        {
-            key: "description",
-            label: "Description",
-            field_interface: "TypographyWidget",
-            hint: {
-                prompt_description: "Subheading that explains the purpose of the testimonials and builds credibility. Use a professional, inviting tone.",
-                min_characters: 40,
-                max_characters: 150,
-            },
-        },
-        {
-            key: "carousel-navigation-container",
-            label: "Carousel Navigation Container",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Container for the navigation dots, providing proper positioning below the carousel.",
-            },
-        },
-        {
-            key: "carousel-navigation",
-            label: "Carousel Navigation",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Container for the navigation pills/dots that indicate current position and allow navigation between testimonials.",
-            },
-        },
-        {
-            key: "carousel-navigation-pill",
-            label: "Carousel Navigation Pill",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Individual navigation dot that shows current position and allows clicking to navigate to specific testimonial.",
-            },
-        },
-        {
-            key: "testimonials",
-            label: "Testimonials",
-            field_interface: "CarouselWidget",
-            kind: "group",
-            fields: [
-                {
-                    key: "card",
-                    label: "Card",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Main container for individual testimonial card with shadow and border styling.",
-                    },
-                },
-                {
-                    key: "profileSection",
-                    label: "Profile Section",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Container grouping the client avatar and their information (name and position).",
-                    },
-                },
-                {
-                    key: "avatar",
-                    label: "Avatar",
-                    field_interface: "IconWidget",
-                    hint: {
-                        prompt_description: "Professional headshot or avatar of the client providing the testimonial. Use professional, trustworthy imagery.",
-                        orientation: "square",
-                        size: "medium",
-                        usecase: "icon",
-                    },
-                },
-                {
-                    key: "clientInfo",
-                    label: "Client Info",
-                    field_interface: "BoxWidget",
-                    hint: {
-                        prompt_description: "Container for client name and position text, positioned next to the avatar.",
-                    },
-                },
-                {
-                    key: "name",
-                    label: "Name",
-                    field_interface: "HeadingWidget",
-                    hint: {
-                        prompt_description: "Full name of the client giving the testimonial. Use realistic, professional-sounding names.",
-                        min_characters: 8,
-                        max_characters: 30,
-                    },
-                },
-                {
-                    key: "position",
-                    label: "Position",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Professional title and company/department of the client. Use credible, industry-appropriate titles.",
-                        min_characters: 15,
-                        max_characters: 50,
-                    },
-                },
-                {
-                    key: "quote",
-                    label: "Quote",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Detailed testimonial quote from the client. Write in first person with specific benefits and outcomes. Use an authentic, professional tone.",
-                        min_characters: 150,
-                        max_characters: 400,
-                    },
-                },
-            ],
-            hint: {
-                prompt_description: "Collection of detailed testimonial cards featuring client photos, names, positions, and comprehensive quotes about their experience. Focus on specific benefits and outcomes.",
-                min_items: 3,
-                max_items: 6,
-            },
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    width: "100%",
-                    "padding-top": "10xl",
-                    "padding-bottom": "10xl",
-                    "padding-right": "8xl",
-                    "padding-left": "8xl",
-                    "media:max:768px": {
-                        "padding-top": "5xl",
-                        "padding-bottom": "5xl",
-                        "padding-right": "5xl",
-                        "padding-left": "5xl",
-                    },
-                    "media:max:480px": {
-                        "padding-top": "2xl",
-                        "padding-bottom": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                    },
-                },
-                container: {
-                    width: "100%",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "7xl",
-                    "media:max:768px": {
-                        "row-gap": "3xl",
-                    },
-                    "media:max:480px": {
-                        "row-gap": "4xl",
-                    },
-                },
-                header: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "margin-bottom": "3xl",
-                    tablet: {
-                        "margin-bottom": "2xl",
-                    },
-                },
-                textWrapper: {
-                    display: "flex",
-                    "flex-direction": "column",
-                    "align-items": "center",
-                    "text-align": "center",
-                    "row-gap": "sm",
-                    "max-width": "600px",
-                },
-                title: {
-                    "font-size": "3xl",
-                    "font-weight": "bold",
-                    color: "var(--color-text-1)",
-                    tablet: {
-                        "font-size": "2xl",
-                    },
-                },
-                description: {
-                    "font-size": "lg",
-                    color: "var(--color-text-2)",
-                    tablet: {
-                        "font-size": "base",
-                    },
-                },
-                testimonials_levoGroup: {
-                    number_of_slides: 1,
-                    tablet: {
-                        number_of_slides: 1,
-                    },
-                    mobile: {
-                        number_of_slides: 1,
-                    },
-                },
-                testimonials: TESTIMONIALS_STYLES,
-                "carousel-navigation-container": {
-                    display: "flex",
-                    "justify-content": "center",
-                    "margin-top": "2xl",
-                },
-                "carousel-navigation": {
-                    display: "flex",
-                    "column-gap": "sm",
-                    "align-items": "center",
-                },
-                "carousel-navigation-pill": {
-                    width: "8px",
-                    height: "8px",
-                    "border-radius": "8px",
-                    "background-color": "var(--color-border)",
-                    cursor: "pointer",
-                    transition: "all 0.3s ease",
-                    "&:hover": {
-                        "background-color": "var(--color-brand-secondary)",
-                    },
-                    filter: "none",
-                },
-            },
-            content: DEFAULT_CONTENT,
-            config: {
-                testimonials_levoGroup: {
-                    carousel: {
-                        loop: true,
-                        autoPlay: false,
-                    },
-                },
-            },
-        },
-    ],
-};

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

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

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

@@ -1,39 +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 Testimonial6 = ({ 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: _jsx(Container, { elementKey: "container", children: _jsx(Carousel, { elementKey: "testimonials_levoGroup", className: "w-full", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { children: (content?.testimonials ?? [])?.map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsxs(Box, { elementKey: `testimonials.${index}.testimonial`, children: [_jsx(Box, { elementKey: `testimonials.${index}.icon-container`, children: _jsx(Icon, { elementKey: `testimonials.${index}.icon` }) }), _jsxs(Box, { elementKey: `testimonials.${index}.content-container`, children: [_jsx(Box, { elementKey: `testimonials.${index}.testimonial-content`, children: _jsx(Typography, { elementKey: `testimonials.${index}.testimonial-text` }) }), _jsxs(Box, { elementKey: `testimonials.${index}.bottom-section`, children: [_jsxs(Box, { elementKey: `testimonials.${index}.author-section`, children: [_jsx(Icon, { elementKey: `testimonials.${index}.author-avatar` }), _jsxs(Box, { elementKey: `testimonials.${index}.author-info`, children: [_jsx(Heading, { elementKey: `testimonials.${index}.author-name` }), _jsx(Typography, { elementKey: `testimonials.${index}.author-position` })] })] }), count > 0 && index === current && (_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",
-                                                            } })] }))] })] })] }) }, index))) }) }) }) }));
-};
-export default Testimonial6;

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

@@ -1,60 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    testimonials: {
-        testimonial: null;
-        "icon-container": null;
-        icon: {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-        "content-container": null;
-        "testimonial-content": null;
-        "testimonial-text": string;
-        "bottom-section": null;
-        "author-section": null;
-        "author-info": null;
-        "author-name": string;
-        "author-position": string;
-        "author-avatar": {
-            kind: string;
-            data: {
-                id: string;
-                label: string;
-                tags: string[];
-                svgCode: string;
-            };
-        };
-    }[];
-    "carousel-navigation": null;
-    "carousel-navigation-arrow-left": string;
-    "carousel-navigation-arrow-right": 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 ITestimonial6Content = typeof DEFAULT_CONTENT;
-export declare const Testimonial6: IBlock;
-export {};
-//# sourceMappingURL=testimonial-6.schema.d.ts.map