linkedunion-design-kit 1.5.2 → 1.5.3

package/dist/src/components/Images/LuImage.stories.jsx

@@ -0,0 +1,154 @@
+import LuImage from "./LuImage";
+import { aspectRatio } from ".";
+export default {
+    title: "Components/Image",
+    component: LuImage,
+    argTypes: {
+        src: {
+            control: "text",
+            description: "Image source URL",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        width: {
+            control: "number",
+            description: "Image width",
+            table: {
+                type: { summary: "number" },
+                defaultValue: { summary: "240" },
+            },
+        },
+        height: {
+            control: "number",
+            description: "Image width",
+            table: {
+                type: { summary: "number" },
+                defaultValue: { summary: "240" },
+            },
+        },
+        alt: {
+            control: "text",
+            description: "Image alt text",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Demo Image" },
+            },
+        },
+        loader: {
+            control: false,
+            description: "loader={imageLoader}",
+            table: {
+                type: { summary: "function" },
+            },
+        },
+        fill: {
+            control: "boolean",
+            description: "fill={false}",
+            table: {
+                type: { summary: "boolean" },
+            },
+        },
+        sizes: {
+            control: "text",
+            description: "sizes=(max-width: 768px) 100vw, 33vw",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        quality: {
+            control: "number",
+            description: "Image quality",
+            table: {
+                type: { summary: "Integer (1-100)" },
+            },
+        },
+        priority: {
+            control: "boolean",
+            description: "priority={false}",
+            table: {
+                type: { summary: "boolean" },
+            },
+        },
+        placeholder: {
+            control: "select",
+            options: ["blur", "empty"],
+            description: "placeholder={blur}",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        style: {
+            control: "object",
+            description: "stye={{ objectFit: contain }}",
+            table: {
+                type: { summary: "object" },
+            },
+        },
+        className: { control: "text" },
+        onLoad: {
+            control: false,
+            description: "onLoad={event => done())}",
+            table: {
+                type: { summary: "function" },
+            },
+        },
+        onError: {
+            description: "onError={event => fail()}",
+            table: {
+                type: { summary: "function" },
+            },
+            control: false,
+        },
+        loading: {
+            control: "select",
+            options: ["lazy", "eager"],
+            description: "Image loading",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        blurDataURL: {
+            control: "text",
+            description: "blurDataURL=data:image/jpeg...",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        overrideSrc: {
+            control: "text",
+            description: "overrideSrc=/seo.png",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        ratio: {
+            control: "select",
+            options: Object.keys(aspectRatio),
+            description: "Aspect ratio of the image",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "square" },
+            },
+        },
+    },
+};
+var Template = function (args) { return <LuImage {...args}/>; };
+export var _Image = Template.bind({});
+_Image.args = {
+    src: "/images/demo-image.jpg",
+    ratio: "square",
+    width: 240,
+    height: 240,
+    alt: "Demo Image",
+};
+_Image.argTypes = {
+    ratio: {
+        control: {
+            type: "select",
+            labels: Object.keys(aspectRatio),
+        },
+        options: Object.keys(aspectRatio),
+        defaultValue: "square",
+    },
+};

package/dist/src/components/Images/LuImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Images/LuImage.test.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import LuImage from "./LuImage";
+import { aspectRatio } from ".";
+// Mock next/image to render a basic `img` element for testing
+jest.mock("next/image", function () { return ({
+    __esModule: true,
+    default: function (props) {
+        // eslint-disable-next-line @next/next/no-img-element
+        return _jsx("img", __assign({ alt: "" }, props));
+    },
+}); });
+describe("LuImage component", function () {
+    it("renders with default props", function () {
+        render(_jsx(LuImage, { src: "/test.jpg", width: 100, height: 100, alt: "Demo Image" }));
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toBeInTheDocument();
+        expect(image).toHaveAttribute("src", "/test.jpg");
+        expect(image).toHaveClass("aspect-square");
+    });
+    it("uses correct aspect ratio class", function () {
+        var ratio = "aspect-4/3";
+        render(_jsx(LuImage, { src: "/test.jpg", width: 100, height: 100, ratio: ratio, alt: "Demo Image" }));
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toHaveClass(aspectRatio[ratio]);
+    });
+    it("accepts custom alt text", function () {
+        render(_jsx(LuImage, { src: "/test.jpg", width: 100, height: 100, alt: "Custom Alt" }));
+        var image = screen.getByAltText("Custom Alt");
+        expect(image).toBeInTheDocument();
+    });
+    it("accepts additional className", function () {
+        render(_jsx(LuImage, { src: "/test.jpg", width: 100, height: 100, className: "rounded-full", alt: "Demo Image" }));
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toHaveClass("rounded-full");
+    });
+    it("renders with different aspect ratios", function () {
+        for (var ratio in aspectRatio) {
+            var typedRatio = ratio;
+            render(_jsx(LuImage, { src: "/test.jpg", width: 100, height: 100, ratio: typedRatio, alt: "Image with ratio ".concat(typedRatio) }, typedRatio));
+            var image = screen.getByAltText("Image with ratio ".concat(typedRatio));
+            expect(image).toHaveClass(aspectRatio[typedRatio]);
+        }
+    });
+});

package/dist/src/components/Images/LuImage.test.jsx

@@ -0,0 +1,44 @@
+import { render, screen } from "@testing-library/react";
+import LuImage from "./LuImage";
+import { aspectRatio } from ".";
+// Mock next/image to render a basic `img` element for testing
+jest.mock("next/image", function () { return ({
+    __esModule: true,
+    default: function (props) {
+        // eslint-disable-next-line @next/next/no-img-element
+        return <img alt="" {...props}/>;
+    },
+}); });
+describe("LuImage component", function () {
+    it("renders with default props", function () {
+        render(<LuImage src="/test.jpg" width={100} height={100} alt="Demo Image"/>);
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toBeInTheDocument();
+        expect(image).toHaveAttribute("src", "/test.jpg");
+        expect(image).toHaveClass("aspect-square");
+    });
+    it("uses correct aspect ratio class", function () {
+        var ratio = "aspect-4/3";
+        render(<LuImage src="/test.jpg" width={100} height={100} ratio={ratio} alt="Demo Image"/>);
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toHaveClass(aspectRatio[ratio]);
+    });
+    it("accepts custom alt text", function () {
+        render(<LuImage src="/test.jpg" width={100} height={100} alt="Custom Alt"/>);
+        var image = screen.getByAltText("Custom Alt");
+        expect(image).toBeInTheDocument();
+    });
+    it("accepts additional className", function () {
+        render(<LuImage src="/test.jpg" width={100} height={100} className="rounded-full" alt="Demo Image"/>);
+        var image = screen.getByAltText("Demo Image");
+        expect(image).toHaveClass("rounded-full");
+    });
+    it("renders with different aspect ratios", function () {
+        for (var ratio in aspectRatio) {
+            var typedRatio = ratio;
+            render(<LuImage key={typedRatio} src="/test.jpg" width={100} height={100} ratio={typedRatio} alt={"Image with ratio ".concat(typedRatio)}/>);
+            var image = screen.getByAltText("Image with ratio ".concat(typedRatio));
+            expect(image).toHaveClass(aspectRatio[typedRatio]);
+        }
+    });
+});

package/dist/src/components/Images/index.d.ts

@@ -0,0 +1,19 @@
+export declare const aspectRatio: {
+    square: string;
+    "aspect-5/4": string;
+    "aspect-4/5": string;
+    "aspect-4/3": string;
+    "aspect-3/4": string;
+    "aspect-7/5": string;
+    "aspect-5/7": string;
+    "aspect-3/2": string;
+    "aspect-2/3": string;
+    "aspect-16/10": string;
+    "aspect-10/16": string;
+    "aspect-5/3": string;
+    "aspect-3/5": string;
+    "aspect-16/9": string;
+    "aspect-9/16": string;
+    "aspect-2/1": string;
+    "aspect-1/2": string;
+};

package/dist/src/components/Images/index.js

@@ -0,0 +1,19 @@
+export var aspectRatio = {
+    square: "aspect-square",
+    "aspect-5/4": "aspect-5/4",
+    "aspect-4/5": "aspect-4/5",
+    "aspect-4/3": "aspect-4/3",
+    "aspect-3/4": "aspect-3/4",
+    "aspect-7/5": "aspect-7/5",
+    "aspect-5/7": "aspect-5/7",
+    "aspect-3/2": "aspect-3/2",
+    "aspect-2/3": "aspect-2/3",
+    "aspect-16/10": "aspect-16/10",
+    "aspect-10/16": "aspect-10/16",
+    "aspect-5/3": "aspect-5/3",
+    "aspect-3/5": "aspect-3/5",
+    "aspect-16/9": "aspect-16/9",
+    "aspect-9/16": "aspect-9/16",
+    "aspect-2/1": "aspect-2/1",
+    "aspect-1/2": "aspect-1/2",
+};

package/dist/src/components/Images/type.d.ts

@@ -0,0 +1,7 @@
+import { ImageProps } from "next/image";
+import { aspectRatio } from ".";
+type aspectRatio = keyof typeof aspectRatio;
+export interface AspectRatioProps extends ImageProps {
+    ratio?: aspectRatio;
+}
+export {};

package/dist/src/components/Images/type.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputFieldProps } from "./type";
+declare const Input: ({ type, placeholder, className, ...props }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/{components/Typography/Headings/Headings.js → src/components/Input/Input.js}

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,12 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var constants_1 = require("../../../utils/constants");
-var _1 = require("./");
-var Heading = function (_a) {
-    var _b = _a.heading, heading = _b === void 0 ? _1.Heading_Classes["lu-heading-h1"] : _b, _c = _a.label, label = _c === void 0 ? constants_1.Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["heading", "label", "className"]);
-    return ((0, jsx_runtime_1.jsx)("h1", __assign({}, props, { className: "".concat(heading, " ").concat(className), children: label })));
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Input as ShadInput } from "../../components/ui/input";
+var Input = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? "text" : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "Type Placeholder here" : _c, className = _a.className, props = __rest(_a, ["type", "placeholder", "className"]);
+    return (_jsx(_Fragment, { children: _jsx(ShadInput, __assign({ type: type, placeholder: placeholder, className: className }, props)) }));
 };
-exports.default = Heading;
+export default Input;

package/dist/src/components/Input/Input.jsx

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Input as ShadInput } from "../../components/ui/input";
+var Input = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? "text" : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "Type Placeholder here" : _c, className = _a.className, props = __rest(_a, ["type", "placeholder", "className"]);
+    return (<>
+      <ShadInput type={type} placeholder={placeholder} className={className} {...props}/>
+    </>);
+};
+export default Input;

