linkedunion-design-kit 1.7.3 → 1.7.5

package/dist/src/components/Button/Button.jsx

@@ -1,93 +0,0 @@
-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 * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import LUIcon from "../Icons/LUIcon";
-export var color = {
-    blue: "bg-blue-600 text-white hover:bg-blue-700 focus-visible:ring-blue-300 active:bg-blue-800 disabled:bg-gray-100 disabled:text-gray-400",
-    red: "bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-300 active:bg-red-800 disabled:bg-gray-100 disabled:text-gray-400",
-    green: "bg-green-600 text-white hover:bg-green-700 focus-visible:ring-green-300 active:bg-green-800 disabled:bg-gray-100 disabled:text-gray-400",
-    yellow: "bg-yellow-500 text-white hover:bg-yellow-600 focus-visible:ring-yellow-200 active:bg-yellow-700 disabled:bg-gray-100 disabled:text-gray-400",
-    indigo: "bg-indigo-600 text-white hover:bg-indigo-700 focus-visible:ring-indigo-300 active:bg-indigo-800 disabled:bg-gray-100 disabled:text-gray-400",
-    gray: "bg-gray-600 text-white hover:bg-gray-700 focus-visible:ring-gray-300 active:bg-gray-800 disabled:bg-gray-100 disabled:text-gray-400",
-};
-export var size = {
-    xl: "!py-3.5 !px-6 text-base font-normal leading-normal",
-    lg: "!py-3 !px-5 text-base font-normal leading-normal",
-    md: "!py-2.5 !px-5 text-sm font-normal leading-5",
-    sm: "!py-2 !px-3 text-sm font-normal leading-5",
-};
-export var shape = {
-    "rounded-sm": "!rounded-sm",
-    "rounded-full": "!rounded-full",
-};
-export var variant = {
-    default: "",
-    link: "bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent !p-0 underline-offset-4 hover:underline",
-};
-// Link variant text colors based on the color prop
-export var linkColor = {
-    blue: "text-blue-600 hover:text-blue-700",
-    red: "text-red-600 hover:text-red-700",
-    green: "text-green-600 hover:text-green-700",
-    yellow: "text-yellow-500 hover:text-yellow-600",
-    indigo: "text-indigo-600 hover:text-indigo-700",
-    gray: "text-gray-600 hover:text-gray-700",
-};
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-    variants: {
-        color: color,
-        size: size,
-        shape: shape,
-        variant: variant,
-    },
-    defaultVariants: {
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "default",
-    },
-});
-function Button(_a) {
-    var className = _a.className, _b = _a.color, color = _b === void 0 ? "blue" : _b, size = _a.size, shape = _a.shape, _c = _a.variant, variant = _c === void 0 ? "default" : _c, _d = _a.asChild, asChild = _d === void 0 ? false : _d, startIcon = _a.startIcon, endIcon = _a.endIcon, props = __rest(_a, ["className", "color", "size", "shape", "variant", "asChild", "startIcon", "endIcon"]);
-    var Comp = asChild ? Slot : "button";
-    // Map button size to appropriate icon sizes for start and end icons
-    var getIconSizes = function () {
-        if (size === "xl" || size === "lg" || size === "md") {
-            return {
-                startIcon: "md", // 16px (size-6) - matches iconSize.xl
-                endIcon: "xs", // 12px (size-3.5)
-            };
-        }
-        return {
-            startIcon: "sm", // 14px (size-4)
-            endIcon: "xs", // 12px (size-3.5)
-        };
-    };
-    // Get icon sizes based on button size
-    var iconSizes = getIconSizes();
-    // Use the calculated sizes based on button size
-    var startIconSizeValue = iconSizes.startIcon;
-    var endIconSizeValue = iconSizes.endIcon;
-    // Apply appropriate text color for link variant
-    var extraClasses = variant === "link" && color
-        ? linkColor[color]
-        : "";
-    return (<Comp data-slot="button" className={cn(buttonVariants({ variant: variant, color: color, size: size, shape: shape, className: className }), extraClasses)} {...props}>
-      {startIcon && (<LUIcon size={startIconSizeValue} data-testid="start-icon" icon={startIcon}/>)}
-      {props.children}
-      {endIcon && (<LUIcon size={endIconSizeValue} data-testid="end-icon" icon={endIcon}/>)}
-    </Comp>);
-}
-export { Button, buttonVariants };

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

