@a2v2ai/uikit 0.0.3 → 0.0.5

package/Typography/Typography.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyVariants = void 0;
+exports.Typography = Typography;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_slot_1 = require("@radix-ui/react-slot");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../lib/utils");
+const typographyVariants = (0, class_variance_authority_1.cva)("", {
+    variants: {
+        align: {
+            left: "text-left",
+            center: "text-center",
+            right: "text-right",
+            justify: "text-justify",
+        },
+        variant: {
+            h1: "font-extrabold text-[64px] leading-none tracking-normal font-sans",
+            h2: "font-bold text-[48px] leading-none tracking-normal font-sans",
+            h3: "font-bold text-[32px] leading-none tracking-normal font-sans",
+            h4: "font-bold text-[24px] leading-[1.2] tracking-[-0.48px] font-sans",
+            h5: "font-bold text-[20px] leading-none tracking-normal font-sans",
+            h6: "font-semibold text-[20px] leading-none tracking-normal font-sans",
+            subtitle1: "font-semibold text-[20px] leading-none tracking-normal font-sans",
+            subtitle2: "font-semibold text-[18px] leading-none tracking-normal font-sans",
+            body1: "font-normal text-[16px] leading-none tracking-normal font-sans",
+            body2: "font-normal text-[14px] leading-none tracking-normal font-sans",
+            body3: "font-normal text-[12px] leading-none tracking-normal font-sans",
+            caption: "font-light text-[12px] leading-none tracking-normal font-sans",
+        },
+        color: {
+            default: "text-foreground",
+            // Main colors
+            "main-50": "text-main-50",
+            "main-100": "text-main-100",
+            "main-200": "text-main-200",
+            "main-300": "text-main-300",
+            "main-400": "text-main-400",
+            "main-500": "text-main-500",
+            "main-600": "text-main-600",
+            "main-700": "text-main-700",
+            "main-800": "text-main-800",
+            "main-900": "text-main-900",
+            "main-950": "text-main-950",
+            // Success colors
+            "success-50": "text-success-50",
+            "success-100": "text-success-100",
+            "success-200": "text-success-200",
+            "success-300": "text-success-300",
+            "success-400": "text-success-400",
+            "success-500": "text-success-500",
+            "success-600": "text-success-600",
+            "success-700": "text-success-700",
+            "success-800": "text-success-800",
+            "success-900": "text-success-900",
+            "success-950": "text-success-950",
+            // Accent colors
+            "accent-50": "text-accent-50",
+            "accent-100": "text-accent-100",
+            "accent-200": "text-accent-200",
+            "accent-300": "text-accent-300",
+            "accent-400": "text-accent-400",
+            "accent-500": "text-accent-500",
+            "accent-600": "text-accent-600",
+            "accent-700": "text-accent-700",
+            "accent-800": "text-accent-800",
+            "accent-900": "text-accent-900",
+            "accent-950": "text-accent-950",
+            // Error colors
+            "error-50": "text-error-50",
+            "error-100": "text-error-100",
+            "error-200": "text-error-200",
+            "error-300": "text-error-300",
+            "error-400": "text-error-400",
+            "error-500": "text-error-500",
+            "error-600": "text-error-600",
+            "error-700": "text-error-700",
+            "error-800": "text-error-800",
+            "error-900": "text-error-900",
+            "error-950": "text-error-950",
+            // Warning colors
+            "warning-50": "text-warning-50",
+            "warning-100": "text-warning-100",
+            "warning-200": "text-warning-200",
+            "warning-300": "text-warning-300",
+            "warning-400": "text-warning-400",
+            "warning-500": "text-warning-500",
+            "warning-600": "text-warning-600",
+            "warning-700": "text-warning-700",
+            "warning-800": "text-warning-800",
+            "warning-900": "text-warning-900",
+            "warning-950": "text-warning-950",
+            // Grey colors
+            "grey-50": "text-grey-50",
+            "grey-100": "text-grey-100",
+            "grey-200": "text-grey-200",
+            "grey-300": "text-grey-300",
+            "grey-400": "text-grey-400",
+            "grey-500": "text-grey-500",
+            "grey-600": "text-grey-600",
+            "grey-700": "text-grey-700",
+            "grey-800": "text-grey-800",
+            "grey-900": "text-grey-900",
+            "grey-950": "text-grey-950",
+        },
+    },
+    defaultVariants: {
+        variant: "body1",
+        color: "default",
+    },
+});
+exports.typographyVariants = typographyVariants;
+const variantElementMap = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    subtitle1: "p",
+    subtitle2: "p",
+    body1: "p",
+    body2: "p",
+    body3: "p",
+    caption: "span",
+};
+function Typography({ className, variant = "body1", color = "default", align, as, asChild = false, ...props }) {
+    const defaultElement = variant ? variantElementMap[variant] : "p";
+    const Component = asChild ? react_slot_1.Slot : (as ?? defaultElement);
+    return ((0, jsx_runtime_1.jsx)(Component, { "data-slot": "typography", className: (0, utils_1.cn)(typographyVariants({ variant, color, align, className })), ...props }));
+}

