@levo-so/blocks 0.1.0 → 0.1.2

package/dist/blocks/team/team-3.d.ts

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

package/dist/blocks/team/team-3.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading, Typography, Container, Section, Carousel, CarouselContent, CarouselItem, Box, Icon, } from "@levo-so/studio";
-import { useEffect, useState } from "react";
-const Team3 = ({ 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: _jsx(Heading, { elementKey: "title" }) }), _jsx(Carousel, { elementKey: "team_levoGroup", setApi: setApi, "data-levo_group": true, children: _jsx(CarouselContent, { children: (content?.team ?? [])?.map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsx(Box, { elementKey: `team.${index}.card`, children: _jsxs(Box, { elementKey: `team.${index}.info`, children: [_jsxs(Box, { elementKey: `team.${index}.name-position-wrapper`, children: [_jsx(Heading, { elementKey: `team.${index}.name` }), _jsx(Typography, { elementKey: `team.${index}.position` })] }), _jsx(Box, { elementKey: `team.${index}.social_levoGroup`, "data-levo_group": true, children: (content?.team?.[index]?.social ?? [])?.map((_, socialIndex) => (_jsx(Icon, { "data-levo_group_item": true, elementKey: `team.${index}.social.${socialIndex}.icon` }, socialIndex))) })] }) }) }, index))) }) }), count > 0 && (_jsx(Box, { elementKey: "carousel-navigation-container", children: _jsx(Box, { elementKey: "carousel-navigation", children: Array(count)
-                            ?.fill(0)
-                            ?.map((_, index) => (_jsx(Box, { elementKey: "carousel-navigation-pill", style: index + 1 === current
-                                ? {
-                                    backgroundColor: "var(--color-brand)",
-                                }
-                                : {}, onClick: () => {
-                                if (api) {
-                                    api?.scrollTo(index);
-                                }
-                            } }, index))) }) }))] }) }));
-};
-export default Team3;

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

@@ -1,32 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    header: null;
-    title: string;
-    team: {
-        card: null;
-        info: null;
-        "name-position-wrapper": null;
-        name: string;
-        position: string;
-        social: {
-            icon: {
-                kind: string;
-                data: {
-                    id: string;
-                    label: string;
-                    tags: string[];
-                    svgCode: string;
-                };
-            };
-        }[];
-    }[];
-    "carousel-navigation-container": null;
-    "carousel-navigation": null;
-    "carousel-navigation-pill": null;
-};
-export type ITeam3Content = typeof DEFAULT_CONTENT;
-export declare const Team3: IBlock;
-export {};
-//# sourceMappingURL=team-3.schema.d.ts.map