linkedunion-design-kit 1.10.5-beta.2 → 1.10.6-beta.2

package/dist/index.d.ts

@@ -23,7 +23,6 @@ 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 { Alert, AlertAction, AlertCancel, AlertHeader, AlertTitle, AlertDescription, AlertFooter, } from "./src/components/Alerts/Alert/alert";
 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";
@@ -32,6 +31,6 @@ 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, DialogSubTitle, DialogBody, DialogFooter, DialogAction, DialogClose, } from "./src/components/Modal/Modal";
+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

@@ -23,7 +23,6 @@ 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 { Alert, AlertAction, AlertCancel, AlertHeader, AlertTitle, AlertDescription, AlertFooter, } from "./src/components/Alerts/Alert/alert";
 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";
@@ -32,6 +31,6 @@ 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, DialogSubTitle, DialogBody, DialogFooter, DialogAction, DialogClose, } from "./src/components/Modal/Modal";
+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/Alerts/Alert/alert.js

@@ -1,4 +1,3 @@
-"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

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

@@ -32,7 +32,7 @@ export var ContactProfile = function (_a) {
     };
     // 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 sm:!text-left h-full justify-center min-w-0 ".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/Modal/Modal.d.ts

@@ -1,6 +1,12 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { footerVariants, headerVariants, sizes } from ".";
+export declare const sizes: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+};
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
@@ -9,33 +15,17 @@ declare const DialogAction: React.ForwardRefExoticComponent<DialogPrimitive.Dial
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     size?: keyof typeof sizes;
-    shadow?: boolean;
-    showCloseIcon?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
-    variant?: keyof typeof headerVariants;
-    size?: keyof typeof sizes;
-};
 declare const DialogHeader: {
-    ({ className, variant, size, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogBody: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type DialogFooterProps = React.HTMLAttributes<HTMLDivElement> & {
-    size?: keyof typeof sizes;
-    variant?: keyof typeof footerVariants;
-};
 declare const DialogFooter: {
-    ({ className, size, variant, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
     size?: keyof typeof sizes;
 } & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogSubTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
-    size?: keyof typeof sizes;
-} & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogAction, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogSubTitle, };
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogAction, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/src/components/Modal/Modal.js

@@ -25,8 +25,14 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cn } from "../../lib/utils";
 import LUIcon from "../Icons/LUIcon";
-import { footerSizeClasses, footerVariants, headerVariants, iconSizes, sizes, subTitleSizeClasses, titleSizeClasses, } from ".";
-var ModalSizeContext = React.createContext("md");
+import { variant } from "../Typography/Heading/heading";
+export var sizes = {
+    sm: "max-w-xs",
+    md: "max-w-lg",
+    lg: "max-w-4xl",
+    xl: "max-w-6xl",
+    full: "w-full",
+};
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -38,45 +44,35 @@ var DialogOverlay = React.forwardRef(function (_a, ref) {
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.shadow, shadow = _c === void 0 ? true : _c, _d = _a.showCloseIcon, showCloseIcon = _d === void 0 ? true : _d, props = __rest(_a, ["className", "children", "size", "shadow", "showCloseIcon"]);
-    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(ModalSizeContext.Provider, { value: size, children: _jsxs(DialogPrimitive.Content, __assign({ ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-0 border bg-background rounded-lg transition-all duration-300 ease-in-out data-[state=open]:opacity-100 data-[state=open]:scale-100 data-[state=closed]:opacity-0 data-[state=closed]:scale-95 overflow-hidden", sizes[size], shadow ? "shadow-backdrop-shadow-xl" : "shadow-none", className) }, props, { children: [children, showCloseIcon && (_jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-offset-2 hover:cursor-pointer disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(LUIcon, { icon: "xMark", variant: "padded", size: iconSizes[size] }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })) })] }));
+    var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "children", "size"]);
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, __assign({ ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-0 border bg-background !py-4 px-6 rounded-lg shadow-lg", "transition-all duration-300 ease-in-out", "data-[state=open]:opacity-100 data-[state=open]:scale-100", "data-[state=closed]:opacity-0 data-[state=closed]:scale-95", sizes[size], className) }, props, { children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-offset-2 hover:cursor-pointer disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(LUIcon, { icon: "xMark", size: "md" }), _jsx("span", { className: "sr-only", children: "Close" })] })] }))] }));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = function (_a) {
-    var _b;
-    var className = _a.className, _c = _a.variant, variant = _c === void 0 ? "none" : _c, size = _a.size, props = __rest(_a, ["className", "variant", "size"]);
-    var contextSize = React.useContext(ModalSizeContext);
-    var effectiveSize = (_b = size !== null && size !== void 0 ? size : contextSize) !== null && _b !== void 0 ? _b : "md";
-    return (_jsx("div", __assign({ className: cn("flex flex-col text-center sm:text-left", headerVariants[variant], className), "data-size": effectiveSize }, props)));
-};
-DialogHeader.displayName = "DialogHeader";
-var DialogBody = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("!py-4 !px-4", className) }, props)));
+    return (_jsx("div", __assign({ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props)));
 };
-DialogBody.displayName = "DialogBody";
+DialogHeader.displayName = "DialogHeader";
 var DialogFooter = function (_a) {
-    var _b;
-    var className = _a.className, size = _a.size, _c = _a.variant, variant = _c === void 0 ? "none" : _c, props = __rest(_a, ["className", "size", "variant"]);
-    var contextSize = React.useContext(ModalSizeContext);
-    var effectiveSize = (_b = size !== null && size !== void 0 ? size : contextSize) !== null && _b !== void 0 ? _b : "md";
-    return (_jsx("div", __assign({ className: cn("flex", footerSizeClasses[effectiveSize], footerVariants[variant], className), "data-size": effectiveSize }, props)));
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("div", __assign({ className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
 };
 DialogFooter.displayName = "DialogFooter";
+var titleSizeClasses = {
+    sm: variant["h5-600"],
+    md: variant["h5-600"],
+    lg: variant["h4-500"],
+    xl: variant["h4-500"],
+    full: variant["h4-500"],
+};
 var DialogTitle = React.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, size = _a.size, children = _a.children, props = __rest(_a, ["className", "size", "children"]);
-    var contextSize = React.useContext(ModalSizeContext);
-    var effectiveSize = (_b = size !== null && size !== void 0 ? size : contextSize) !== null && _b !== void 0 ? _b : "md";
-    return (_jsx(DialogPrimitive.Title, __assign({ ref: ref, className: cn("leading-normal text-gray-950", titleSizeClasses[effectiveSize], className), "data-size": effectiveSize }, props, { children: children })));
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
+    return (_jsx(DialogPrimitive.Title, __assign({ ref: ref, className: cn(titleSizeClasses[size], "leading-normal tracking-tight text-gray-950", className) }, props)));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogSubTitle = React.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, size = _a.size, props = __rest(_a, ["className", "size"]);
-    var contextSize = React.useContext(ModalSizeContext);
-    var effectiveSize = (_b = size !== null && size !== void 0 ? size : contextSize) !== null && _b !== void 0 ? _b : "md";
-    return (_jsx(DialogPrimitive.Description, __assign({ ref: ref, className: cn(subTitleSizeClasses[effectiveSize], "text-gray-950", className), "data-size": effectiveSize }, props)));
+var DialogDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(DialogPrimitive.Description, __assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
 });
-DialogSubTitle.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogAction, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogSubTitle, };
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogAction, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { sizes } from "./Modal";
 declare const _default: {
     title: string;
     component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
@@ -19,88 +20,13 @@ declare const _default: {
                 };
             };
         };
-        headerVariants: {
-            control: {
-                type: string;
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        footerVariants: {
-            control: {
-                type: string;
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        shadow: {
-            control: {
-                type: string;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        showCloseIcon: {
-            control: {
-                type: string;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
     };
 };
 export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: keyof typeof sizes;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const SimpleModal: () => import("react/jsx-runtime").JSX.Element;
 export declare const ModalSizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const HeaderVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const FooterVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const FooterButtonsLeftPosition: {
-    (): import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const FooterButtonsRightPosition: () => import("react/jsx-runtime").JSX.Element;
-export declare const FooterButtonsMiddlePosition: () => import("react/jsx-runtime").JSX.Element;
-export declare const ShadowVariations: () => import("react/jsx-runtime").JSX.Element;
 export declare const InformationModalWithoutFooter: () => import("react/jsx-runtime").JSX.Element;
 export declare const ModalWithActionButtons: () => import("react/jsx-runtime").JSX.Element;
-export declare const OutlineModal: () => import("react/jsx-runtime").JSX.Element;
-export declare const FullWidthButtonsModal: () => import("react/jsx-runtime").JSX.Element;
-export declare const BlockButtonModal: () => import("react/jsx-runtime").JSX.Element;
-export declare const NoCloseIconModal: () => import("react/jsx-runtime").JSX.Element;

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

@@ -9,26 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogSubTitle, DialogBody, DialogFooter, DialogClose, DialogAction, } from "./Modal";
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, DialogAction, sizes, } from "./Modal";
 import { Button } from "../Button/Button/Button";
 import { Body } from "../Typography/Body/body";
 import { Heading } from "../Typography/Heading/heading";
 import LUIcon from "../Icons/LUIcon";
 import { Avatar, AvatarFallback, AvatarImage } from "../Avatar/Avatar/Avatar";
 import { Dummy_Para } from "../../utils/constants";
-import { footerVariants, headerVariants, sizes } from ".";
 export default {
     title: "Components/Modal",
     component: Dialog,
@@ -43,72 +31,14 @@ export default {
                 defaultValue: { summary: "md" },
             },
         },
-        headerVariants: {
-            control: { type: "select" },
-            options: Object.keys(headerVariants),
-            description: "Defines the variant style of the modal header.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "none" },
-            },
-        },
-        footerVariants: {
-            control: { type: "select" },
-            options: Object.keys(footerVariants),
-            description: "Defines the variant style of the modal footer.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "none" },
-            },
-        },
-        shadow: {
-            control: { type: "boolean" },
-            description: "Enable or disable modal shadow.",
-            table: {
-                type: { summary: "boolean" },
-                defaultValue: { summary: true },
-            },
-        },
-        showCloseIcon: {
-            control: { type: "boolean" },
-            description: "Show or hide the close icon in the modal.",
-            table: {
-                type: { summary: "boolean" },
-                defaultValue: { summary: true },
-            },
-        },
     },
 };
-var Template = function (args) {
-    var headerVariantProp = args.headerVariants, footerVariantProp = args.footerVariants, shadow = args.shadow, contentProps = __rest(args, ["headerVariants", "footerVariants", "shadow"]);
-    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, __assign({}, contentProps, { shadow: shadow, children: [_jsxs(DialogHeader, { variant: headerVariantProp, children: [_jsx(DialogTitle, { children: "Modal Title" }), _jsx(DialogSubTitle, { children: "Subtitle" })] }), _jsx(DialogBody, { children: "You can put any content here." }), _jsx(DialogFooter, { variant: footerVariantProp, children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] }))] }));
-};
+var Template = function (args) { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, __assign({}, args, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Modal Title" }), _jsx(DialogDescription, { children: "This is a modal rendered using the Template story." })] }), _jsx("div", { children: "You can put any content here." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] }))] })); };
 export var Default = Template.bind({});
 Default.args = {
     size: "md",
-    headerVariants: "none",
-    footerVariants: "none",
-    shadow: true,
-    showCloseIcon: true,
-};
-export var SimpleModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "sm", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Simple Modal" }), _jsx(DialogSubTitle, { children: "Subtitle" })] }), _jsx(DialogBody, { children: "You can put any content here." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })); };
-export var ModalSizes = function () { return (_jsx("div", { className: "flex flex-row gap-4", children: Object.keys(sizes).map(function (size) { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: ["Open ", size, " Modal"] }) }), _jsxs(DialogContent, { size: size, children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: [size, " Modal"] }), _jsxs(DialogSubTitle, { children: ["This is a ", size, " modal example using the Modal component."] })] }), _jsx(DialogBody, { children: "You can put any content here." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] }, size)); }) })); };
-export var HeaderVariants = function () { return (_jsx("div", { className: "flex flex-row gap-4", children: Object.keys(headerVariants).map(function (variant) { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: ["Open ", variant, " Header"] }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { variant: variant, children: [_jsxs(DialogTitle, { children: [variant, " Header"] }), _jsxs(DialogSubTitle, { children: ["This modal uses the \"", variant, "\" header variant."] })] }), _jsx(DialogBody, { children: _jsxs(Body, { variant: "body-md", children: ["This demonstrates the ", variant, " header style."] }) }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] }, variant)); }) })); };
-export var FooterVariants = function () { return (_jsx("div", { className: "flex flex-row gap-4", children: Object.keys(footerVariants).map(function (variant) { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: ["Open ", variant, " Footer"] }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: [variant, " Footer"] }), _jsxs(DialogSubTitle, { children: ["This modal uses the \"", variant, "\" footer variant."] })] }), _jsx(DialogBody, { children: _jsxs(Body, { variant: "body-md", children: ["This demonstrates the ", variant, " footer style."] }) }), _jsx(DialogFooter, { variant: variant, children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] }, variant)); }) })); };
-export var FooterButtonsLeftPosition = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Action" }), _jsx(DialogSubTitle, { children: "SubTitle" })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }), _jsx(Button, { variant: "outline", onClick: function () { return alert("Action cancelled!"); }, children: "Cancel" }), _jsx(Button, { className: "ms-auto", children: "Help" })] })] })] })); };
-FooterButtonsLeftPosition.parameters = {
-    docs: {
-        description: {
-            story: "On lg, footer buttons will be lg; on md, footer buttons will be md; and so on. The button size matches the modal size.",
-        },
-    },
 };
