@a2v2ai/uikit 0.0.38 → 0.0.39

package/Toast/Toast.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from "lucide-react";
+import { Toaster as Sonner, toast } from "sonner";
+const Toaster = ({ theme = "light", ...props }) => {
+    return (_jsx(Sonner, { theme: theme, className: "toaster group", icons: {
+            success: _jsx(CircleCheckIcon, { className: "size-4" }),
+            info: _jsx(InfoIcon, { className: "size-4" }),
+            warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
+            error: _jsx(OctagonXIcon, { className: "size-4" }),
+            loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
+        }, toastOptions: {
+            classNames: {
+                toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-main-950 group-[.toaster]:border-grey-200 group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
+                description: "group-[.toast]:text-main-500",
+                actionButton: "group-[.toast]:bg-main-900 group-[.toast]:text-white",
+                cancelButton: "group-[.toast]:bg-grey-100 group-[.toast]:text-main-500",
+                success: "group-[.toaster]:border-success-200 group-[.toaster]:bg-success-50 group-[.toaster]:text-success-900 [&_svg]:text-success-600",
+                error: "group-[.toaster]:border-error-200 group-[.toaster]:bg-error-50 group-[.toaster]:text-error-900 [&_svg]:text-error-600",
+                warning: "group-[.toaster]:border-warning-200 group-[.toaster]:bg-warning-50 group-[.toaster]:text-warning-900 [&_svg]:text-warning-600",
+                info: "group-[.toaster]:border-accent-200 group-[.toaster]:bg-accent-50 group-[.toaster]:text-accent-900 [&_svg]:text-accent-600",
+            },
+        }, ...props }));
+};
+export { Toaster, toast };