package/helpers.d.ts

@@ -0,0 +1,4 @@
+export { cn, copyToClipboard } from "./lib/utils";
+export { clsx, type ClassValue } from "clsx";
+export { twMerge } from "tailwind-merge";
+export { cva, type VariantProps } from "class-variance-authority";

package/helpers.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cva = exports.twMerge = exports.clsx = exports.copyToClipboard = exports.cn = void 0;
+// Helpers (re-exported utilities)
+var utils_1 = require("./lib/utils");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
+Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return utils_1.copyToClipboard; } });
+var clsx_1 = require("clsx");
+Object.defineProperty(exports, "clsx", { enumerable: true, get: function () { return clsx_1.clsx; } });
+var tailwind_merge_1 = require("tailwind-merge");
+Object.defineProperty(exports, "twMerge", { enumerable: true, get: function () { return tailwind_merge_1.twMerge; } });
+var class_variance_authority_1 = require("class-variance-authority");
+Object.defineProperty(exports, "cva", { enumerable: true, get: function () { return class_variance_authority_1.cva; } });

package/icons.d.ts

@@ -0,0 +1 @@
+export * from "lucide-react";

package/icons.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Re-export all icons from lucide-react
+__exportStar(require("lucide-react"), exports);

package/index.css

@@ -85,6 +85,20 @@
   --color-error-900: #7f1d1d;
   --color-error-950: #450a0a;
 
+    /* Accent colors */
+  --color-accent-50: #EFF6FF;
+  --color-accent-100: #DBEAFE;
+  --color-accent-200: #BFDBFE;
+  --color-accent-300: #93C5FD;
+  --color-accent-400: #60A5FA;
+  --color-accent-500: #3B82F6;
+  --color-accent-600: #2563EB;
+  --color-accent-700: #1D4ED8;
+  --color-accent-800: #1E40AF;
+  --color-accent-900: #1E3A8A;
+  --color-accent-950: #172554;
+
+
   /* Info colors */
   --color-info-50: #f0f9ff;
   --color-info-100: #e0f2fe;
@@ -98,6 +112,13 @@
   --color-info-900: #0c4a6e;
   --color-info-950: #082f49;
 
+  /* Neutral colors */
+  --color-background-neutral-0: #ffffff;
+  --color-background-neutral-50: #ededed;
+  --color-background-neutral-100: #f2f2f2;
+  --color-background-neutral-200: #f9f9f9;
+  --color-background-neutral-300: #fcfcfc;
+
   /* Border radius */
   --radius-sm: 0.25rem;
   --radius-md: 0.375rem;

package/index.d.ts

