linkedunion-design-kit 1.9.6-beta.0 → 1.9.6-beta.1

package/dist/src/components/Button/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/IconButton.jsx

@@ -1,63 +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";
-import { buttonStyles } from "..";
-export var variant = {
-    fill: "",
-    outline: "border bg-transparent",
-    ghost: "bg-transparent border-none",
-};
-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-[3px] focus-visible:ring-blue-200 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
-    variants: {
-        color: buttonStyles.fillColor,
-        size: buttonStyles.iconButtonSize,
-        shape: buttonStyles.shape,
-        variant: variant,
-    },
-    defaultVariants: {
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "fill",
-    },
-});
-function IconButton(_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 ? "fill" : _c, _d = _a.asChild, asChild = _d === void 0 ? false : _d, icon = _a.icon, props = __rest(_a, ["className", "color", "size", "shape", "variant", "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";
-        }
-    };
-    // Apply appropriate text color for link variant
-    var extraClasses = variant === "outline" && color
-        ? buttonStyles.outlineColor[color]
-        : variant === "ghost" && color
-            ? buttonStyles.ghostColor[color]
-            : buttonStyles.fillColor[color];
-    var iconSize = getIconSize();
-    return (<Comp data-slot="button" className={cn(buttonVariants({ color: color, size: size, shape: shape, variant: variant, className: className }), extraClasses)} {...props}>
-      <LUIcon size={iconSize} data-testid="icon" icon={icon !== null && icon !== void 0 ? icon : "info"}/>
-    </Comp>);
-}
-export { IconButton, buttonVariants };

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

@@ -1,128 +0,0 @@
-import { iconList } from "../../../utils/iconList";
-import { IconButton, variant } from "./IconButton";
-import { buttonStyles } from "..";
-var meta = {
-    title: "Components/Button/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-    parameters: {
-        docs: {
-            description: {
-                component: "Icon Button component with default variants: color: blue, size: md, shape: rounded-sm, variant: default",
-            },
-        },
-        controls: {
-            expanded: true,
-            sort: "requiredFirst",
-            hideNoControlsWarning: true,
-            exclude: [],
-        },
-        className: "",
-    },
-    args: {
-        // Default values for all stories
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "fill",
-        icon: "chart-simple",
-    },
-    argTypes: {
-        color: {
-            control: {
-                type: "select",
-                labels: Object.keys(buttonStyles.fillColor),
-            },
-            options: Object.keys(buttonStyles.fillColor),
-        },
-        shape: {
-            control: {
-                type: "select",
-                labels: Object.keys(buttonStyles.shape),
-            },
-            options: Object.keys(buttonStyles.shape),
-            description: "Select the shape of the button",
-            table: {
-                defaultValue: { summary: "rounded-sm" },
-                type: { summary: "string" },
-            },
-        },
-        variant: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(variant),
-            description: "The variant of the button (default or link)",
-            defaultValue: "fill",
-            table: {
-                defaultValue: { summary: "fill" },
-            },
-        },
-        size: {
-            control: {
-                type: "select",
-                labels: Object.keys(buttonStyles.iconButtonSize),
-            },
-            options: Object.keys(buttonStyles.iconButtonSize),
-            description: "Select the size of the button",
-            table: {
-                defaultValue: { summary: "md" },
-                type: { summary: "string" },
-            },
-        },
-        icon: {
-            control: {
-                type: "select",
-                labels: Object.fromEntries(Object.keys(iconList).map(function (key) { return [key, key]; })),
-            },
-            options: Object.keys(iconList),
-            description: "Icon (React component)",
-        },
-        className: {
-            control: { type: "text" },
-            description: "Custom class name for the IconButton",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "" },
-            },
-        },
-        onClick: {
-            action: "clicked",
-            description: "Function called when button is clicked",
-        },
-    },
-    decorators: [
-        function (Story, context) {
-            var currentVariant = context.args.variant;
-            var isOutline = currentVariant === "outline";
-            var isGhost = currentVariant === "ghost";
-            var isFill = currentVariant === "fill";
-            if (context.argTypes) {
-                // ✅ Update Link color and size options
-                if (context.argTypes.color) {
-                    context.argTypes.color.options = isOutline
-                        ? Object.keys(buttonStyles.outlineColor)
-                        : isGhost
-                            ? Object.keys(buttonStyles.ghostColor)
-                            : isFill
-                                ? Object.keys(buttonStyles.fillColor)
-                                : Object.keys(buttonStyles.fillColor);
-                }
-            }
-            return <Story {...context}/>;
-        },
-    ],
-};
-export default meta;
-// Display Default button with explicit default values
-export var Default = {
-    args: {
-        color: "blue",
-        size: "md",
-        shape: "rounded-sm",
-        variant: "fill",
-        onClick: function () {
-            alert("Button clicked!");
-        },
-    },
-};

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