package/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+type TooltipContentVariant = "default" | "light";
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content> & {
+    variant?: TooltipContentVariant;
+    /** Whether to show the arrow */
+    showArrow?: boolean;
+};
+declare function TooltipContent({ className, sideOffset, variant, showArrow, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
+export type { TooltipContentVariant };

package/Tooltip/Tooltip.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const tooltipContentVariants = cva("z-50 overflow-hidden rounded-lg bg-neutral-950 px-2 py-1.5 text-xs text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", {
+    variants: {
+        variant: {
+            default: "bg-neutral-950 text-neutral-50",
+            light: "bg-white text-neutral-900 border border-neutral-200 shadow-md",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function TooltipProvider({ delayDuration = 200, skipDelayDuration = 300, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return _jsx(TooltipPrimitive.Root, { ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { ...props });
+}
+function TooltipContent({ className, sideOffset = 4, variant, showArrow = true, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { sideOffset: sideOffset, className: cn(tooltipContentVariants({ variant }), className), ...props, children: [children, showArrow && (_jsx(TooltipPrimitive.Arrow, { className: cn("fill-neutral-950", variant === "light" && "fill-white"), width: 11, height: 5 }))] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };

package/Typography/Typography.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { type TextVariant, type TextColor } from "../lib/typography-types";
+declare const typographyVariants: (props?: ({
+    align?: "center" | "left" | "right" | "justify" | null | undefined;
+    variant?: TextVariant | null | undefined;
+    color?: TextColor | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TypographyVariant = TextVariant;
+type TypographyColor = TextColor;
+type TypographyAlign = "left" | "center" | "right" | "justify";
+type TypographyProps<T extends React.ElementType = "p"> = {
+    as?: T;
+    asChild?: boolean;
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    align?: TypographyAlign;
+} & Omit<React.ComponentPropsWithoutRef<T>, "as" | "asChild" | "color" | "variant" | "align">;
+declare function Typography<T extends React.ElementType = "p">({ className, variant, color, align, as, asChild, ...props }: TypographyProps<T>): import("react/jsx-runtime").JSX.Element;
+export { Typography, typographyVariants };
+export type { TypographyVariant, TypographyColor, TypographyAlign };

package/Typography/Typography.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+import { textVariantClasses, textColorClasses, } from "../lib/typography-types";
+const typographyVariants = cva("", {
+    variants: {
+        align: {
+            left: "text-left",
+            center: "text-center",
+            right: "text-right",
+            justify: "text-justify",
+        },
+        variant: textVariantClasses,
+        color: textColorClasses,
+    },
+    defaultVariants: {
+        variant: "body1",
+        color: "default",
+    },
+});
+const variantElementMap = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    subtitle1: "p",
+    subtitle2: "p",
+    subtitle3: "p",
+    body1: "p",
+    body2: "p",
+    body3: "p",
+    caption: "span",
+    subtitle1Medium: "p",
+    subtitle1Bold: "p",
+    subtitle1SemiBold: "p",
+    subtitle2Medium: "p",
+    subtitle2Bold: "p",
+    subtitle2SemiBold: "p",
+    subtitle3Medium: "p",
+    subtitle3Bold: "p",
+    subtitle3SemiBold: "p",
+    body1Medium: "p",
+    body1Bold: "p",
+    body1SemiBold: "p",
+    body2Medium: "p",
+    body2Bold: "p",
+    body2SemiBold: "p",
+    body3Medium: "p",
+    body3Bold: "p",
+    body3SemiBold: "p",
+    captionMedium: "span",
+    captionBold: "span",
+    captionSemiBold: "span",
+    subtitle1Light: "p",
+    subtitle2Light: "p",
+    subtitle3Light: "p",
+    body1Light: "p",
+    body2Light: "p",
+    body3Light: "p",
+    captionLight: "span",
+};
+function Typography({ className, variant = "body1", color = "default", align, as, asChild = false, ...props }) {
+    const defaultElement = variant ? variantElementMap[variant] : "p";
+    const Component = asChild ? Slot : as ?? defaultElement;
+    return (_jsx(Component, { "data-slot": "typography", className: cn(typographyVariants({ variant, color, align, className })), ...props }));
+}
+export { Typography, typographyVariants };

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,5 @@
+// Helpers (re-exported utilities)
+export { cn, copyToClipboard } from "./lib/utils";
+export { clsx } from "clsx";
+export { twMerge } from "tailwind-merge";
+export { cva } from "class-variance-authority";

package/icons.d.ts

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

package/{icons.ts → icons.js}

@@ -1,2 +1,2 @@
 // Re-export all icons from lucide-react
-export * from "lucide-react"
+export * from "lucide-react";

package/index.css

@@ -120,6 +120,7 @@
   --font-size-h6: 20px;
   --font-size-subtitle1: 20px;
   --font-size-subtitle2: 18px;
+  --font-size-subtitle3: 16px;
   --font-size-body1: 16px;
   --font-size-body2: 14px;
   --font-size-body3: 12px;
@@ -134,10 +135,77 @@
   --font-weight-h6: 600;
   --font-weight-subtitle1: 600;
   --font-weight-subtitle2: 600;
+  --font-weight-subtitle3: 600;
   --font-weight-body1: 400;
   --font-weight-body2: 400;
   --font-weight-body3: 400;
   --font-weight-caption: 300;
+
+  /* Weight variant tokens */
+  --font-weight-light: 300;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+}
+
+/* Typography utility classes */
+@layer components {
+  /* Headings */
+  .text-h1 { @apply font-extrabold text-[64px] leading-none tracking-normal font-sans; }
+  .text-h2 { @apply font-bold text-[48px] leading-none tracking-normal font-sans; }
+  .text-h3 { @apply font-bold text-[32px] leading-none tracking-normal font-sans; }
+  .text-h4 { @apply font-bold text-[24px] leading-[1.2] tracking-[-0.48px] font-sans; }
+  .text-h5 { @apply font-bold text-[20px] leading-none tracking-normal font-sans; }
+  .text-h6 { @apply font-semibold text-[20px] leading-none tracking-normal font-sans; }
+
+  /* Subtitle 1 */
+  .text-subtitle1 { @apply font-semibold text-[20px] leading-none tracking-normal font-sans; }
+  .text-subtitle1-light { @apply font-light text-[20px] leading-none tracking-normal font-sans; }
+  .text-subtitle1-medium { @apply font-medium text-[20px] leading-none tracking-normal font-sans; }
+  .text-subtitle1-semibold { @apply font-semibold text-[20px] leading-none tracking-normal font-sans; }
+  .text-subtitle1-bold { @apply font-bold text-[20px] leading-none tracking-normal font-sans; }
+
+  /* Subtitle 2 */
+  .text-subtitle2 { @apply font-semibold text-[18px] leading-none tracking-normal font-sans; }
+  .text-subtitle2-light { @apply font-light text-[18px] leading-none tracking-normal font-sans; }
+  .text-subtitle2-medium { @apply font-medium text-[18px] leading-none tracking-normal font-sans; }
+  .text-subtitle2-semibold { @apply font-semibold text-[18px] leading-none tracking-normal font-sans; }
+  .text-subtitle2-bold { @apply font-bold text-[18px] leading-none tracking-normal font-sans; }
+
+  /* Subtitle 3 */
+  .text-subtitle3 { @apply font-semibold text-[16px] leading-none tracking-normal font-sans; }
+  .text-subtitle3-light { @apply font-light text-[16px] leading-none tracking-normal font-sans; }
+  .text-subtitle3-medium { @apply font-medium text-[16px] leading-none tracking-normal font-sans; }
+  .text-subtitle3-semibold { @apply font-semibold text-[16px] leading-none tracking-normal font-sans; }
+  .text-subtitle3-bold { @apply font-bold text-[16px] leading-none tracking-normal font-sans; }
+
+  /* Body 1 */
+  .text-body1 { @apply font-normal text-[16px] leading-none tracking-normal font-sans; }
+  .text-body1-light { @apply font-light text-[16px] leading-none tracking-normal font-sans; }
+  .text-body1-medium { @apply font-medium text-[16px] leading-none tracking-normal font-sans; }
+  .text-body1-semibold { @apply font-semibold text-[16px] leading-none tracking-normal font-sans; }
+  .text-body1-bold { @apply font-bold text-[16px] leading-none tracking-normal font-sans; }
+
+  /* Body 2 */
+  .text-body2 { @apply font-normal text-[14px] leading-none tracking-normal font-sans; }
+  .text-body2-light { @apply font-light text-[14px] leading-none tracking-normal font-sans; }
+  .text-body2-medium { @apply font-medium text-[14px] leading-none tracking-normal font-sans; }
+  .text-body2-semibold { @apply font-semibold text-[14px] leading-none tracking-normal font-sans; }
+  .text-body2-bold { @apply font-bold text-[14px] leading-none tracking-normal font-sans; }
+
+  /* Body 3 */
+  .text-body3 { @apply font-normal text-[12px] leading-none tracking-normal font-sans; }
+  .text-body3-light { @apply font-light text-[12px] leading-none tracking-normal font-sans; }
+  .text-body3-medium { @apply font-medium text-[12px] leading-none tracking-normal font-sans; }
+  .text-body3-semibold { @apply font-semibold text-[12px] leading-none tracking-normal font-sans; }
+  .text-body3-bold { @apply font-bold text-[12px] leading-none tracking-normal font-sans; }
+
+  /* Caption */
+  .text-caption { @apply font-light text-[12px] leading-none tracking-normal font-sans; }
+  .text-caption-light { @apply font-light text-[12px] leading-none tracking-normal font-sans; }
+  .text-caption-medium { @apply font-medium text-[12px] leading-none tracking-normal font-sans; }
+  .text-caption-semibold { @apply font-semibold text-[12px] leading-none tracking-normal font-sans; }
+  .text-caption-bold { @apply font-bold text-[12px] leading-none tracking-normal font-sans; }
 }
 
 /* Base layer */

package/index.d.ts

@@ -0,0 +1,42 @@
+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 { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, type CarouselApi, type CarouselProps, type CarouselOptions, type CarouselPlugin, type CarouselOrientation, } from "./Carousel/Carousel";
+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 } from "./Label/Label";
+export { Loader, loaderVariants, type LoaderProps, type LoaderSize, type LoaderColor } from "./Loader/Loader";
+export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar/Menubar";
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, type PaginationLinkProps, } from "./Pagination/Pagination";
+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 { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, type SidebarProps, type SidebarHeaderProps, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupProps, type SidebarGroupLabelProps, type SidebarMenuItemProps, type SidebarSubMenuItemProps, type SidebarSeparatorProps, type SidebarToggleProps, } from "./Sidebar/Sidebar";
+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 { Slider, type SliderProps } from "./Slider/Slider";
+export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
+export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
+export { DataTable, type DataTableColumn, type DataTableProps, type DataTablePagination, type DataTableScroll } from "./DataTable/DataTable";
+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,45 @@
+// Styles
+import "./index.css";
+// Components
+export { Alert, AlertTitle, AlertDescription, alertVariants } from "./Alert/Alert";
+export { Avatar, AvatarImage, AvatarFallback, avatarVariants } from "./Avatar/Avatar";
+export { Badge, badgeVariants } from "./Badge/Badge";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb/Breadcrumb";
+export { Button, buttonVariants } from "./Button/Button";
+export { Calendar, CalendarDayButton } from "./Calendar/Calendar";
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants } from "./Card/Card";
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, } from "./Carousel/Carousel";
+export { ChatBubble, chatBubbleVariants, bubbleContentVariants } from "./ChatBubble/ChatBubble";
+export { Checkbox, checkboxVariants } from "./Checkbox/Checkbox";
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, } from "./AlertDialog/AlertDialog";
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, } from "./Drawer/Drawer";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from "./DropdownMenu/DropdownMenu";
+export { ErrorMessage } from "./ErrorMessage/ErrorMessage";
+export { Flex, flexVariants } from "./Flex/Flex";
+export { IconButton, iconButtonVariants } from "./IconButton/IconButton";
+export { Input, inputVariants } from "./Input/Input";
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, } from "./InputOTP/InputOTP";
+export { Label, labelVariants } from "./Label/Label";
+export { Loader, loaderVariants } from "./Loader/Loader";
+export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar/Menubar";
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./Pagination/Pagination";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover/Popover";
+export { Progress, progressVariants, progressIndicatorVariants } from "./Progress/Progress";
+export { RadioGroup, RadioGroupItem, radioGroupItemVariants } from "./RadioGroup/RadioGroup";
+export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
+export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, } from "./Sidebar/Sidebar";
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, } from "./Select/Select";
+export { Separator } from "./Separator/Separator";
+export { Skeleton } from "./Skeleton/Skeleton";
+export { Slider } from "./Slider/Slider";
+export { Spinner, spinnerVariants } from "./Spinner/Spinner";
+export { Switch, switchVariants } from "./Switch/Switch";
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
+export { DataTable } from "./DataTable/DataTable";
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } from "./Tabs/Tabs";
+export { Textarea, textareaVariants } from "./Textarea/Textarea";
+export { Toaster, toast } from "./Toast/Toast";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, } from "./Tooltip/Tooltip";
+export { Typography, typographyVariants } from "./Typography/Typography";
+// Utilities
+export { cn, copyToClipboard } from "./lib/utils";