@@ -0,0 +1,35 @@
+import "./index.css";
+export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, type AlertVariant } from "./Alert/Alert";
+export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps, type AvatarSize } from "./Avatar/Avatar";
+export { Badge, badgeVariants, type BadgeProps, type BadgeVariant } from "./Badge/Badge";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb/Breadcrumb";
+export { Button, buttonVariants, type ButtonProps, type ButtonVariant, type ButtonSize, type ButtonRoundness } from "./Button/Button";
+export { Calendar, CalendarDayButton, type CalendarProps } from "./Calendar/Calendar";
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants, type CardProps, type CardVariant } from "./Card/Card";
+export { ChatBubble, chatBubbleVariants, bubbleContentVariants, type ChatBubbleProps, type ChatBubbleSide, type ChatBubbleColor, type ChatBubbleTheme, type ChatBubbleSize } from "./ChatBubble/ChatBubble";
+export { Checkbox, checkboxVariants, type CheckboxProps, type CheckboxSize } from "./Checkbox/Checkbox";
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogContentType, type AlertDialogHeaderType, type AlertDialogFooterType, type AlertDialogCloseButtonVariant, } from "./AlertDialog/AlertDialog";
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, type DrawerProps, type DrawerContentProps, type DrawerDirection, } from "./Drawer/Drawer";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from "./DropdownMenu/DropdownMenu";
+export { ErrorMessage, type ErrorMessageProps } from "./ErrorMessage/ErrorMessage";
+export { Flex, flexVariants, type FlexProps, type FlexDirection, type FlexAlign, type FlexJustify, type FlexWrap, type FlexGap } from "./Flex/Flex";
+export { IconButton, iconButtonVariants, type IconButtonProps, type IconButtonVariant, type IconButtonSize, type IconButtonRoundness } from "./IconButton/IconButton";
+export { Input, inputVariants, type InputProps, type InputSize, type InputRoundness, type InputVariant } from "./Input/Input";
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, type InputOTPProps, type InputOTPSlotProps, type InputOTPSlotSize, } from "./InputOTP/InputOTP";
+export { Label, labelVariants, type LabelProps, type LabelVariant } from "./Label/Label";
+export { Loader, loaderVariants, type LoaderProps, type LoaderSize, type LoaderColor } from "./Loader/Loader";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover/Popover";
+export { Progress, progressVariants, progressIndicatorVariants, type ProgressProps, type ProgressSize, type ProgressVariant } from "./Progress/Progress";
+export { RadioGroup, RadioGroupItem, radioGroupItemVariants, type RadioGroupItemProps, type RadioGroupItemSize } from "./RadioGroup/RadioGroup";
+export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, type SelectTriggerSize, } from "./Select/Select";
+export { Separator } from "./Separator/Separator";
+export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton";
+export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
+export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, type TabsListProps, type TabsListVariant } from "./Tabs/Tabs";
+export { Textarea, textareaVariants, type TextareaProps, type TextareaVariant, type TextareaResize } from "./Textarea/Textarea";
+export { Toaster, toast, type ToastProps, type ToastTheme } from "./Toast/Toast";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, type TooltipContentProps, type TooltipContentVariant, } from "./Tooltip/Tooltip";
+export { Typography, typographyVariants, type TypographyVariant, type TypographyColor } from "./Typography/Typography";
+export { cn, copyToClipboard } from "./lib/utils";