-export var FooterButtonsRightPosition = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Action" }), _jsx(DialogSubTitle, { children: "SubTitle" })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { children: "Help" }), _jsx(Button, { onClick: function () { return alert("Action confirmed!"); }, className: "ms-auto mr-2", children: "Confirm" }), _jsx(Button, { variant: "outline", onClick: function () { return alert("Action cancelled!"); }, children: "Cancel" })] })] })] })); };
-export var FooterButtonsMiddlePosition = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Action" }), _jsx(DialogSubTitle, { children: "SubTitle" })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { className: "flex-row justify-center items-center gap-2", children: [_jsx(Button, { onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }), _jsx(Button, { variant: "outline", onClick: function () { return alert("Action cancelled!"); }, children: "Cancel" })] })] })] })); };
-export var ShadowVariations = function () { return (_jsxs("div", { className: "flex flex-row gap-4", children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Shadow" }) }), _jsxs(DialogContent, { size: "md", shadow: true, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Shadow True" }), _jsx(DialogSubTitle, { children: "This modal uses the custom shadow." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: "This demonstrates the shadow style." }) }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open No Shadow" }) }), _jsxs(DialogContent, { size: "md", shadow: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Shadow False" }), _jsx(DialogSubTitle, { children: "This modal has no shadow." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: "This demonstrates the no shadow style." }) }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })] })); };
-export var InformationModalWithoutFooter = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Info Modal" }) }), _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { size: "lg", className: "text-center", children: "Contact Profile" }) }), _jsxs(DialogBody, { className: "flex flex-col items-center justify-center gap-7", children: [_jsxs(Avatar, { size: "huge", children: [_jsx(AvatarImage, { alt: "Avatar", src: "/images/avatar.png" }), _jsx(AvatarFallback, { children: "AB" })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx(Body, { variant: "body-md", children: "Designation" }), _jsx(Heading, { variant: "heading-md", children: "Heading" })] }), _jsxs("div", { className: "flex flex-col", children: [_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: "testing@gmail.com" })] }), _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: "03764734829" })] })] }), _jsx(Body, { variant: "body-md", children: Dummy_Para })] })] })] })); };
-export var ModalWithActionButtons = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Action" }), _jsx(DialogSubTitle, { children: "Are you sure you want to proceed with this action? This cannot be undone." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { children: [_jsx(DialogAction, { asChild: true, children: _jsx(Button, { variant: "fill", className: "mr-2", onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }) }), _jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) })] })] })] })); };
-export var OutlineModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Outline Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { variant: "outline", children: [_jsx(DialogTitle, { children: "Outline Modal" }), _jsx(DialogSubTitle, { children: "This modal uses the \"outline\" header variant." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsx(DialogFooter, { variant: "outline", children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })); };
-export var FullWidthButtonsModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Full Width Modal" }) }), _jsxs(DialogContent, { size: "lg", children: [_jsxs(DialogHeader, { variant: "outline", children: [_jsx(DialogTitle, { children: "Outline Modal" }), _jsx(DialogSubTitle, { children: "This modal uses the \"outline\" shadow variant." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { variant: "outline", children: [_jsx(DialogAction, { asChild: true, children: _jsx(Button, { variant: "fill", size: "lg", className: "w-1/2 mr-2", onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }) }), _jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", size: "lg", className: "w-1/2", onClick: function () { return alert("Action cancelled!"); }, children: "Close" }) })] })] })] })); };
-export var BlockButtonModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Block Modal" }) }), _jsxs(DialogContent, { size: "lg", children: [_jsxs(DialogHeader, { variant: "outline", children: [_jsx(DialogTitle, { children: "Outline Modal" }), _jsx(DialogSubTitle, { children: "This modal uses the \"outline\" shadow variant." })] }), _jsx(DialogBody, { children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsx(DialogFooter, { variant: "outline", children: _jsx(DialogAction, { asChild: true, children: _jsx(Button, { variant: "fill", size: "lg", className: "w-full", onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }) }) })] })] })); };
-export var NoCloseIconModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal Without Close Icon" }) }), _jsxs(DialogContent, { size: "md", showCloseIcon: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "No Close Icon" }), _jsx(DialogSubTitle, { children: "This modal does not show the close icon." })] }), _jsx(DialogBody, { children: "You can put any content here. Use the footer button to close." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })); };
+export var SimpleModal = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "sm", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Simple Modal" }), _jsx(DialogDescription, { children: "This is a simple modal example using the Modal component." })] }), _jsx("div", { className: "py-4", children: "You can put any content here." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })); };
+export var ModalSizes = function () { return (_jsx("div", { className: "flex flex-row gap-4", children: Object.keys(sizes).map(function (size) { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: ["Open ", size, " Modal"] }) }), _jsxs(DialogContent, { size: size, children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: [size, " Modal"] }), _jsxs(DialogDescription, { children: ["This is a ", size, " modal example using the Modal component."] })] }), _jsx("div", { className: "py-4", children: "You can put any content here." }), _jsx(DialogFooter, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] }, size)); }) })); };
+export var InformationModalWithoutFooter = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Info Modal" }) }), _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { size: "lg", className: "text-center", children: "Contact Profile" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-7", children: [_jsxs(Avatar, { size: "huge", children: [_jsx(AvatarImage, { alt: "Avatar", src: "/images/avatar.png" }), _jsx(AvatarFallback, { children: "AB" })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx(Body, { variant: "body-md", children: "Designation" }), _jsx(Heading, { variant: "heading-md", children: "Heading" })] }), _jsxs("div", { className: "flex flex-col", children: [_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: "testing@gmail.com" })] }), _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: "03764734829" })] })] }), _jsx(Body, { variant: "body-md", children: Dummy_Para })] })] })] })); };
+export var ModalWithActionButtons = function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open Modal" }) }), _jsxs(DialogContent, { size: "md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirm Action" }), _jsx(DialogDescription, { children: "Are you sure you want to proceed with this action? This cannot be undone." })] }), _jsx("div", { className: "py-4", children: _jsx(Body, { variant: "body-md", children: Dummy_Para }) }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(DialogAction, { asChild: true, children: _jsx(Button, { variant: "fill", onClick: function () { return alert("Action confirmed!"); }, children: "Confirm" }) })] })] })] })); };