@@ -1,248 +0,0 @@
-import { Button, size, color, shape, variant } from "./Button";
-var meta = {
-    title: "Components/Button",
-    component: Button,
-    tags: ["autodocs"],
-    parameters: {
-        docs: {
-            description: {
-                component: "Button component with default variants: color: blue, size: md, shape: rounded-sm, variant: default",
-            },
-        },
-        controls: {
-            expanded: true,
-            sort: "requiredFirst",
-            hideNoControlsWarning: true,
-            exclude: [],
-        },
-    },
-    args: {
-        // Default values for all stories
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "default",
-    },
-    argTypes: {
-        color: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(color),
-            description: "The color and visual style of the button",
-            defaultValue: "blue",
-            table: {
-                defaultValue: { summary: "blue" },
-            },
-        },
-        size: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(size),
-            description: "The size of the button",
-            defaultValue: "md",
-            table: {
-                defaultValue: { summary: "md" },
-            },
-        },
-        shape: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(shape),
-            description: "The shape of the button",
-            defaultValue: "rounded-sm",
-            table: {
-                defaultValue: { summary: "rounded-sm" },
-            },
-        },
-        variant: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(variant),
-            description: "The variant of the button (default or link)",
-            defaultValue: "default",
-            table: {
-                defaultValue: { summary: "default" },
-            },
-        },
-        startIcon: {
-            control: "text",
-            description: "Icon to display at the start of the button",
-        },
-        endIcon: {
-            control: "text",
-            description: "Icon to display at the end of the button",
-        },
-        disabled: {
-            control: "boolean",
-            description: "Whether the button is disabled",
-        },
-        asChild: {
-            control: "boolean",
-            description: "Whether to render as a child component",
-        },
-        onClick: {
-            action: "clicked",
-            description: "Function called when button is clicked",
-        },
-    },
-};
-export default meta;
-// Display Default button with explicit default values
-export var Default = {
-    args: {
-        children: "Button Text",
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "default",
-        onClick: function () {
-            alert("Button clicked!");
-        },
-    },
-};
-export var Blue = {
-    args: {
-        children: "Blue Button",
-        color: "blue",
-        size: "md",
-    },
-};
-export var Red = {
-    args: {
-        children: "Red Button",
-        color: "red",
-        size: "md",
-    },
-};
-export var Green = {
-    args: {
-        children: "Green Button",
-        color: "green",
-        size: "md",
-    },
-};
-export var Yellow = {
-    args: {
-        children: "Yellow Button",
-        color: "yellow",
-        size: "md",
-    },
-};
-export var Indigo = {
-    args: {
-        children: "Indigo Button",
-        color: "indigo",
-        size: "md",
-    },
-};
-export var Gray = {
-    args: {
-        children: "Gray Button",
-        color: "gray",
-        size: "md",
-    },
-};
-export var WithStartIcon = {
-    args: {
-        children: "Button with Start Icon",
-        startIcon: "arrow-right",
-        size: "md",
-    },
-};
-export var WithEndIcon = {
-    args: {
-        children: "Button with End Icon",
-        endIcon: "arrow-right",
-        size: "md",
-    },
-};
-export var WithBothIcons = {
-    args: {
-        children: "Button with Icons",
-        startIcon: "plus",
-        endIcon: "arrow-right",
-        size: "md",
-    },
-};
-export var Small = {
-    args: {
-        children: "Small Button",
-        size: "sm",
-    },
-};
-export var Medium = {
-    args: {
-        children: "Medium Button",
-        size: "md",
-    },
-};
-export var Large = {
-    args: {
-        children: "Large Button",
-        size: "lg",
-    },
-};
-export var ExtraLarge = {
-    args: {
-        children: "Extra Large Button",
-        size: "xl",
-    },
-};
-export var DefaultVariant = {
-    args: {
-        children: "Default Variant Button",
-        variant: "default",
-    },
-};
-export var LinkVariant = {
-    args: {
-        children: "Link Style Button",
-        variant: "link",
-        color: "blue",
-    },
-};
-export var LinkVariantRed = {
-    args: {
-        children: "Red Link Button",
-        variant: "link",
-        color: "red",
-    },
-};
-export var LinkVariantGreen = {
-    args: {
-        children: "Green Link Button",
-        variant: "link",
-        color: "green",
-    },
-};
-export var RoundedSmall = {
-    args: {
-        children: "Rounded Small",
-        shape: "rounded-sm",
-    },
-};
-export var RoundedFull = {
-    args: {
-        children: "Rounded Full",
-        shape: "rounded-full",
-    },
-};
-export var Disabled = {
-    args: {
-        children: "Disabled Button",
-        disabled: true,
-    },
-};
-// Color variants
-// Example of color with different button states
-export var DisabledButton = {
-    args: {
-        children: "Disabled Button",
-        color: "blue",
-        disabled: true,
-    },
-};

package/dist/src/components/Button/Button.test.jsx

@@ -1,73 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { Dummy_label } from "../../utils/constants";
-import { Button } from "./Button";
-describe("Button Component", function () {
-    it("renders default button component", function () {
-        render(<Button>{Dummy_label}</Button>);
-        expect(screen.getByRole("button")).toBeInTheDocument();
-    });
-});
-//   it("renders button with a custom label", () => {
-//     render(<Button>{Dummy_label}</Button>);
-//     expect(
-//       screen.getByRole("button", { name: Dummy_label }),
-//     ).toBeInTheDocument();
-//   });
-//   it("calls onClick handler when clicked", () => {
-//     const handleClick = jest.fn();
-//     render(<Button onClick={handleClick}>Click</Button>);
-//     fireEvent.click(screen.getByRole("button"));
-//     expect(handleClick).toHaveBeenCalledTimes(1);
-//   });
-//   it("renders startIcon when provided", () => {
-//     render(<Button startIcon={<span>*</span>}>{Dummy_label}</Button>);
-//     expect(screen.getByTestId("start-icon")).toBeInTheDocument();
-//   });
-//   it("renders endIcon when provided", () => {
-//     render(<Button endIcon={<span>*</span>}>{Dummy_label}</Button>);
-//     expect(screen.getByTestId("end-icon")).toBeInTheDocument();
-//   });
-//   it("applies correct color, shape, and size classes", () => {
-//     render(
-//       <Button color="primary" shape="rounded-full" size="lg">
-//         {Dummy_label}
-//       </Button>,
-//     );
-//     const buttonElement = screen.getByRole("button");
-//     expect(buttonElement).toHaveClass(
-//       buttonColors["primary"],
-//       buttonShapes["rounded-full"],
-//       buttonSizes["lg"],
-//     );
-//   });
-//   it("applies additional className when provided", () => {
-//     render(<Button className="custom-class">{Dummy_label}</Button>);
-//     expect(screen.getByRole("button")).toHaveClass("custom-class");
-//   });
-//   it("renders without crashing when no props are provided", () => {
-//     render(<Button>{Dummy_label}</Button>);
-//     expect(screen.getByRole("button")).toBeInTheDocument();
-//   });
-//   it("renders button with both startIcon and endIcon", () => {
-//     render(
-//       <Button startIcon={<span>*</span>} endIcon={<span>*</span>}>
-//         {Dummy_label}
-//       </Button>,
-//     );
-//     expect(screen.getByTestId("start-icon")).toBeInTheDocument();
-//     expect(screen.getByTestId("end-icon")).toBeInTheDocument();
-//   });
-//   it("does not render startIcon when not provided", () => {
-//     render(<Button>{Dummy_label}</Button>);
-//     expect(screen.queryByTestId("start-icon")).not.toBeInTheDocument();
-//   });
-//   it("does not render endIcon when not provided", () => {
-//     render(<Button>{Dummy_label}</Button>);
-//     expect(screen.queryByTestId("end-icon")).not.toBeInTheDocument();
-//   });
-//   it("renders correctly without a className prop", () => {
-//     render(<Button>{Dummy_label}</Button>);
-//     const buttonElement = screen.getByRole("button");
-//     expect(buttonElement).not.toHaveClass("custom-class");
-//   });
-// });

package/dist/src/components/Button/IconButton.jsx

@@ -1,70 +0,0 @@
-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 * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import LUIcon from "../Icons/LUIcon";
-export var color = {
-    blue: "bg-blue-600 text-white hover:bg-blue-700 focus-visible:ring-blue-300 active:bg-blue-800 disabled:bg-gray-100 disabled:text-gray-400",
-    "blue-light": "bg-blue-100 text-blue-600 hover:bg-blue-700 hover:text-blue-50 active:bg-blue-800 active:text-blue-50",
-    red: "bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-300 active:bg-red-800 disabled:bg-gray-100 disabled:text-gray-400",
-    "red-light": "bg-red-100 text-red-600 hover:bg-red-700 hover:text-red-50 focus-visible:bg-red-600 focus-visible:text-red-50 active:bg-red-800 active:text-red-50",
-    green: "bg-green-600 text-white hover:bg-green-700 focus-visible:ring-green-300 active:bg-green-800 disabled:bg-gray-100 disabled:text-gray-400",
-    yellow: "bg-yellow-500 text-white hover:bg-yellow-600 focus-visible:ring-yellow-200 active:bg-yellow-700 disabled:bg-gray-100 disabled:text-gray-400",
-    indigo: "bg-indigo-600 text-white hover:bg-indigo-700 focus-visible:ring-indigo-300 active:bg-indigo-800 disabled:bg-gray-100 disabled:text-gray-400",
-    gray: "bg-gray-50 text-gray-950 hover:bg-gray-100 focus-visible:bg-gray-50 active:bg-gray-300",
-    "light-gray": "bg-gray-900 text-gray-50 hover:bg-gray-100 focus-visible:bg-gray-50 active:bg-gray-300",
-};
-export var size = {
-    xl: "!p-3.5",
-    lg: "!p-3",
-    md: "!p-2.5",
-    sm: "!p-2.5",
-};
-export var shape = {
-    "rounded-sm": "!rounded-sm",
-    "rounded-full": "!rounded-full",
-};
-var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
-    variants: {
-        color: color,
-        size: size,
-        shape: shape,
-    },
-    defaultVariants: {
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-    },
-});
-function IconButton(_a) {
-    var className = _a.className, color = _a.color, size = _a.size, shape = _a.shape, _b = _a.asChild, asChild = _b === void 0 ? false : _b, icon = _a.icon, props = __rest(_a, ["className", "color", "size", "shape", "asChild", "icon"]);
-    var Comp = asChild ? Slot : "button";
-    // Map button size to appropriate icon sizes for the icon
-    var getIconSize = function () {
-        if (size === "xl" || size === "lg") {
-            return "xl";
-        }
-        else if (size === "md") {
-            return "lg";
-        }
-        else if (size === "sm") {
-            return "md";
-        }
-    };
-    var iconSize = getIconSize();
-    return (<Comp data-slot="button" className={cn(buttonVariants({ color: color, size: size, shape: shape, className: className }))} {...props}>
-      <LUIcon size={iconSize} data-testid="icon" icon={icon !== null && icon !== void 0 ? icon : ""}/>
-    </Comp>);
-}
-export { IconButton, buttonVariants };

package/dist/src/components/Button/IconButton.stories.jsx

@@ -1,53 +0,0 @@
-import { color, IconButton, shape, size } from "./IconButton";
-import { iconList } from "../../utils/iconList";
-export default {
-    title: "Components/Button/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<IconButton icon="chart-simple" size="md" {...args}/>); };
-export var _IconButton = Template.bind({});
-_IconButton.args = {
-    icon: "chart-simple",
-};
-_IconButton.argTypes = {
-    color: {
-        control: {
-            type: "select",
-            labels: Object.keys(color),
-        },
-        options: Object.keys(color),
-    },
-    shape: {
-        control: {
-            type: "select",
-            labels: Object.keys(shape),
-        },
-        options: Object.keys(shape),
-        description: "Select the shape of the button",
-        table: {
-            defaultValue: { summary: "rounded-sm" },
-            type: { summary: "string" },
-        },
-    },
-    size: {
-        control: {
-            type: "select",
-            labels: Object.keys(size),
-        },
-        options: Object.keys(size),
-        description: "Select the size of the button",
-        table: {
-            defaultValue: { summary: "md" },
-            type: { summary: "string" },
-        },
-    },
-    icon: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        options: iconList.map(function (icon) { return icon.key; }),
-        description: "Icon (React component)",
-    },
-};

package/dist/src/components/Button/IconButton.test.jsx