package/index.js

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerPortal = exports.Drawer = exports.alertDialogFooterVariants = exports.alertDialogHeaderVariants = exports.alertDialogContentVariants = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogBody = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = exports.checkboxVariants = exports.Checkbox = exports.bubbleContentVariants = exports.chatBubbleVariants = exports.ChatBubble = exports.cardVariants = exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.CalendarDayButton = exports.Calendar = exports.buttonVariants = exports.Button = exports.BreadcrumbEllipsis = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbList = exports.Breadcrumb = exports.badgeVariants = exports.Badge = exports.avatarVariants = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.alertVariants = exports.AlertDescription = exports.AlertTitle = exports.Alert = void 0;
+exports.progressIndicatorVariants = exports.progressVariants = exports.Progress = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.loaderVariants = exports.Loader = exports.labelVariants = exports.Label = exports.inputOTPSlotVariants = exports.inputOTPVariants = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.inputVariants = exports.Input = exports.iconButtonVariants = exports.IconButton = exports.flexVariants = exports.Flex = exports.ErrorMessage = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.drawerOverlayVariants = exports.drawerContentVariants = exports.DrawerDescription = exports.DrawerTitle = exports.DrawerBody = exports.DrawerFooter = exports.DrawerHeader = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.DrawerOverlay = void 0;
+exports.copyToClipboard = exports.cn = exports.typographyVariants = exports.Typography = exports.tooltipContentVariants = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.textareaVariants = exports.Textarea = exports.tabsListVariants = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.switchVariants = exports.Switch = exports.spinnerVariants = exports.Spinner = exports.Skeleton = exports.Separator = exports.selectTriggerVariants = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.radioGroupItemVariants = exports.RadioGroupItem = exports.RadioGroup = void 0;
+// Styles
+require("./index.css");
+// Components
+var Alert_1 = require("./Alert/Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+Object.defineProperty(exports, "AlertTitle", { enumerable: true, get: function () { return Alert_1.AlertTitle; } });
+Object.defineProperty(exports, "AlertDescription", { enumerable: true, get: function () { return Alert_1.AlertDescription; } });
+Object.defineProperty(exports, "alertVariants", { enumerable: true, get: function () { return Alert_1.alertVariants; } });
+var Avatar_1 = require("./Avatar/Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return Avatar_1.AvatarImage; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return Avatar_1.AvatarFallback; } });
+Object.defineProperty(exports, "avatarVariants", { enumerable: true, get: function () { return Avatar_1.avatarVariants; } });
+var Badge_1 = require("./Badge/Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
+var Breadcrumb_1 = require("./Breadcrumb/Breadcrumb");
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return Breadcrumb_1.Breadcrumb; } });
+Object.defineProperty(exports, "BreadcrumbList", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbList; } });
+Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbItem; } });
+Object.defineProperty(exports, "BreadcrumbLink", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbLink; } });
+Object.defineProperty(exports, "BreadcrumbPage", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbPage; } });
+Object.defineProperty(exports, "BreadcrumbSeparator", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbSeparator; } });
+Object.defineProperty(exports, "BreadcrumbEllipsis", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbEllipsis; } });
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
+var Calendar_1 = require("./Calendar/Calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
+Object.defineProperty(exports, "CalendarDayButton", { enumerable: true, get: function () { return Calendar_1.CalendarDayButton; } });
+var Card_1 = require("./Card/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return Card_1.CardHeader; } });
+Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return Card_1.CardFooter; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return Card_1.CardTitle; } });
+Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return Card_1.CardDescription; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return Card_1.CardContent; } });
+Object.defineProperty(exports, "cardVariants", { enumerable: true, get: function () { return Card_1.cardVariants; } });
+var ChatBubble_1 = require("./ChatBubble/ChatBubble");
+Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return ChatBubble_1.ChatBubble; } });
+Object.defineProperty(exports, "chatBubbleVariants", { enumerable: true, get: function () { return ChatBubble_1.chatBubbleVariants; } });
+Object.defineProperty(exports, "bubbleContentVariants", { enumerable: true, get: function () { return ChatBubble_1.bubbleContentVariants; } });
+var Checkbox_1 = require("./Checkbox/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+Object.defineProperty(exports, "checkboxVariants", { enumerable: true, get: function () { return Checkbox_1.checkboxVariants; } });
+var AlertDialog_1 = require("./AlertDialog/AlertDialog");
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
+Object.defineProperty(exports, "AlertDialogPortal", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogPortal; } });
+Object.defineProperty(exports, "AlertDialogOverlay", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogOverlay; } });
+Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
+Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
+Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });
+Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
+Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
+Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
+Object.defineProperty(exports, "AlertDialogBody", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogBody; } });
+Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
+Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
+Object.defineProperty(exports, "alertDialogContentVariants", { enumerable: true, get: function () { return AlertDialog_1.alertDialogContentVariants; } });
+Object.defineProperty(exports, "alertDialogHeaderVariants", { enumerable: true, get: function () { return AlertDialog_1.alertDialogHeaderVariants; } });
+Object.defineProperty(exports, "alertDialogFooterVariants", { enumerable: true, get: function () { return AlertDialog_1.alertDialogFooterVariants; } });
+var Drawer_1 = require("./Drawer/Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerPortal", { enumerable: true, get: function () { return Drawer_1.DrawerPortal; } });
+Object.defineProperty(exports, "DrawerOverlay", { enumerable: true, get: function () { return Drawer_1.DrawerOverlay; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
+Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return Drawer_1.DrawerHeader; } });
+Object.defineProperty(exports, "DrawerFooter", { enumerable: true, get: function () { return Drawer_1.DrawerFooter; } });
+Object.defineProperty(exports, "DrawerBody", { enumerable: true, get: function () { return Drawer_1.DrawerBody; } });
+Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
+Object.defineProperty(exports, "DrawerDescription", { enumerable: true, get: function () { return Drawer_1.DrawerDescription; } });
+Object.defineProperty(exports, "drawerContentVariants", { enumerable: true, get: function () { return Drawer_1.drawerContentVariants; } });
+Object.defineProperty(exports, "drawerOverlayVariants", { enumerable: true, get: function () { return Drawer_1.drawerOverlayVariants; } });
+var DropdownMenu_1 = require("./DropdownMenu/DropdownMenu");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenu; } });
+Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuTrigger; } });
+Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuContent; } });
+Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuItem; } });
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuCheckboxItem; } });
+Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuRadioItem; } });
+Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuLabel; } });
+Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuSeparator; } });
+Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuShortcut; } });
+Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuGroup; } });
+Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuPortal; } });
+Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuSub; } });
+Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuSubContent; } });
+Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuSubTrigger; } });
+Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return DropdownMenu_1.DropdownMenuRadioGroup; } });
+var ErrorMessage_1 = require("./ErrorMessage/ErrorMessage");
+Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return ErrorMessage_1.ErrorMessage; } });
+var Flex_1 = require("./Flex/Flex");
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return Flex_1.Flex; } });
+Object.defineProperty(exports, "flexVariants", { enumerable: true, get: function () { return Flex_1.flexVariants; } });
+var IconButton_1 = require("./IconButton/IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
+Object.defineProperty(exports, "iconButtonVariants", { enumerable: true, get: function () { return IconButton_1.iconButtonVariants; } });
+var Input_1 = require("./Input/Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+Object.defineProperty(exports, "inputVariants", { enumerable: true, get: function () { return Input_1.inputVariants; } });
+var InputOTP_1 = require("./InputOTP/InputOTP");
+Object.defineProperty(exports, "InputOTP", { enumerable: true, get: function () { return InputOTP_1.InputOTP; } });
+Object.defineProperty(exports, "InputOTPGroup", { enumerable: true, get: function () { return InputOTP_1.InputOTPGroup; } });
+Object.defineProperty(exports, "InputOTPSlot", { enumerable: true, get: function () { return InputOTP_1.InputOTPSlot; } });
+Object.defineProperty(exports, "InputOTPSeparator", { enumerable: true, get: function () { return InputOTP_1.InputOTPSeparator; } });
+Object.defineProperty(exports, "inputOTPVariants", { enumerable: true, get: function () { return InputOTP_1.inputOTPVariants; } });
+Object.defineProperty(exports, "inputOTPSlotVariants", { enumerable: true, get: function () { return InputOTP_1.inputOTPSlotVariants; } });
+var Label_1 = require("./Label/Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
+Object.defineProperty(exports, "labelVariants", { enumerable: true, get: function () { return Label_1.labelVariants; } });
+var Loader_1 = require("./Loader/Loader");
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
+Object.defineProperty(exports, "loaderVariants", { enumerable: true, get: function () { return Loader_1.loaderVariants; } });
+var Popover_1 = require("./Popover/Popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
+Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return Popover_1.PopoverTrigger; } });
+Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return Popover_1.PopoverContent; } });
+Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return Popover_1.PopoverAnchor; } });
+var Progress_1 = require("./Progress/Progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
+Object.defineProperty(exports, "progressVariants", { enumerable: true, get: function () { return Progress_1.progressVariants; } });
+Object.defineProperty(exports, "progressIndicatorVariants", { enumerable: true, get: function () { return Progress_1.progressIndicatorVariants; } });
+var RadioGroup_1 = require("./RadioGroup/RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return RadioGroup_1.RadioGroupItem; } });
+Object.defineProperty(exports, "radioGroupItemVariants", { enumerable: true, get: function () { return RadioGroup_1.radioGroupItemVariants; } });
+var ScrollArea_1 = require("./ScrollArea/ScrollArea");
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return ScrollArea_1.ScrollArea; } });
+Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return ScrollArea_1.ScrollBar; } });
+var Select_1 = require("./Select/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return Select_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return Select_1.SelectValue; } });
+Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return Select_1.SelectTrigger; } });
+Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return Select_1.SelectContent; } });
+Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return Select_1.SelectLabel; } });
+Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return Select_1.SelectItem; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return Select_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return Select_1.SelectScrollUpButton; } });
+Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return Select_1.SelectScrollDownButton; } });
+Object.defineProperty(exports, "selectTriggerVariants", { enumerable: true, get: function () { return Select_1.selectTriggerVariants; } });
+var Separator_1 = require("./Separator/Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+var Skeleton_1 = require("./Skeleton/Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var Spinner_1 = require("./Spinner/Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+Object.defineProperty(exports, "spinnerVariants", { enumerable: true, get: function () { return Spinner_1.spinnerVariants; } });
+var Switch_1 = require("./Switch/Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+Object.defineProperty(exports, "switchVariants", { enumerable: true, get: function () { return Switch_1.switchVariants; } });
+var Tabs_1 = require("./Tabs/Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return Tabs_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return Tabs_1.TabsTrigger; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return Tabs_1.TabsContent; } });
+Object.defineProperty(exports, "tabsListVariants", { enumerable: true, get: function () { return Tabs_1.tabsListVariants; } });
+var Textarea_1 = require("./Textarea/Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
+Object.defineProperty(exports, "textareaVariants", { enumerable: true, get: function () { return Textarea_1.textareaVariants; } });
+var Toast_1 = require("./Toast/Toast");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toast_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toast_1.toast; } });
+var Tooltip_1 = require("./Tooltip/Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return Tooltip_1.TooltipTrigger; } });
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return Tooltip_1.TooltipContent; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return Tooltip_1.TooltipProvider; } });
+Object.defineProperty(exports, "tooltipContentVariants", { enumerable: true, get: function () { return Tooltip_1.tooltipContentVariants; } });
+var Typography_1 = require("./Typography/Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return Typography_1.Typography; } });
+Object.defineProperty(exports, "typographyVariants", { enumerable: true, get: function () { return Typography_1.typographyVariants; } });
+// Utilities
+var utils_1 = require("./lib/utils");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
+Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return utils_1.copyToClipboard; } });