package/lib/typography-types.d.ts

@@ -0,0 +1,4 @@
+export type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "subtitle3" | "body1" | "body2" | "body3" | "caption" | "subtitle1Medium" | "subtitle1Bold" | "subtitle1SemiBold" | "subtitle2Medium" | "subtitle2Bold" | "subtitle2SemiBold" | "subtitle3Medium" | "subtitle3Bold" | "subtitle3SemiBold" | "body1Medium" | "body1Bold" | "body1SemiBold" | "body2Medium" | "body2Bold" | "body2SemiBold" | "body3Medium" | "body3Bold" | "body3SemiBold" | "captionMedium" | "captionBold" | "captionSemiBold" | "subtitle1Light" | "subtitle2Light" | "subtitle3Light" | "body1Light" | "body2Light" | "body3Light" | "captionLight";
+export type TextColor = "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950";
+export declare const textVariantClasses: Record<TextVariant, string>;
+export declare const textColorClasses: Record<TextColor, string>;

package/lib/typography-types.js

@@ -0,0 +1,118 @@
+export const textVariantClasses = {
+    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",
+    subtitle3: "font-semibold text-[16px] 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",
+    subtitle1Medium: "font-medium text-[20px] leading-none tracking-normal font-sans",
+    subtitle1Bold: "font-bold text-[20px] leading-none tracking-normal font-sans",
+    subtitle1SemiBold: "font-semibold text-[20px] leading-none tracking-normal font-sans",
+    subtitle2Medium: "font-medium text-[18px] leading-none tracking-normal font-sans",
+    subtitle2Bold: "font-bold text-[18px] leading-none tracking-normal font-sans",
+    subtitle2SemiBold: "font-semibold text-[18px] leading-none tracking-normal font-sans",
+    subtitle3Medium: "font-medium text-[16px] leading-none tracking-normal font-sans",
+    subtitle3Bold: "font-bold text-[16px] leading-none tracking-normal font-sans",
+    subtitle3SemiBold: "font-semibold text-[16px] leading-none tracking-normal font-sans",
+    body1Medium: "font-medium text-[16px] leading-none tracking-normal font-sans",
+    body1Bold: "font-bold text-[16px] leading-none tracking-normal font-sans",
+    body1SemiBold: "font-semibold text-[16px] leading-none tracking-normal font-sans",
+    body2Medium: "font-medium text-[14px] leading-none tracking-normal font-sans",
+    body2Bold: "font-bold text-[14px] leading-none tracking-normal font-sans",
+    body2SemiBold: "font-semibold text-[14px] leading-none tracking-normal font-sans",
+    body3Medium: "font-medium text-[12px] leading-none tracking-normal font-sans",
+    body3Bold: "font-bold text-[12px] leading-none tracking-normal font-sans",
+    body3SemiBold: "font-semibold text-[12px] leading-none tracking-normal font-sans",
+    captionMedium: "font-medium text-[12px] leading-none tracking-normal font-sans",
+    captionBold: "font-bold text-[12px] leading-none tracking-normal font-sans",
+    captionSemiBold: "font-semibold text-[12px] leading-none tracking-normal font-sans",
+    subtitle1Light: "font-light text-[20px] leading-none tracking-normal font-sans",
+    subtitle2Light: "font-light text-[18px] leading-none tracking-normal font-sans",
+    subtitle3Light: "font-light text-[16px] leading-none tracking-normal font-sans",
+    body1Light: "font-light text-[16px] leading-none tracking-normal font-sans",
+    body2Light: "font-light text-[14px] leading-none tracking-normal font-sans",
+    body3Light: "font-light text-[12px] leading-none tracking-normal font-sans",
+    captionLight: "font-light text-[12px] leading-none tracking-normal font-sans",
+};
+export const textColorClasses = {
+    default: "text-main-800",
+    // 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",
+};

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,14 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export 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.38",
+  "version": "0.0.39",
   "type": "module",
   "author": "Arulraj V & abofficial1997@gmail.com",
   "description": "A React UI component library built with shadcn/ui and Tailwind CSS",