package/dist/src/components/Title/Title.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .main-title {
   position: relative;
   z-index: 10;

package/dist/src/components/Typography/Heading/heading.module.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 .h1 {
   margin: calc(var(--spacing, 0.25rem) * 0);
   font-size: var(--text-2xl, 1.5rem);

package/dist/styles/global.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -11,7 +11,9 @@
     --container-xs: 20rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-4xl: 56rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -42,6 +44,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
     --leading-normal: 1.5;
     --radius-xs: 0.125rem;
@@ -193,9 +196,6 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
-  ::-webkit-calendar-picker-indicator {
-    line-height: 1;
-  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -229,7 +229,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip-path: inset(50%);
+    clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0;
   }
@@ -865,9 +865,15 @@
   .w-xs {
     width: var(--container-xs);
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
   .max-w-5xl {
     max-width: var(--container-5xl);
   }
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
@@ -883,24 +889,18 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
-  .max-w-\[min\(20rem\,calc\(100\%-2rem\)\)\] {
-    max-width: min(20rem, calc(100% - 2rem));
-  }
-  .max-w-\[min\(32rem\,calc\(100\%-2rem\)\)\] {
-    max-width: min(32rem, calc(100% - 2rem));
-  }
-  .max-w-\[min\(56rem\,calc\(100\%-2rem\)\)\] {
-    max-width: min(56rem, calc(100% - 2rem));
-  }
-  .max-w-\[min\(72rem\,calc\(100\%-2rem\)\)\] {
-    max-width: min(72rem, calc(100% - 2rem));
-  }
   .max-w-fit {
     max-width: fit-content;
   }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1128,6 +1128,13 @@
       margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-1\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1783,6 +1790,9 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
+  .px-6 {
+    padding-inline: calc(var(--spacing) * 6);
+  }
   .px-9 {
     padding-inline: calc(var(--spacing) * 9);
   }
@@ -1828,6 +1838,9 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -1840,15 +1853,6 @@
   .\!ps-12 {
     padding-inline-start: calc(var(--spacing) * 12) !important;
   }
-  .\!pt-0 {
-    padding-top: calc(var(--spacing) * 0) !important;
-  }
-  .\!pt-3 {
-    padding-top: calc(var(--spacing) * 3) !important;
-  }
-  .\!pt-4 {
-    padding-top: calc(var(--spacing) * 4) !important;
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1867,15 +1871,6 @@
   .pr-11 {
     padding-right: calc(var(--spacing) * 11);
   }
-  .\!pb-0 {
-    padding-bottom: calc(var(--spacing) * 0) !important;
-  }
-  .\!pb-3 {
-    padding-bottom: calc(var(--spacing) * 3) !important;
-  }
-  .\!pb-4 {
-    padding-bottom: calc(var(--spacing) * 4) !important;
-  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -2035,6 +2030,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
   .tracking-widest {
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
@@ -2323,10 +2322,6 @@
     --tw-shadow: 0px 0px 15px -3px var(--tw-shadow-color, #0F0F0F1A), 0px 4px 6px -4px var(--tw-shadow-color, #0F0F0F1A);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-backdrop-shadow-xl {
-    --tw-shadow: 0px 0px 25px -5px var(--tw-shadow-color, #0304041A), 0px 8px 10px -6px var(--tw-shadow-color, #0304041A);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2335,10 +2330,6 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2387,7 +2378,7 @@
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -4655,6 +4646,15 @@
       gap: calc(var(--spacing) * 2);
     }
   }
+  .sm\:space-x-2 {
+    @media (width >= 40rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-x-reverse: 0;
+        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+      }
+    }
+  }
   .sm\:p-2 {
     @media (width >= 40rem) {
       padding: calc(var(--spacing) * 2);

package/dist/tailwind.config.js

@@ -17,7 +17,6 @@ var config = {
             },
             boxShadow: {
                 "backdrop-shadow-lg": "0px 0px 15px -3px #0F0F0F1A, 0px 4px 6px -4px #0F0F0F1A",
-                "backdrop-shadow-xl": "0px 0px 25px -5px #0304041A, 0px 8px 10px -6px #0304041A",
             },
             fontSize: {
                 tiny: "0.625rem", // 10px

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.10.5-beta.2",
+  "version": "1.10.6-beta.2",
   "private": false,
   "files": [
     "dist",

package/dist/build/types/app/layout.d.ts

@@ -1,12 +0,0 @@
-type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
-    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
-} : T;
-export interface PageProps {
-    params?: Promise<SegmentParams>;
-    searchParams?: Promise<any>;
-}
-export interface LayoutProps {
-    children?: React.ReactNode;
-    params?: Promise<SegmentParams>;
-}
-export {};

package/dist/build/types/app/layout.js

@@ -1,22 +0,0 @@
-// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/layout.tsx
-import * as entry from '../../../app/layout.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-checkFields();
-// Check the arguments and return type of the generateMetadata function
-if ('generateMetadata' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateViewport function
-if ('generateViewport' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/build/types/app/page.d.ts

@@ -1,12 +0,0 @@
-type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
-    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
-} : T;
-export interface PageProps {
-    params?: Promise<SegmentParams>;
-    searchParams?: Promise<any>;
-}
-export interface LayoutProps {
-    children?: React.ReactNode;
-    params?: Promise<SegmentParams>;
-}
-export {};

package/dist/build/types/app/page.js

@@ -1,22 +0,0 @@
-// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/page.tsx
-import * as entry from '../../../app/page.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-checkFields();
-// Check the arguments and return type of the generateMetadata function
-if ('generateMetadata' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateViewport function
-if ('generateViewport' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/build/types/validator.d.ts

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

package/dist/build/types/validator.js

@@ -1,12 +0,0 @@
-// This file is generated automatically by Next.js
-// Do not edit this file manually
-// This file validates that all pages and layouts export the correct types
-// Validate ../../app/page.tsx
-{
-    var handler = {};
-}
-// Validate ../../app/layout.tsx
-{
-    var handler = {};
-}
-export {};

package/dist/src/components/Avatar/Avatar/Avatar1.stories.d.ts

@@ -1,17 +0,0 @@
-import { Avatar } from "../../../components/ui/avatar";
-import { Meta } from "@storybook/react";
-import { avatar1Shape, avatar1Size } from ".";
-declare const _default: Meta<typeof Avatar>;
-export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    size?: keyof typeof avatar1Size;
-    shape?: keyof typeof avatar1Shape;
-    status?: "online" | "offline" | "busy" | "away";
-} & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarFallBackValue: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarShape: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarWithNoImageAndFallBackValue: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarShapeSizeCombination: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarStatusIndicator: () => import("react/jsx-runtime").JSX.Element;
-export declare const RoundedAvatarStatusIndicatorSize: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,68 +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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, AvatarImage, AvatarFallback } from "../../../components/ui/avatar";
-import { avatar1Shape, avatar1Size } from ".";
-export default {
-    title: "Components/Avatar/Avatar1",
-    component: Avatar,
-    argTypes: {
-        size: {
-            control: {
-                type: "select",
-                options: Object.keys(avatar1Size),
-            },
-            description: "The size of the avatar.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "md" },
-            },
-        },
-        shape: {
-            control: {
-                type: "select",
-                options: Object.keys(avatar1Shape),
-            },
-            description: "The shape of the avatar.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "rounded" },
-            },
-        },
-        status: {
-            control: {
-                type: "select",
-                options: ["online", "offline", "busy", "away"],
-            },
-            description: "The status of the avatar.",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-    },
-};
-var Template = function (args) {
-    return (_jsxs(Avatar, __assign({}, args, { children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] })));
-};
-export var Default = Template.bind({});
-export var AvatarSize = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };
-export var AvatarFallBackValue = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, children: [_jsx(AvatarImage, { src: "", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };
-export var AvatarShape = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Shape).map(function (shape) { return (_jsxs(Avatar, { shape: shape, size: "massive", status: "online", children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, shape)); }) })); };
-export var AvatarWithNoImageAndFallBackValue = function () {
-    var user = { name: "", image: null };
-    return (_jsx("div", { className: "flex flex-row space-x-2", children: _jsxs(Avatar, { size: "md", children: [_jsx(AvatarImage, { src: "", alt: "User avatar" }), _jsx(AvatarFallback, { children: (user === null || user === void 0 ? void 0 : user.name) ? user.name.charAt(0) : null })] }) }));
-};
-export var AvatarShapeSizeCombination = function () { return (_jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(avatar1Shape).map(function (shape) {
-        return Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { shape: shape, size: size, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, "".concat(shape, "-").concat(size))); });
-    }) })); };
-export var AvatarStatusIndicator = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: ["online", "offline", "busy", "away"].map(function (status) { return (_jsxs(Avatar, { size: "massive", shape: "square", status: status, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, status)); }) })); };
-export var RoundedAvatarStatusIndicatorSize = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, shape: "rounded", status: "online", children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };

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

