linkedunion-design-kit 1.9.9 → 1.10.2

package/dist/index.d.ts

@@ -1,33 +1,34 @@
-export { default as LUIcon } from "./src/components/Icons/LUIcon";
-export { default as Card } from "./src/components/Card/card";
-export { default as LuImage } from "./src/components/Images/LuImage";
-export { default as Title } from "./src/components/Title/Title";
-export { IconButton } from "./src/components/Button/IconButton/IconButton";
-export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
-export { Input } from "./src/components/Input/input";
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/Accordion/accordion";
-export { default as ImageUploader } from "./src/components/ImageUploader/imageUploader";
-export { Checkbox } from "./src/components/Checkbox/checkbox";
-export { Switch } from "./src/components/Switch/switch";
-export { Typography } from "./src/components/ui/typography";
-export { Heading } from "./src/components/Typography/Heading/heading";
-export { Body } from "./src/components/Typography/Body/body";
-export { Display } from "./src/components/Typography/Display/display";
-export { Caption } from "./src/components/Typography/Caption/caption";
-export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
-export { Button } from "./src/components/Button/Button/Button";
-export { Label } from "./src/components/Label/Label";
-export { Slider } from "./src/components/Slider/slider";
-export { RadioGroup, RadioGroupItem, } from "./src/components/RadioGroup/radio-group";
-export { AppIcon } from "./src/components/AppIcons";
-export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";
-export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectValue, } from "./src/components/Dropdown/select";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./src/components/Alerts/AlertDialog";
-export { Avatar, AvatarImage, AvatarFallback, } from "./src/components/Avatar/Avatar/Avatar";
-export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "./src/components/Table/Table";
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "./src/components/Dropdown/DropdownMenu/DropdownMenu";
-export { Badge } from "./src/components/Badge/Badge";
-export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox";
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./src/components/Pagination/pagination";
-export { Skeleton } from "./src/components/Skeleton/skeleton";
-export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "./src/components/VerticalTabs/VerticalTabs";
+export { default as LUIcon } from "@/components/Icons/LUIcon";
+export { default as Card } from "@/components/Card/card";
+export { default as LuImage } from "@/components/Images/LuImage";
+export { default as Title } from "@/components/Title/Title";
+export { IconButton } from "@/components/Button/IconButton/IconButton";
+export { default as ColorPicker } from "@/components/ColorPicker/ColorPicker";
+export { Input } from "@/components/Input/input";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "@/components/Accordion/accordion";
+export { default as ImageUploader } from "@/components/ImageUploader/imageUploader";
+export { Checkbox } from "@/components/Checkbox/checkbox";
+export { Switch } from "@/components/Switch/switch";
+export { Typography } from "@/ui/typography";
+export { Heading } from "@/components/Typography/Heading/heading";
+export { Body } from "@/components/Typography/Body/body";
+export { Display } from "@/components/Typography/Display/display";
+export { Caption } from "@/components/Typography/Caption/caption";
+export { default as Tooltip } from "@/components/ToolTip/Tooltip";
+export { Button } from "@/components/Button/Button/Button";
+export { Label } from "@/components/Label/Label";
+export { Slider } from "@/components/Slider/slider";
+export { RadioGroup, RadioGroupItem, } from "@/components/RadioGroup/radio-group";
+export { AppIcon } from "@/components/AppIcons";
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from "@/components/Tabs/tabs";
+export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectValue, } from "@/components/Dropdown/select";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/Alerts/AlertDialog";
+export { Avatar, AvatarImage, AvatarFallback, } from "@/components/Avatar/Avatar/Avatar";
+export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "@/components/Table/Table";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "@/components/Dropdown/DropdownMenu/DropdownMenu";
+export { Badge } from "@/components/Badge/Badge";
+export { default as Combobox } from "@/components/Dropdown/Combobox/Combobox";
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "@/components/Pagination/pagination";
+export { Skeleton } from "@/components/Skeleton/skeleton";
+export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "@/components/VerticalTabs/VerticalTabs";
+export { DatePicker } from "@/components/Input/DatePicker";

package/dist/index.js

@@ -1,33 +1,34 @@
-export { default as LUIcon } from "./src/components/Icons/LUIcon";
-export { default as Card } from "./src/components/Card/card";
-export { default as LuImage } from "./src/components/Images/LuImage";
-export { default as Title } from "./src/components/Title/Title";
-export { IconButton } from "./src/components/Button/IconButton/IconButton";
-export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
-export { Input } from "./src/components/Input/input";
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/Accordion/accordion";
-export { default as ImageUploader } from "./src/components/ImageUploader/imageUploader";
-export { Checkbox } from "./src/components/Checkbox/checkbox";
-export { Switch } from "./src/components/Switch/switch";
-export { Typography } from "./src/components/ui/typography";
-export { Heading } from "./src/components/Typography/Heading/heading";
-export { Body } from "./src/components/Typography/Body/body";
-export { Display } from "./src/components/Typography/Display/display";
-export { Caption } from "./src/components/Typography/Caption/caption";
-export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
-export { Button } from "./src/components/Button/Button/Button";
-export { Label } from "./src/components/Label/Label";
-export { Slider } from "./src/components/Slider/slider";
-export { RadioGroup, RadioGroupItem, } from "./src/components/RadioGroup/radio-group";
-export { AppIcon } from "./src/components/AppIcons";
-export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";
-export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectValue, } from "./src/components/Dropdown/select";
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./src/components/Alerts/AlertDialog";
-export { Avatar, AvatarImage, AvatarFallback, } from "./src/components/Avatar/Avatar/Avatar";
-export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "./src/components/Table/Table";
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "./src/components/Dropdown/DropdownMenu/DropdownMenu";
-export { Badge } from "./src/components/Badge/Badge";
-export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox";
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./src/components/Pagination/pagination";
-export { Skeleton } from "./src/components/Skeleton/skeleton";
-export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "./src/components/VerticalTabs/VerticalTabs";
+export { default as LUIcon } from "@/components/Icons/LUIcon";
+export { default as Card } from "@/components/Card/card";
+export { default as LuImage } from "@/components/Images/LuImage";
+export { default as Title } from "@/components/Title/Title";
+export { IconButton } from "@/components/Button/IconButton/IconButton";
+export { default as ColorPicker } from "@/components/ColorPicker/ColorPicker";
+export { Input } from "@/components/Input/input";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "@/components/Accordion/accordion";
+export { default as ImageUploader } from "@/components/ImageUploader/imageUploader";
+export { Checkbox } from "@/components/Checkbox/checkbox";
+export { Switch } from "@/components/Switch/switch";
+export { Typography } from "@/ui/typography";
+export { Heading } from "@/components/Typography/Heading/heading";
+export { Body } from "@/components/Typography/Body/body";
+export { Display } from "@/components/Typography/Display/display";
+export { Caption } from "@/components/Typography/Caption/caption";
+export { default as Tooltip } from "@/components/ToolTip/Tooltip";
+export { Button } from "@/components/Button/Button/Button";
+export { Label } from "@/components/Label/Label";
+export { Slider } from "@/components/Slider/slider";
+export { RadioGroup, RadioGroupItem, } from "@/components/RadioGroup/radio-group";
+export { AppIcon } from "@/components/AppIcons";
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from "@/components/Tabs/tabs";
+export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectValue, } from "@/components/Dropdown/select";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/Alerts/AlertDialog";
+export { Avatar, AvatarImage, AvatarFallback, } from "@/components/Avatar/Avatar/Avatar";
+export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "@/components/Table/Table";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "@/components/Dropdown/DropdownMenu/DropdownMenu";
+export { Badge } from "@/components/Badge/Badge";
+export { default as Combobox } from "@/components/Dropdown/Combobox/Combobox";
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "@/components/Pagination/pagination";
+export { Skeleton } from "@/components/Skeleton/skeleton";
+export { Tabs as VerticalTabs, TabsContent as VerticalTabsContent, TabsList as VerticalTabsList, tabSizes as verticalTabsSize, TabsTrigger as VerticalTabsTrigger, TabsHeading as VerticalTabsHeading, } from "@/components/VerticalTabs/VerticalTabs";
+export { DatePicker } from "@/components/Input/DatePicker";

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../../components/Accordion/accordion";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/Accordion/accordion";
 import ColorPicker from "../ColorPicker/ColorPicker";
 export default {
     title: "Components/Accordion",

package/dist/src/components/Accordion/accordion.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { cn } from "../../lib/utils";
+import { cn } from "@/lib/utils";
 import LUIcon from "../Icons/LUIcon";
 function Accordion(_a) {
     var props = __rest(_a, []);

package/dist/src/components/Alerts/Alert/alert.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, Children, isValidElement, cloneElement, } from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import LUIcon from "../../Icons/LUIcon";
 import { Button } from "../../Button/Button/Button";
 var alertVariants = cva("grid w-full gap-4 rounded-lg border-l-4 p-4", {

package/dist/src/components/Alerts/AlertDialog/alert-dialog.js

@@ -24,7 +24,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import { Button } from "../../Button/Button/Button";
 import LUIcon from "../../Icons/LUIcon";
 // Create context for AlertDialog color

package/dist/src/components/Avatar/Avatar/Avatar.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import { avatarSize, avatarShape, statusIndicatorSize, statusIndicatorOffset, roundedStatusIndicatorOffset, } from ".";
 import { StatusIndicator } from "../StatusIndicator/StatusIndicator";
 var AvatarContext = React.createContext({ size: "md", shape: "rounded" });

package/dist/src/components/Avatar/AvatarGroup/AvatarGroup.d.ts

@@ -1,2 +1,2 @@
-import { AvatarProps } from "../../../components/Avatar/AvatarGroup/type";
+import { AvatarProps } from "@/components/Avatar/AvatarGroup/type";
 export declare const AvatarGroup: ({ images }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Avatar/StatusIndicator/StatusIndicator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import { statusIndicatorOuterSize, awayIndicatorInnerSize, statusIndicatorBorder, } from ".";
 export var StatusIndicator = function (_a) {
     var status = _a.status, _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { type VariantProps } from "class-variance-authority";
 import { badgeStyles } from ".";
-import { iconList } from "../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 declare const badgeVariants: (props?: ({
     color?: "blue" | "light-blue" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "indigo" | "light-indigo" | "gray" | "light-gray" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;

package/dist/src/components/Badge/Badge.js

@@ -24,7 +24,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import LUIcon from "../Icons/LUIcon";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "@/lib/utils";
 import { badgeStyles, badgeLeftIconSize, badgeRightIconSize } from ".";
 var badgeVariants = cva("inline-flex items-center justify-center font-normal w-fit whitespace-nowrap shrink-0 gap-2 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
     variants: {

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

@@ -2,7 +2,7 @@ import React from "react";
 import { StoryObj } from "@storybook/react";
 import { Badge } from "./Badge";
 import { badgeStyles } from ".";
-import { iconList } from "../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 declare const meta: {
     title: string;
     component: typeof Badge;

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from "./Badge";
 import { badgeStyles } from ".";
-import { iconList } from "../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 var meta = {
     title: "Components/Badge",
     component: Badge,

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { iconList } from "../../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 export type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
     startIcon?: keyof typeof iconList;

package/dist/src/components/Button/Button/Button.js

@@ -32,7 +32,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import LUIcon from "../../Icons/LUIcon";
 import { buttonStyles } from "..";
 export var variant = {

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
-import { Dummy_label } from "../../../utils/constants";
+import { Dummy_label } from "@/utils/constants";
 import { Button } from "./Button";
 describe("Button Component", function () {
     it("renders default button component", function () {

package/dist/src/components/Button/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { iconList } from "../../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 export declare const variant: {
     fill: string;
     outline: string;

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
+import { cn } from "@/lib/utils";
 import LUIcon from "../../Icons/LUIcon";
 import { buttonStyles } from "..";
 export var variant = {

package/dist/src/components/Button/IconButton/IconButton.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from "@storybook/react";
-import { iconList } from "../../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 import { IconButton } from "./IconButton";
 declare const meta: {
     title: string;

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { iconList } from "../../../utils/iconList";
+import { iconList } from "@/utils/iconList";
 import { IconButton, variant } from "./IconButton";
 import { buttonStyles } from "..";
 var meta = {

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

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, } from "../../../utils/constants";
-import { OrientationEnum } from "../../../utils/enums";
+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",
@@ -74,7 +74,7 @@ var baseCardArgs = {
         short_description: Dummy_Subtitle,
     },
     image: Dummy_Image,
-    onButtonClick: function () { return console.log("Button clicked"); },
+    onButtonClick: function () { return alert("Button clicked"); },
     btnLabel: "View More",
     editor: {
         card: "",

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

@@ -1,2 +1,5 @@
 import { CardInterface } from "../type";
-export declare const PostByCategory: ({ item, image, href, btnLabel, editor, mediaPosition, orientation, }: CardInterface) => import("react/jsx-runtime").JSX.Element;
+export interface PostByCategoryProps extends Omit<CardInterface, "href" | "type"> {
+    onButtonClick?: () => void;
+}
+export declare const PostByCategory: ({ item, image, btnLabel, onButtonClick, editor, mediaPosition, orientation, }: PostByCategoryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,10 @@
 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/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;
+    var item = _a.item, image = _a.image, btnLabel = _a.btnLabel, onButtonClick = _a.onButtonClick, editor = _a.editor, mediaPosition = _a.mediaPosition, orientation = _a.orientation;
     // Normalize mediaPosition based on orientation
     var safeMediaPosition = orientation === "horizontal"
         ? mediaPosition === "left" || mediaPosition === "right"
@@ -27,7 +26,7 @@ export var PostByCategory = function (_a) {
     // Common button component
     var CardButton = function (_a) {
         var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsx(Link, { href: href || "#", passHref: true, children: _jsx(Button, { endIcon: "angle-right", size: "sm", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn, " ").concat(className), children: btnLabel }) }));
+        return (_jsx(Button, { endIcon: "angle-right", size: "sm", className: "w-fit ".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), onClick: onButtonClick, children: btnLabel }));
     };
     // Horizontal layout
     if (orientation === "horizontal") {

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

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../../utils/constants";
-import { OrientationEnum } from "../../../utils/enums";
+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/PostByCategory",
@@ -75,7 +75,7 @@ var baseCardArgs = {
         short_description: Dummy_Subtitle,
     },
     image: Dummy_Image,
-    href: Dummy_Url,
+    onButtonClick: function () { return alert("Button clicked"); },
     btnLabel: "View More",
     editor: {
         card: "",

package/dist/src/components/Card/SinglePost/SinglePost.stories.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import Card from "../card";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../../utils/constants";
+import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "@/utils/constants";
 var meta = {
     title: "Components/Cards/SinglePost",
     component: Card,

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

@@ -1,15 +1,18 @@
 import type { MultiNewsProps } from "./MultipleNews/MultiNews";
 import type { CardInterface } from "./type";
+import { PostByCategoryProps } from "./PostByCategory/PostByCategory";
 import { PhotoGalleryProps } from "./photoGallery/PhotoGallery";
 import { PhotoAlbumProps } from "./photoAlbum/PhotoAlbum";
-type CardTypesWithCardInterface = "postByCategory" | "contactProfile" | "singlePost";
+type CardTypesWithCardInterface = "contactProfile" | "singlePost";
 export type CardProps = ({
     type: "multipleNews";
 } & MultiNewsProps) | ({
     type: "photoGallery";
 } & PhotoGalleryProps) | ({
     type: "photoAlbum";
-} & PhotoAlbumProps) | {
+} & PhotoAlbumProps) | ({
+    type: "postByCategory";
+} & PostByCategoryProps) | {
     [K in CardTypesWithCardInterface]: {
         type: K;
     } & CardInterface;

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PostByCategory } from "./PostByCategory/PostByCategory";
+import { PostByCategory, } from "./PostByCategory/PostByCategory";
 import { MultipleNewsCard } from "./MultipleNews/MultiNews";
 import { SinglePost } from "./SinglePost/SinglePost";
 import { ContactProfile } from "./contactProfile/ContactProfile";

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

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Image, Dummy_Para, Dummy_Title, Dummy_Url, } from "../../../utils/constants";
-import { OrientationEnum } from "../../../utils/enums";
+import { Dummy_Image, Dummy_Para, Dummy_Title, Dummy_Url, } from "@/utils/constants";
+import { OrientationEnum } from "@/utils/enums";
 import Card from "../card";
 var meta = {
     title: "Components/Cards/ContactProfile",

package/dist/src/components/Card/photoAlbum/PhotoAlbum.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import LuImage from "../../../components/Images/LuImage";
-import { Heading } from "../../../components/Typography/Heading/heading";
-import LUIcon from "../../../components/Icons/LUIcon";
+import LuImage from "@/components/Images/LuImage";
+import { Heading } from "@/components/Typography/Heading/heading";
+import LUIcon from "@/components/Icons/LUIcon";
 import { AvatarGroup } from "../../Avatar/AvatarGroup/AvatarGroup";
 export var PhotoAlbum = function (_a) {
     var image = _a.image, item = _a.item, _b = _a.altText, altText = _b === void 0 ? "Photo Album" : _b, editor = _a.editor, _c = _a.theme, theme = _c === void 0 ? "theme1" : _c;

package/dist/src/components/Card/photoAlbum/PhotoAlbum.stories.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Image, Dummy_Title } from "../../../utils/constants";
+import { Dummy_Image, Dummy_Title } from "@/utils/constants";
 import Card from "../card";
 export var Themes = ["theme1", "theme2"];
 export default {

package/dist/src/components/Card/photoGallery/PhotoGallery.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LuImage from "../../../components/Images/LuImage";
-import { Heading } from "../../../components/Typography/Heading/heading";
-import LUIcon from "../../../components/Icons/LUIcon";
+import LuImage from "@/components/Images/LuImage";
+import { Heading } from "@/components/Typography/Heading/heading";
+import LUIcon from "@/components/Icons/LUIcon";
 export var PhotoGallery = function (_a) {
     var image = _a.image, item = _a.item, _b = _a.altText, altText = _b === void 0 ? "Photo Gallery" : _b, editor = _a.editor;
     return (_jsxs("div", { className: "group relative max-w-md cursor-pointer ".concat(editor === null || editor === void 0 ? void 0 : editor.card, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), children: [_jsx(LuImage, { src: image, width: 448, height: 448, alt: altText, className: "aspect-square object-cover transition-transform" }), _jsx("div", { className: "absolute ".concat(editor === null || editor === void 0 ? void 0 : editor.cardOverlay, " inset-0 bg-linear-to-t from-black to-transparent") }), _jsx(Heading, { variant: "h4-700", className: "absolute line-clamp-1 text-white bottom-4 uppercase !px-5 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.title }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 opacity-0 group-hover:!opacity-100 transition-opacity duration-300 ease-out", children: _jsx(LUIcon, { icon: "magnifying-glass", size: "4xl", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " text-gray-100") }) })] }));

package/dist/src/components/Card/photoGallery/PhotoGallery.stories.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 // import { CardInterface } from "../type";
-import { Dummy_Image, Dummy_Title } from "../../../utils/constants";
+import { Dummy_Image, Dummy_Title } from "@/utils/constants";
 import Card from "../card";
 export default {
     title: "Components/Cards/PhotoGallery",

package/dist/src/components/Checkbox/checkbox.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "@/lib/utils";
 import { cva } from "class-variance-authority";
 export var checkboxSize = {
     sm: "size-3.5", // ~14px

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ColorPicker from "./ColorPicker";
 import { Label } from "../Label/Label";
-import { inputVariantConfig } from "../Input/input";
+import { inputVariantConfig } from "../Input";
 export default {
     title: "Components/ColorPicker",
     component: ColorPicker,

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

@@ -1,4 +1,4 @@
-import { inputVariantConfig } from "../Input/input";
+import { inputVariantConfig } from "../Input";
 export declare const getColorPickerSizes: (size: keyof typeof inputVariantConfig.size) => {
     colorBox: string;
     left: string;

package/dist/src/components/Colors/color.d.ts

@@ -1,4 +1,4 @@
-import { colors } from "../../utils/colors";
+import { colors } from "@/utils/colors";
 export declare const Color: ({ color }: {
     color?: keyof typeof colors;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Colors/color.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from "../../utils/colors";
+import { colors } from "@/utils/colors";
 export var Color = function (_a) {
     var _b = _a.color, color = _b === void 0 ? "black" : _b;
     return _jsx("div", { style: { color: colors[color] || colors.black }, children: color });

package/dist/src/components/Colors/color.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from "@storybook/react";
-import { colors } from "../../utils/colors";
+import { colors } from "@/utils/colors";
 declare const _default: Meta;
 export default _default;
 export declare const _Color: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {

package/dist/src/components/Colors/color.stories.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from "../../utils/colors";
+import { colors } from "@/utils/colors";
 import { Color } from "./color";
 export default {
     title: "Components/Color",

package/dist/src/components/Colors/color.test.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from "@testing-library/react";
-import { colors } from "../../utils/colors";
+import { colors } from "@/utils/colors";
 import { Color } from "./color";
 describe("TextColor Component", function () {
     it("renders with default color (black)", function () {