package/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function copyToClipboard(text: string): Promise<boolean>;

package/lib/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+exports.copyToClipboard = copyToClipboard;
+const clsx_1 = require("clsx");
+const tailwind_merge_1 = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}
+async function copyToClipboard(text) {
+    try {
+        await navigator.clipboard.writeText(text);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2v2ai/uikit",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "author": "Arulraj V & abofficial1997@gmail.com",
   "description": "A React UI component library built with shadcn/ui and Tailwind CSS",
   "license": "MIT",

package/Alert/Alert.stories.tsx

@@ -1,121 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { AlertCircle, CheckCircle2, Info as InfoIcon, AlertTriangle } from "../icons"
-
-import { Flex } from "../Flex/Flex"
-import { Typography } from "../Typography/Typography"
-import { Alert, AlertTitle, AlertDescription } from "./Alert"
-
-const meta: Meta<typeof Alert> = {
-  title: "Components/Alert",
-  component: Alert,
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["default", "destructive", "success", "warning", "info"],
-      description: "The visual variant of the alert",
-    },
-  },
-  tags: ["autodocs"],
-}
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  render: () => (
-    <Alert className="w-[400px]">
-      <AlertTitle>Heads up!</AlertTitle>
-      <AlertDescription>
-        You can add components to your app using the cli.
-      </AlertDescription>
-    </Alert>
-  ),
-}
-
-export const Destructive: Story = {
-  render: () => (
-    <Alert variant="destructive" className="w-[400px]">
-      <AlertCircle className="size-4" />
-      <AlertTitle>Error</AlertTitle>
-      <AlertDescription>
-        Your session has expired. Please log in again.
-      </AlertDescription>
-    </Alert>
-  ),
-}
-
-export const Success: Story = {
-  render: () => (
-    <Alert variant="success" className="w-[400px]">
-      <CheckCircle2 className="size-4" />
-      <AlertTitle>Success</AlertTitle>
-      <AlertDescription>
-        Your changes have been saved successfully.
-      </AlertDescription>
-    </Alert>
-  ),
-}
-
-export const Warning: Story = {
-  render: () => (
-    <Alert variant="warning" className="w-[400px]">
-      <AlertTriangle className="size-4" />
-      <AlertTitle>Warning</AlertTitle>
-      <AlertDescription>
-        Your account is about to expire. Please renew your subscription.
-      </AlertDescription>
-    </Alert>
-  ),
-}
-
-export const InfoAlert: Story = {
-  render: () => (
-    <Alert variant="info" className="w-[400px]">
-      <InfoIcon className="size-4" />
-      <AlertTitle>Information</AlertTitle>
-      <AlertDescription>
-        A new version is available. Update now for new features.
-      </AlertDescription>
-    </Alert>
-  ),
-}
-
-export const AllVariants: Story = {
-  render: () => (
-    <Flex direction="column" gap={4} className="w-[400px]">
-      <Typography variant="h4" className="text-white">Alert Variants</Typography>
-
-      <Alert>
-        <AlertTitle>Default</AlertTitle>
-        <AlertDescription>This is a default alert message.</AlertDescription>
-      </Alert>
-
-      <Alert variant="destructive">
-        <AlertCircle className="size-4" />
-        <AlertTitle>Destructive</AlertTitle>
-        <AlertDescription>This is a destructive alert message.</AlertDescription>
-      </Alert>
-
-      <Alert variant="success">
-        <CheckCircle2 className="size-4" />
-        <AlertTitle>Success</AlertTitle>
-        <AlertDescription>This is a success alert message.</AlertDescription>
-      </Alert>
-
-      <Alert variant="warning">
-        <AlertTriangle className="size-4" />
-        <AlertTitle>Warning</AlertTitle>
-        <AlertDescription>This is a warning alert message.</AlertDescription>
-      </Alert>
-
-      <Alert variant="info">
-        <InfoIcon className="size-4" />
-        <AlertTitle>Info</AlertTitle>
-        <AlertDescription>This is an info alert message.</AlertDescription>
-      </Alert>
-    </Flex>
-  ),
-}