@@ -1,12 +0,0 @@
-import { avatarShape, avatarSize } from ".";
-import { iconList } from "../../../utils/iconList";
-type avatarSize = keyof typeof avatarSize;
-type avatarShape = keyof typeof avatarShape;
-export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
-    image?: string;
-    icon?: keyof typeof iconList;
-    shape?: avatarShape;
-    size?: avatarSize;
-    className?: string;
-}
-export {};

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

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

package/dist/src/components/Modal/Dialog/Dialog.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Dialog } from "../../../components/ui/dialog";
-declare const meta: Meta<typeof Dialog>;
-export default meta;
-type Story = StoryObj<typeof Dialog>;
-export declare const Default: Story;
-export declare const WithoutCloseButton: Story;
-export declare const LongContent: Story;

package/dist/src/components/Modal/Dialog/Dialog.stories.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../../../components/ui/dialog";
-import { Button } from "../../../components/Button/Button/Button";
-var meta = {
-    title: "Components/Dialog",
-    component: Dialog,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-export var Default = {
-    render: function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Dialog Title" }), _jsx(DialogDescription, { children: "This is a simple dialog component. You can use it to display important information or get user confirmation." })] }), _jsx("div", { className: "py-4", children: _jsx("p", { className: "text-sm", children: "Dialog content goes here." }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Confirm" })] })] })] })); },
-};
-export var WithoutCloseButton = {
-    render: function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { showCloseButton: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Confirmation Required" }), _jsx(DialogDescription, { children: "This dialog doesn't have a close button. You must use one of the action buttons below." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Confirm" })] })] })] })); },
-};
-export var LongContent = {
-    render: function () { return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Terms and Conditions" }), _jsx(DialogDescription, { children: "Please read the following terms carefully." })] }), _jsxs("div", { className: "py-4 max-h-[400px] overflow-y-auto", children: [_jsx("p", { className: "text-sm mb-4", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx("p", { className: "text-sm mb-4", children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }), _jsx("p", { className: "text-sm mb-4", children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur." }), _jsx("p", { className: "text-sm", children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Decline" }), _jsx(Button, { children: "Accept" })] })] })] })); },
-};

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

@@ -1,45 +0,0 @@
-export declare const sizes: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-};
-export declare const iconSizes: {
-    readonly sm: "sm";
-    readonly md: "md";
-    readonly lg: "lg";
-    readonly xl: "lg";
-    readonly full: "lg";
-};
-export declare const headerVariants: {
-    fill: string;
-    outline: string;
-    none: string;
-};
-export declare const footerVariants: {
-    fill: string;
-    outline: string;
-    none: string;
-};
-export declare const footerSizeClasses: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-};
-export declare const titleSizeClasses: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-};
-export declare const subTitleSizeClasses: {
-    readonly sm: `!pt-0 !px-4 !pb-3 ${string}`;
-    readonly md: `!pt-0 !px-4 !pb-3 ${string}`;
-    readonly lg: `!pt-0 !px-4 !pb-4 ${string}`;
-    readonly xl: `!pt-0 !px-4 !pb-4 ${string}`;
-    readonly full: `!pt-0 !px-4 !pb-4 ${string}`;
-};

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