package/dist/src/components/Input/Input.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import { InputFieldProps } from "./type";
+declare const _default: Meta;
+export default _default;
+export declare const _Input: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputFieldProps>;

package/dist/src/components/Input/Input.stories.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Input from "./Input";
+import { inputType } from ".";
+export default {
+    title: "Components/Input",
+    component: Input,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return _jsx(Input, __assign({}, args)); };
+export var _Input = Template.bind({});
+_Input.argTypes = {
+    type: {
+        control: {
+            type: "select",
+            labels: Object.keys(inputType),
+        },
+        options: Object.keys(inputType),
+    },
+};

package/dist/src/components/Input/Input.stories.jsx

@@ -0,0 +1,18 @@
+import Input from "./Input";
+import { inputType } from ".";
+export default {
+    title: "Components/Input",
+    component: Input,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return <Input {...args}/>; };
+export var _Input = Template.bind({});
+_Input.argTypes = {
+    type: {
+        control: {
+            type: "select",
+            labels: Object.keys(inputType),
+        },
+        options: Object.keys(inputType),
+    },
+};

package/dist/src/components/Input/index.d.ts

@@ -0,0 +1,10 @@
+export declare const inputType: {
+    text: string;
+    password: string;
+    email: string;
+    file: string;
+    number: string;
+    search: string;
+    tel: string;
+    url: string;
+};