@@ -1,27 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { color, IconButton, shape, size } from "./IconButton";
-describe("Icon Button Component", function () {
-    it("renders icon button with required icon prop", function () {
-        render(<IconButton icon="chart-simple"/>);
-        expect(screen.getByRole("button")).toBeInTheDocument();
-    });
-    it("calls onClick handler when clicked", function () {
-        var handleClick = jest.fn();
-        render(<IconButton onClick={handleClick} icon="chart-simple"/>);
-        fireEvent.click(screen.getByRole("button"));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it("applies correct color, shape, and size classes", function () {
-        render(<IconButton color="blue" shape="rounded-full" size="lg" icon="chart-simple"/>);
-        var buttonElement = screen.getByRole("button");
-        expect(buttonElement).toHaveClass(color["blue"], shape["rounded-full"], size["lg"]);
-    });
-    it("applies additional className when provided", function () {
-        render(<IconButton className="custom-class" icon="chart-simple"/>);
-        expect(screen.getByRole("button")).toHaveClass("custom-class");
-    });
-    it("renders without crashing when all required props are provided", function () {
-        render(<IconButton icon="chart-simple"/>);
-        expect(screen.getByRole("button")).toBeInTheDocument();
-    });
-});

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

@@ -1,2 +0,0 @@
-import { CardInterface } from "./type";
-export declare const ContactProfile: ({ item, image, href, btnLabel, editor, mediaPosition, orientation, }: CardInterface) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Heading } from "../Typography/Heading/heading";
-import { Body } from "../Typography/Body/body";
-import { Button } from "../Button/Button";
-export var ContactProfile = function (_a) {
-    var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "right" : _d, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var normalizedMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common image component to avoid repetition
-    var ProfileImage = function () { return (_jsx(LuImage, { src: image, width: 240, height: 240, className: "w-full h-full rounded-full max-w-[160px] aspect-square object-cover ".concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" })); };
-    // Common content section (title and description)
-    var ContentSection = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsxs("div", { className: "flex flex-col gap-1 ".concat(className), children: [_jsx(Heading, { variant: "h5-700", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " line-clamp-2"), children: item === null || item === void 0 ? void 0 : item.description })] }));
-    };
-    // Common button component
-    var ActionButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsx(Link, { href: href, passHref: true, className: className, children: _jsx(Button, { endIcon: "angle-right", size: "sm", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) }));
-    };
-    // Horizontal layout card
-    if (orientation === "horizontal") {
-        return (_jsxs("div", { className: "p-5 bg-white rounded-xl inline-flex ".concat(normalizedMediaPosition === "right" ? "flex-row-reverse" : "", " gap-10 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(ProfileImage, {}), _jsxs("div", { className: "flex flex-col gap-1 w-full", children: [_jsx(ContentSection, {}), _jsx(ActionButton, { className: "mt-5" })] })] }));
-    }
-    // Vertical layout card
-    return (_jsxs("div", { className: "p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[365px] items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex ".concat(normalizedMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center gap-5 text-center"), children: [_jsx(ProfileImage, {}), _jsx(ContentSection, {})] }), _jsx(ActionButton, {})] }));
-};

package/dist/src/components/Card/ContactProfile.jsx

@@ -1,57 +0,0 @@
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Heading } from "../Typography/Heading/heading";
-import { Body } from "../Typography/Body/body";
-import { Button } from "../Button/Button";
-export var ContactProfile = function (_a) {
-    var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "right" : _d, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var normalizedMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common image component to avoid repetition
-    var ProfileImage = function () { return (<LuImage src={image} width={240} height={240} className={"w-full h-full rounded-full max-w-[160px] aspect-square object-cover ".concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>); };
-    // Common content section (title and description)
-    var ContentSection = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<div className={"flex flex-col gap-1 ".concat(className)}>
-      <Heading variant="h5-700" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-        {item === null || item === void 0 ? void 0 : item.title}
-      </Heading>
-      <Body variant="body-md" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " line-clamp-2")}>
-        {item === null || item === void 0 ? void 0 : item.description}
-      </Body>
-    </div>);
-    };
-    // Common button component
-    var ActionButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<Link href={href} passHref className={className}>
-      <Button endIcon={"angle-right"} size="sm" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn)}>
-        {btnLabel}
-      </Button>
-    </Link>);
-    };
-    // Horizontal layout card
-    if (orientation === "horizontal") {
-        return (<div className={"p-5 bg-white rounded-xl inline-flex ".concat(normalizedMediaPosition === "right" ? "flex-row-reverse" : "", " gap-10 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-        <ProfileImage />
-        <div className="flex flex-col gap-1 w-full">
-          <ContentSection />
-          <ActionButton className="mt-5"/>
-        </div>
-      </div>);
-    }
-    // Vertical layout card
-    return (<div className={"p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[365px] items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex ".concat(normalizedMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center gap-5 text-center")}>
-        <ProfileImage />
-        <ContentSection />
-      </div>
-      <ActionButton />
-    </div>);
-};