@@ -1,54 +0,0 @@
-import { variant } from "../Typography/Heading/heading";
-import { variant as bodyVariant } from "../Typography/Body/body";
-export var sizes = {
-    sm: "max-w-[min(20rem,calc(100%-2rem))]",
-    md: "max-w-[min(32rem,calc(100%-2rem))]",
-    lg: "max-w-[min(56rem,calc(100%-2rem))]",
-    xl: "max-w-[min(72rem,calc(100%-2rem))]",
-    full: "max-w-[calc(100%-2rem)]",
-};
-export var iconSizes = {
-    sm: "sm",
-    md: "md",
-    lg: "lg",
-    xl: "lg",
-    full: "lg",
-};
-export var headerVariants = {
-    fill: "bg-gray-50",
-    outline: "border-b border-gray-200",
-    none: "",
-};
-export var footerVariants = {
-    fill: "bg-gray-50",
-    outline: "border-t border-gray-200",
-    none: "",
-};
-export var footerSizeClasses = {
-    sm: "!px-4 !py-3",
-    md: "!px-4 !py-3",
-    lg: "!px-4 !py-4",
-    xl: "!px-4 !py-4",
-    full: "!px-4 !py-4",
-};
-export var titleSizeClasses = {
-    sm: "!pt-3 !px-4 !pb-0 ".concat(variant["h5-600"]),
-    md: "!pt-3 !px-4 !pb-0 ".concat(variant["h5-600"]),
-    lg: "!pt-4 !px-4 !pb-0 ".concat(variant["h4-600"]),
-    xl: "!pt-4 !px-4 !pb-0 ".concat(variant["h4-600"]),
-    full: "!pt-4 !px-4 !pb-0 ".concat(variant["h4-600"]),
-};
-// export const titleSizeClasses = {
-//   sm: `h5-600`,
-//   md: `h5-600`,
-//   lg: `h4-600`,
-//   xl: `h4-600`,
-//   full: `h4-600`,
-// } as const;
-export var subTitleSizeClasses = {
-    sm: "!pt-0 !px-4 !pb-3 ".concat(bodyVariant["body-sm"]),
-    md: "!pt-0 !px-4 !pb-3 ".concat(bodyVariant["body-md"]),
-    lg: "!pt-0 !px-4 !pb-4 ".concat(bodyVariant["body-lg"]),
-    xl: "!pt-0 !px-4 !pb-4 ".concat(bodyVariant["body-lg"]),
-    full: "!pt-0 !px-4 !pb-4 ".concat(bodyVariant["body-lg"]),
-};