package/dist/src/components/Input/index.js

@@ -0,0 +1,10 @@
+export var inputType = {
+    text: "text",
+    password: "password",
+    email: "email",
+    file: "file",
+    number: "number",
+    search: "search",
+    tel: "tel",
+    url: "url",
+};

package/dist/src/components/Input/type.d.ts

@@ -0,0 +1,8 @@
+export interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
+    type: string;
+    id?: string;
+    placeholder?: string;
+    className?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+}

package/dist/src/components/Input/type.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from "./type";
+declare const Label: ({ htmlFor, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/{components/Typography/Display/Display.js → src/components/Label/Label.js}

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,12 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var constants_1 = require("../../../utils/constants");
-var _1 = require("./");
-var Display = function (_a) {
-    var _b = _a.display, display = _b === void 0 ? _1.Display_Classes["lu-display-1"] : _b, _c = _a.label, label = _c === void 0 ? constants_1.Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["display", "label", "className"]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { className: "".concat(display, " ").concat(className, " "), children: label })));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label as ShadLabel } from "../../components/ui/label";
+var Label = function (_a) {
+    var _b = _a.htmlFor, htmlFor = _b === void 0 ? "text" : _b, _c = _a.children, children = _c === void 0 ? "Label" : _c, props = __rest(_a, ["htmlFor", "children"]);
+    return (_jsx(ShadLabel, __assign({ htmlFor: htmlFor }, props, { children: children })));
 };
-exports.default = Display;
+export default Label;

