linkedunion-design-kit 1.10.2 → 1.10.4-beta.1

package/dist/index.d.ts

@@ -1,34 +1,36 @@
-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";
+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, TableButton, TableCellPadded, TableFooter, } 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 { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, sizes, } from "./src/components/Modal/Modal";
+export { DatePicker } from "./src/components/DatePicker/DatePicker";
+export { TimePicker } from "./src/components/TimePicker/TimePicker";

package/dist/index.js

@@ -1,34 +1,36 @@
-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";
+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, TableButton, TableCellPadded, TableFooter, } 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 { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, sizes, } from "./src/components/Modal/Modal";
+export { DatePicker } from "./src/components/DatePicker/DatePicker";
+export { TimePicker } from "./src/components/TimePicker/TimePicker";

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;
@@ -16,7 +16,7 @@ export declare const variant: {
 declare const buttonVariants: (props?: ({
     color?: "blue" | "light-blue" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "indigo" | "light-indigo" | "gray" | "light-gray" | "disabled" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-    shape?: "rounded-sm" | "rounded-full" | null | undefined;
+    shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
     variant?: "link" | "fill" | "outline" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, color, size, shape, variant, asChild, startIcon, endIcon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .rounded-sm {
   border-radius: var(--radius-sm, 0.25rem);
 }

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

@@ -393,7 +393,7 @@ declare const meta: {
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         size?: "sm" | "md" | "lg" | "xl" | null | undefined;
         variant?: "fill" | "link" | "outline" | "ghost" | undefined;
-        shape?: "rounded-sm" | "rounded-full" | null | undefined;
+        shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
         asChild?: boolean | undefined;
         startIcon?: keyof typeof import("../../../utils/iconList").iconList | undefined;
         endIcon?: keyof typeof import("../../../utils/iconList").iconList | undefined;
@@ -693,7 +693,7 @@ declare const meta: {
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         size?: "sm" | "md" | "lg" | "xl" | null | undefined;
         variant?: "fill" | "link" | "outline" | "ghost" | undefined;
-        shape?: "rounded-sm" | "rounded-full" | null | undefined;
+        shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
         asChild?: boolean | undefined;
         startIcon?: keyof typeof import("../../../utils/iconList").iconList | undefined;
         endIcon?: keyof typeof import("../../../utils/iconList").iconList | undefined;

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;
@@ -9,7 +9,7 @@ export declare const variant: {
 declare const buttonVariants: (props?: ({
     color?: "blue" | "light-blue" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "indigo" | "light-indigo" | "gray" | "light-gray" | "disabled" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-    shape?: "rounded-sm" | "rounded-full" | null | undefined;
+    shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
     variant?: "fill" | "outline" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function IconButton({ className, color, size, shape, variant, asChild, icon, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

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;
@@ -404,7 +404,7 @@ declare const meta: {
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         size?: "sm" | "md" | "lg" | "xl" | null | undefined;
         variant?: "fill" | "outline" | "ghost" | undefined;
-        shape?: "rounded-sm" | "rounded-full" | null | undefined;
+        shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
         asChild?: boolean | undefined;
         icon?: keyof typeof iconList | undefined;
     }>, context: import("@storybook/core/csf").StoryContext<import("@storybook/react").ReactRenderer, {
@@ -703,7 +703,7 @@ declare const meta: {
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         size?: "sm" | "md" | "lg" | "xl" | null | undefined;
         variant?: "fill" | "outline" | "ghost" | undefined;
-        shape?: "rounded-sm" | "rounded-full" | null | undefined;
+        shape?: "rounded-sm" | "rounded-full" | "rounded-none" | null | undefined;
         asChild?: boolean | undefined;
         icon?: keyof typeof iconList | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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/Button/index.d.ts

@@ -27,6 +27,7 @@ export declare const buttonStyles: {
         sm: string;
     };
     shape: {
+        "rounded-none": string;
         "rounded-sm": string;
         "rounded-full": string;
     };

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

@@ -14,7 +14,7 @@ export var buttonStyles = {
         "light-indigo": "bg-indigo-100 text-indigo-600 hover:bg-indigo-700 hover:text-indigo-50 active:bg-indigo-800 active:text-indigo-50",
         gray: "bg-gray-900 text-gray-50 hover:bg-gray-100 hover:text-gray-950 active:bg-gray-300 active:text-gray-950",
         "light-gray": "bg-gray-50 text-gray-950 hover:bg-gray-100 active:bg-gray-300",
-        disabled: "bg-gray-100 text-gray-300",
+        disabled: "bg-gray-100 text-gray-300 cursor-not-allowed",
     },
     size: {
         xl: "h-13 !py-3.5 !px-6 !text-base !font-normal !leading-normal",
@@ -29,6 +29,7 @@ export var buttonStyles = {
         sm: "size-9 !p-2.5",
     },
     shape: {
+        "rounded-none": styles["rounded-none"],
         "rounded-sm": styles["rounded-sm"],
         "rounded-full": styles["rounded-full"],
     },

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",

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, } 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",

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/contactProfile/ContactProfile.js

@@ -4,6 +4,7 @@ import LuImage from "../../Images/LuImage";
 import { Heading } from "../../Typography/Heading/heading";
 import { Body } from "../../Typography/Body/body";
 import { Button } from "../../Button/Button/Button";
+import LUIcon from "../../../components/Icons/LUIcon";
 export var ContactProfile = 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
@@ -22,16 +23,16 @@ export var ContactProfile = function (_a) {
     // Common content section component
     var CardContent = 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-600", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle, " capitalize line-clamp-1 !m-0"), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: " ".concat(orientation === "horizontal" ? "line-clamp-1" : "line-clamp-2", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }));
+        return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className, " min-w-0"), children: [(item === null || item === void 0 ? void 0 : item.designation) && (_jsx(Body, { variant: "body-md", className: "text-gray-600 capitalize truncate min-w-0", children: item === null || item === void 0 ? void 0 : item.designation })), _jsx(Heading, { variant: "h5-600", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle, " capitalize truncate min-w-0"), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: " ".concat(orientation === "horizontal" ? "line-clamp-1" : "line-clamp-2", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description }), (item === null || item === void 0 ? void 0 : item.email) && (_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(LUIcon, { icon: "envelope", size: "lg" }), _jsx(Body, { variant: "body-md", className: "text-gray-600 truncate min-w-0", children: item === null || item === void 0 ? void 0 : item.email })] })), (item === null || item === void 0 ? void 0 : item.phone) && (_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(LUIcon, { icon: "phone", size: "lg" }), _jsx(Body, { variant: "body-md", className: "text-gray-600 truncate min-w-0", children: item === null || item === void 0 ? void 0 : item.phone })] }))] }));
     };
     // 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 btnLabel ? (_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 }) })) : null;
     };
     // Horizontal layout
     if (orientation === "horizontal") {
-        return (_jsxs("div", { className: "!p-5 bg-white rounded-xl flex ".concat(safeMediaPosition === "left" ? "sm:flex-row" : "sm:flex-row-reverse", " max-w-5xl !gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "".concat(safeMediaPosition === "right" ? "order-3" : "order-1", " w-full max-w-40 aspect-square object-cover") }), _jsxs("div", { className: "flex-1 flex flex-col !gap-1 md:!gap-2.5 text-center sm:!text-left h-full justify-center ".concat(safeMediaPosition === "right" ? "order-1" : "order-2"), children: [_jsx(CardContent, {}), _jsx(CardButton, {})] })] }));
+        return (_jsxs("div", { className: "!p-5 bg-white rounded-xl flex ".concat(safeMediaPosition === "left" ? "sm:flex-row" : "sm:flex-row-reverse", " max-w-5xl !gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "".concat(safeMediaPosition === "right" ? "order-3" : "order-1", " w-full max-w-40 aspect-square object-cover") }), _jsxs("div", { className: "flex-1 flex flex-col !gap-1 md:!gap-2.5 text-center sm:!text-left h-full justify-center min-w-0 ".concat(safeMediaPosition === "right" ? "order-1" : "order-2"), children: [_jsx(CardContent, {}), _jsx(CardButton, {})] })] }));
     }
     // Vertical layout
     return (_jsxs("div", { className: "p-8 bg-white rounded-xl flex flex-col gap-6 max-w-md items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex w-full ".concat(safeMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center !gap-5 text-center"), children: [_jsx(CardMedia, { className: "w-full h-full aspect-5/4 object-cover" }), _jsx(CardContent, { className: "h-20" })] }), _jsx(CardButton, {})] }));

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

@@ -11,3 +11,4 @@ export declare const ContactProfileHorizontalRight: Story;
 export declare const ContactProfileVerticalTop: Story;
 export declare const ContactProfileVerticalMiddle: Story;
 export declare const ContactProfileVerticalBottom: Story;
+export declare const ContactProfileWithFullInfo: Story;

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_designation, DUMMY_email, Dummy_Image, Dummy_Para, DUMMY_phone, Dummy_Title, Dummy_Url, } from "../../../utils/constants";
+import { OrientationEnum } from "../../../utils/enums";
 import Card from "../card";
 var meta = {
     title: "Components/Cards/ContactProfile",
@@ -98,3 +98,6 @@ export var ContactProfileVerticalMiddle = {
 export var ContactProfileVerticalBottom = {
     args: __assign(__assign({ type: "contactProfile" }, baseCardArgs), { orientation: OrientationEnum.vertical, mediaPosition: "bottom" }),
 };
+export var ContactProfileWithFullInfo = {
+    args: __assign(__assign({ type: "contactProfile" }, baseCardArgs), { item: __assign(__assign({}, baseCardArgs.item), { designation: DUMMY_designation, email: DUMMY_email, phone: DUMMY_phone }), orientation: OrientationEnum.horizontal, mediaPosition: "left", btnLabel: undefined }),
+};

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/Card/type.d.ts

@@ -18,7 +18,10 @@ export interface CardDataProps {
     title?: string;
     short_description?: string;
     description?: string;
+    designation?: string;
     images?: AlbumGalleryDataProps[];
+    email?: string;
+    phone?: string;
 }
 export interface CardInterface {
     mediaPosition?: "top" | "middle" | "bottom" | "left" | "right";

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";
+import { inputVariantConfig } from "../Input/input";
 export default {
     title: "Components/ColorPicker",
     component: ColorPicker,