package/dist/src/components/ui/avatar.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { avatar1Size, avatar1Shape, avatarFallbackSize } from "../Avatar/Avatar";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
-    size?: keyof typeof avatar1Size;
-    shape?: keyof typeof avatar1Shape;
-    status?: "online" | "offline" | "busy" | "away";
-} & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
-    size?: keyof typeof avatarFallbackSize;
-} & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarImage, AvatarFallback };

package/dist/src/components/ui/avatar.js

@@ -1,53 +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);
-};
-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 { 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 { avatar1Size, avatar1Shape, avatarFallbackSize, iconSizeMap, statusIndicatorSize, statusIndicatorOffset, roundedStatusIndicatorOffset, } from "../Avatar/Avatar";
-import LUIcon from "../Icons/LUIcon";
-import { StatusIndicator } from "../Avatar/StatusIndicator/StatusIndicator";
-var AvatarContext = React.createContext({ size: "md", shape: "rounded" });
-var Avatar = React.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.shape, shape = _d === void 0 ? "rounded" : _d, status = _a.status, children = _a.children, props = __rest(_a, ["className", "size", "shape", "status", "children"]);
-    return (_jsx(AvatarPrimitive.Root, __assign({ ref: ref, className: cn("relative flex shrink-0", className, avatar1Size[size], typeof avatar1Shape[shape] === "string"
-            ? avatar1Shape[shape]
-            : (_b = avatar1Shape[shape]) === null || _b === void 0 ? void 0 : _b[size]), "data-size": size, "data-shape": shape }, props, { children: _jsxs(AvatarContext.Provider, { value: { size: size, shape: shape }, children: [children, status &&
-                    (shape === "rounded" ? (_jsx(StatusIndicator, { status: status, size: statusIndicatorSize[size], className: cn("absolute", roundedStatusIndicatorOffset[size]) })) : (_jsx(StatusIndicator, { status: status, size: statusIndicatorSize[size], className: cn("absolute", statusIndicatorOffset[size]) })))] }) })));
-});
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AvatarPrimitive.Image, __assign({ ref: ref, className: cn("aspect-square h-full w-full bg-blue-100 rounded-[inherit]", className) }, props)));
-});
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, children = _a.children, props = __rest(_a, ["className", "size", "children"]);
-    var ctx = React.useContext(AvatarContext);
-    var finalSize = (size !== null && size !== void 0 ? size : ctx.size);
-    return (_jsx(AvatarPrimitive.Fallback, __assign({ ref: ref, className: cn("flex h-full w-full items-center justify-center bg-blue-100 font-medium leading-normal rounded-[inherit]", className, avatarFallbackSize[finalSize]) }, props, { children: children ? (children) : (_jsx(LUIcon, { icon: "user", size: iconSizeMap[finalSize] }) // fallback LUIcon
-        ) })));
-});
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-export { Avatar, AvatarImage, AvatarFallback };