@@ -1,28 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { IconButton } from "./IconButton";
-import { buttonStyles } from "..";
-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(buttonStyles.fillColor["blue"], buttonStyles.shape["rounded-full"], buttonStyles.iconButtonSize["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/MultipleNews/MultiNews.jsx

@@ -1,70 +0,0 @@
-import LuImage from "../../Images/LuImage";
-import { Button } from "../../Button/Button/Button";
-import { Body } from "../../Typography/Body/body";
-import { Heading } from "../../Typography/Heading/heading";
-export var MultipleNewsCard = function (props) {
-    var item = props.item, image = props.image, btnLabel = props.btnLabel, editor = props.editor, _a = props.mediaPosition, mediaPosition = _a === void 0 ? "right" : _a, orientation = props.orientation, onButtonClick = props.onButtonClick;
-    // Common card media component
-    var CardMedia = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<LuImage src={image} width={240} height={240} className={"object-cover w-full ".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>);
-    };
-    // Common content section
-    var CardContent = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<div className={"flex flex-col !gap-2 ".concat(className)}>
-      <Heading variant="h4-600" className={"line-clamp-1 capitalize ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-        {item === null || item === void 0 ? void 0 : item.title}
-      </Heading>
-
-      {(item === null || item === void 0 ? void 0 : item.short_description) && (<Body variant="body-xl" className={"".concat(item.description ? "line-clamp-1 text-gray-900" : "line-clamp-2 text-gray-600", "   ").concat(editor === null || editor === void 0 ? void 0 : editor.shortDescription)}>
-          {item === null || item === void 0 ? void 0 : item.short_description}
-        </Body>)}
-      <Body variant="body-lg" className={"text-gray-600 line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText)} dangerouslySetInnerHTML={{
-                __html: item.description || "",
-            }}/>
-    </div>);
-    };
-    // Common button component with conditional shape
-    var ActionButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<div>
-      {btnLabel && (<Button endIcon={"angle-right"} size={"sm"} {...(mediaPosition === "middle" && { shape: "rounded-full" })} className={"".concat(mediaPosition === "middle" && "shadow-md !font-semibold", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn, " ").concat(className)} onClick={onButtonClick}>
-          {btnLabel}
-        </Button>)}
-    </div>);
-    };
-    // Horizontal layout
-    if (orientation === "horizontal") {
-        return (<div className={"!p-5 bg-white rounded-2xl flex ".concat(mediaPosition === "right" ? "flex-row-reverse" : "", " !gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-        <CardMedia className="max-w-48 aspect-square rounded-lg"/>
-        <div className="flex flex-col !gap-5 w-full">
-          <CardContent />
-
-          <ActionButton />
-        </div>
-      </div>);
-    }
-    // Vertical layout
-    return (<div className={"!p-4 bg-white rounded-2xl flex flex-col !gap-5 max-w-md shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex ".concat(mediaPosition === "top" ? "flex-col" : "flex-col-reverse", " !gap-4")}>
-        {mediaPosition === "middle" && (<Body variant="body-lg" className={"text-gray-600 line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText)} dangerouslySetInnerHTML={{
-                __html: item.description || "",
-            }}/>)}
-        <CardMedia className="aspect-16/10"/>
-        <div className={"flex flex-col !gap-1"}>
-          <Heading variant="h4-700" className={"line-clamp-1 capitalize ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-            {item === null || item === void 0 ? void 0 : item.title}
-          </Heading>
-
-          {(item === null || item === void 0 ? void 0 : item.short_description) && (<Body variant={mediaPosition === "middle" ? "body-lg-500" : "body-xl"} className={"".concat(item.description ? "line-clamp-1 text-gray-600" : "line-clamp-2 h-14 text-gray-600", "   ").concat(editor === null || editor === void 0 ? void 0 : editor.shortDescription)}>
-              {item === null || item === void 0 ? void 0 : item.short_description}
-            </Body>)}
-          {mediaPosition !== "middle" && (<Body variant="body-lg" className={"text-gray-600 line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText)} dangerouslySetInnerHTML={{
-                __html: item.description || "",
-            }}/>)}
-        </div>
-      </div>
-      <ActionButton />
-    </div>);
-};

package/dist/src/components/Card/MultipleNews/MultiNews.stories.jsx

@@ -1,101 +0,0 @@
-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 { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, } from "../../../utils/constants";
-import { OrientationEnum } from "../../../utils/enums";
-import Card from "../card";
-var meta = {
-    title: "Components/Cards/MultiNews",
-    component: Card,
-    parameters: {
-        layout: "centered",
-    },
-    argTypes: {
-        type: {
-            control: false,
-            table: {
-                disable: true,
-            },
-        },
-        orientation: {
-            control: "select",
-            options: [OrientationEnum.horizontal, OrientationEnum.vertical],
-        },
-        mediaPosition: {
-            control: "select",
-            options: ["left", "right", "top", "middle", "bottom"],
-            description: "For horizontal: use left/right. For vertical: use top/middle/bottom",
-        },
-    },
-    decorators: [
-        function (Story, context) {
-            // Dynamically update mediaPosition options based on orientation
-            var args = context.args;
-            var orientation = args.orientation;
-            if (orientation === OrientationEnum.horizontal) {
-                if (context.argTypes.mediaPosition) {
-                    context.argTypes.mediaPosition.options = ["left", "right"];
-                }
-                // Reset mediaPosition if it's not valid for horizontal
-                if (args.mediaPosition &&
-                    !["left", "right"].includes(args.mediaPosition)) {
-                    args.mediaPosition = "left";
-                }
-            }
-            else if (orientation === OrientationEnum.vertical) {
-                if (context.argTypes.mediaPosition) {
-                    context.argTypes.mediaPosition.options = ["top", "middle", "bottom"];
-                }
-                // Reset mediaPosition if it's not valid for vertical
-                if (args.mediaPosition &&
-                    !["top", "middle", "bottom"].includes(args.mediaPosition)) {
-                    args.mediaPosition = "top";
-                }
-            }
-            return <Story />;
-        },
-    ],
-};
-export default meta;
-var baseCardArgs = {
-    item: {
-        image: Dummy_Image,
-        title: Dummy_Title,
-        description: Dummy_Para,
-        short_description: Dummy_Subtitle,
-    },
-    image: Dummy_Image,
-    onButtonClick: function () { return console.log("Button clicked"); },
-    btnLabel: "View More",
-    editor: {
-        card: "",
-        cardImage: "",
-        cardTitle: "",
-        cardText: "",
-        cardBtn: "",
-        shortDescription: "",
-    },
-};
-export var CardHorizontalLeft = {
-    args: __assign(__assign({ type: "multipleNews" }, baseCardArgs), { orientation: OrientationEnum.horizontal, mediaPosition: "left" }),
-};
-export var CardHorizontalRight = {
-    args: __assign(__assign({ type: "multipleNews" }, baseCardArgs), { orientation: OrientationEnum.horizontal, mediaPosition: "right" }),
-};
-export var CardVerticalTop = {
-    args: __assign(__assign({ type: "multipleNews" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "top" }),
-};
-export var CardVerticalBottom = {
-    args: __assign(__assign({ type: "multipleNews" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "bottom" }),
-};
-export var CardVerticalMiddle = {
-    args: __assign(__assign({ type: "multipleNews" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "middle" }),
-};

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

@@ -1,60 +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/Button";
-export var PostByCategory = function (_a) {
-    var item = _a.item, image = _a.image, href = _a.href, btnLabel = _a.btnLabel, editor = _a.editor, mediaPosition = _a.mediaPosition, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var safeMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common card media component to avoid duplication
-    var CardMedia = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<LuImage src={image} width={240} height={240} className={"!rounded-lg ".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>);
-    };
-    // Common content section component
-    var CardContent = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<div className={"flex flex-col !gap-1 ".concat(className, " ")}>
-      <Heading variant="h4-600" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle, " capitalize line-clamp-1 !m-0")}>
-        {item === null || item === void 0 ? void 0 : item.title}
-      </Heading>
-      <Body variant="body-md" className={" ".concat(orientation === "horizontal" ? "line-clamp-1" : "line-clamp-2", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardText)}>
-        {item === null || item === void 0 ? void 0 : item.description}
-      </Body>
-    </div>);
-    };
-    // Common button component
-    var CardButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<Link href={href || "#"} passHref>
-      <Button endIcon={"angle-right"} size="sm" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn, " ").concat(className)}>
-        {btnLabel}
-      </Button>
-    </Link>);
-    };
-    // Horizontal layout
-    if (orientation === "horizontal") {
-        return (<div className={"!p-5 rounded-xl grid grid-cols-1 sm:grid-cols-3 max-w-5xl !gap-5 items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-        <CardMedia className={"".concat(safeMediaPosition === "right" && " order-last", " w-full aspect-5/4 sm:aspect-square  object-cover")}/>
-        <div className="flex flex-col !gap-2 md:!gap-5 sm:col-span-2   h-full justify-center">
-          <CardContent />
-          <CardButton />
-        </div>
-      </div>);
-    }
-    // Vertical layout
-    return (<div className={"!p-5 sm:p-8 rounded-xl flex flex-col !gap-5 max-w-[480px]  shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex w-full ".concat(safeMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center !gap-5 ")}>
-        <CardMedia className="w-full h-full aspect-5/4 object-cover"/>
-        <CardContent className="h-20"/>
-      </div>
-      <CardButton />
-    </div>);
-};

package/dist/src/components/Card/PostByCategory/PostByCategory.stories.jsx

@@ -1,102 +0,0 @@
-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 { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../../utils/constants";
-import { OrientationEnum } from "../../../utils/enums";
-import Card from "../card";
-var meta = {
-    title: "Components/Cards/PostByCategory",
-    component: Card,
-    parameters: {
-        layout: "centered",
-    },
-    argTypes: {
-        type: {
-            control: false,
-            table: {
-                disable: true,
-            },
-        },
-        orientation: {
-            control: "select",
-            options: [OrientationEnum.horizontal, OrientationEnum.vertical],
-        },
-        mediaPosition: {
-            control: "select",
-            options: ["left", "right", "top", "middle", "bottom"],
-            description: "For horizontal: use left/right. For vertical: use top/middle/bottom",
-        },
-    },
-    decorators: [
-        function (Story, context) {
-            // Dynamically update mediaPosition options based on orientation
-            var args = context.args;
-            var orientation = args.orientation;
-            if (orientation === OrientationEnum.horizontal) {
-                if (context.argTypes.mediaPosition) {
-                    context.argTypes.mediaPosition.options = ["left", "right"];
-                }
-                // Reset mediaPosition if it's not valid for horizontal
-                if (args.mediaPosition &&
-                    !["left", "right"].includes(args.mediaPosition)) {
-                    args.mediaPosition = "left";
-                }
-            }
-            else if (orientation === OrientationEnum.vertical) {
-                if (context.argTypes.mediaPosition) {
-                    context.argTypes.mediaPosition.options = ["top", "bottom"];
-                }
-                // Reset mediaPosition if it's not valid for vertical
-                if (args.mediaPosition &&
-                    !["top", "middle", "bottom"].includes(args.mediaPosition)) {
-                    args.mediaPosition = "top";
-                }
-            }
-            return <Story />;
-        },
-    ],
-};
-export default meta;
-// Base card args
-var baseCardArgs = {
-    item: {
-        image: Dummy_Image,
-        title: Dummy_Title,
-        description: Dummy_Para,
-        short_description: Dummy_Subtitle,
-    },
-    image: Dummy_Image,
-    href: Dummy_Url,
-    btnLabel: "View More",
-    editor: {
-        card: "",
-        cardImage: "",
-        cardTitle: "",
-        cardText: "",
-        cardBtn: "",
-    },
-};
-// PostByCategory Card Stories
-export var PostByCategoryHorizontalLeft = {
-    args: __assign(__assign({ type: "postByCategory" }, baseCardArgs), { orientation: OrientationEnum.horizontal, mediaPosition: "left" }),
-};
-export var PostByCategoryHorizontalRight = {
-    args: __assign(__assign({ type: "postByCategory" }, baseCardArgs), { orientation: OrientationEnum.horizontal, mediaPosition: "right" }),
-};
-export var PostByCategoryVerticalTop = {
-    args: __assign(__assign({ type: "postByCategory" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "top" }),
-};
-export var PostByCategoryVerticalMiddle = {
-    args: __assign(__assign({ type: "postByCategory" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "middle" }),
-};
-export var PostByCategoryVerticalBottom = {
-    args: __assign(__assign({ type: "postByCategory" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "bottom" }),
-};

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

@@ -1,26 +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/Button";
-export var SinglePost = 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;
-    return (<div className={" bg-white rounded-3xl grid grid-cols-1 sm:grid-cols-2 overflow-hidden  items-stretch shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <LuImage src={image} width={240} height={240} className={"w-full h-full ".concat(mediaPosition === "right" ? "order-1" : "", "  aspect-5/4  object-cover ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>
-      <div className="p-9 grid grid-rows-[1fr] items-center !gap-2 ">
-        <div className="flex flex-col !gap-3 ">
-          <Heading variant="h2-500" className={"line-clamp-1 md:line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-            {item === null || item === void 0 ? void 0 : item.title}
-          </Heading>
-          <Body variant="body-xl" className={"line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " ")}>
-            {item === null || item === void 0 ? void 0 : item.description}
-          </Body>
-        </div>
-        <Link href={href} passHref>
-          <Button endIcon={"angle-right"} size="lg" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn)}>
-            {btnLabel}
-          </Button>
-        </Link>
-      </div>
-    </div>);
-};