package/dist/src/components/Label/Label.jsx

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Label as ShadLabel } from "../../components/ui/label";
+var Label = function (_a) {
+    var _b = _a.htmlFor, htmlFor = _b === void 0 ? "text" : _b, _c = _a.children, children = _c === void 0 ? "Label" : _c, props = __rest(_a, ["htmlFor", "children"]);
+    return (<ShadLabel htmlFor={htmlFor} {...props}>
+      {children}
+    </ShadLabel>);
+};
+export default Label;

package/dist/src/components/Label/Label.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import { LabelProps } from "./type";
+declare const _default: Meta;
+export default _default;
+export declare const _Label: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LabelProps>;

package/dist/src/components/Label/Label.stories.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Label from "./Label";
+import { variant } from "../ui/label";
+export default {
+    title: "Components/Label",
+    component: Label,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return _jsx(Label, __assign({}, args)); };
+export var _Label = Template.bind({});
+_Label.args = {
+    children: "Label",
+    variant: "default",
+};
+_Label.argTypes = {
+    variant: {
+        control: { type: "select" },
+        options: Object.keys(variant),
+        description: "Label variant",
+        table: {
+            defaultValue: { summary: "default" },
+            type: { summary: "string" },
+        },
+    },
+};

package/dist/src/components/Label/Label.stories.jsx

@@ -0,0 +1,24 @@
+import Label from "./Label";
+import { variant } from "../ui/label";
+export default {
+    title: "Components/Label",
+    component: Label,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return <Label {...args}></Label>; };
+export var _Label = Template.bind({});
+_Label.args = {
+    children: "Label",
+    variant: "default",
+};
+_Label.argTypes = {
+    variant: {
+        control: { type: "select" },
+        options: Object.keys(variant),
+        description: "Label variant",
+        table: {
+            defaultValue: { summary: "default" },
+            type: { summary: "string" },
+        },
+    },
+};

package/dist/src/components/Label/index.d.ts

@@ -0,0 +1,4 @@
+export declare enum VariantEnum {
+    default = "default",
+    editorLabel = "editorLabel"
+}

package/dist/src/components/Label/index.js

@@ -0,0 +1,5 @@
+export var VariantEnum;
+(function (VariantEnum) {
+    VariantEnum["default"] = "default";
+    VariantEnum["editorLabel"] = "editorLabel";
+})(VariantEnum || (VariantEnum = {}));

package/dist/src/components/Label/type.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+import { labelVariants } from "../ui/label";
+export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
+    htmlFor?: string;
+    className?: string;
+    children: React.ReactNode;
+    variant?: VariantProps<typeof labelVariants>["variant"];
+}

package/dist/src/components/Label/type.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/MediaCard/Card.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from "./type";
+declare const Card: ({ type, layout, id, className, image, heading, body, href, btnLabel, cardStyle, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/src/components/MediaCard/Card.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostByCategory } from "./PostByCategory/PostByCategory";
+import { colors } from "../../utils/colors";
+import { defaultCardProps } from "../../utils";
+import { ContactProfile } from "./ContactProfile/ContactProfile";
+import { SectionTypeEnum } from "./index";
+import { OrientationEnum } from "../../utils/enums";
+var Card = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? SectionTypeEnum.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? OrientationEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? defaultCardProps.image : _f, _g = _a.heading, heading = _g === void 0 ? defaultCardProps.heading : _g, _h = _a.body, body = _h === void 0 ? defaultCardProps.body : _h, _j = _a.href, href = _j === void 0 ? defaultCardProps.href : _j, _k = _a.btnLabel, btnLabel = _k === void 0 ? defaultCardProps.btnLabel : _k, _l = _a.cardStyle, cardStyle = _l === void 0 ? {
+        card_title_color: "",
+        card_description_color: "",
+        card_shadow_toggle: 1,
+        card_shadow_color: "rgba(52, 52, 52, 0.15)",
+        card_background_color: colors.white,
+        card_button_background_color: colors["neutral-0"],
+        card_button_text_color: colors.black,
+        card_image_border_color: colors === null || colors === void 0 ? void 0 : colors.black,
+        card_image_border_radius: "0",
+        card_image_border: "0",
+    } : _l;
+    var data = {
+        id: id,
+        image: image,
+        layout: layout,
+        heading: heading,
+        body: body,
+        className: className,
+        btnLabel: btnLabel,
+        href: href,
+        cardStyle: cardStyle,
+    };
+    return (_jsxs(_Fragment, { children: [type === SectionTypeEnum.postByCategoriesTheme && (_jsx(PostByCategory, __assign({}, data))), type === SectionTypeEnum.contactsProfileTheme && (_jsx(ContactProfile, __assign({}, data)))] }));
+};
+export default Card;