package/dist/src/components/ui/dialog.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/src/components/ui/dialog.js

@@ -1,68 +0,0 @@
-"use client";
-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);
-};
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-function Dialog(_a) {
-    var props = __rest(_a, []);
-    return _jsx(DialogPrimitive.Root, __assign({ "data-slot": "dialog" }, props));
-}
-function DialogTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(DialogPrimitive.Trigger, __assign({ "data-slot": "dialog-trigger" }, props));
-}
-function DialogPortal(_a) {
-    var props = __rest(_a, []);
-    return _jsx(DialogPrimitive.Portal, __assign({ "data-slot": "dialog-portal" }, props));
-}
-function DialogClose(_a) {
-    var props = __rest(_a, []);
-    return _jsx(DialogPrimitive.Close, __assign({ "data-slot": "dialog-close" }, props));
-}
-function DialogOverlay(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(DialogPrimitive.Overlay, __assign({ "data-slot": "dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className) }, props)));
-}
-function DialogContent(_a) {
-    var className = _a.className, children = _a.children, _b = _a.showCloseButton, showCloseButton = _b === void 0 ? true : _b, props = __rest(_a, ["className", "children", "showCloseButton"]);
-    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, __assign({ "data-slot": "dialog-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className) }, props, { children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] }))] }));
-}
-function DialogHeader(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className) }, props)));
-}
-function DialogFooter(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
-}
-function DialogTitle(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(DialogPrimitive.Title, __assign({ "data-slot": "dialog-title", className: cn("text-lg leading-none font-semibold", className) }, props)));
-}
-function DialogDescription(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(DialogPrimitive.Description, __assign({ "data-slot": "dialog-description", className: cn("text-muted-foreground text-sm", className) }, props)));
-}
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };