@a2v2ai/uikit 0.0.39 → 0.0.41

package/index.css

@@ -151,61 +151,61 @@
 /* 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-h1 { @apply font-extrabold text-[64px] leading-[1.3] tracking-normal font-sans; }
+  .text-h2 { @apply font-bold text-[48px] leading-[1.3] tracking-normal font-sans; }
+  .text-h3 { @apply font-bold text-[32px] leading-[1.3] 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; }
+  .text-h5 { @apply font-bold text-[20px] leading-[1.3] tracking-normal font-sans; }
+  .text-h6 { @apply font-semibold text-[20px] leading-[1.3] 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; }
+  .text-subtitle1 { @apply font-semibold text-[20px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle1-light { @apply font-light text-[20px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle1-medium { @apply font-medium text-[20px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle1-semibold { @apply font-semibold text-[20px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle1-bold { @apply font-bold text-[20px] leading-[1.3] 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; }
+  .text-subtitle2 { @apply font-semibold text-[18px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle2-light { @apply font-light text-[18px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle2-medium { @apply font-medium text-[18px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle2-semibold { @apply font-semibold text-[18px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle2-bold { @apply font-bold text-[18px] leading-[1.3] 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; }
+  .text-subtitle3 { @apply font-semibold text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle3-light { @apply font-light text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle3-medium { @apply font-medium text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle3-semibold { @apply font-semibold text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-subtitle3-bold { @apply font-bold text-[16px] leading-[1.3] 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; }
+  .text-body1 { @apply font-normal text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-body1-light { @apply font-light text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-body1-medium { @apply font-medium text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-body1-semibold { @apply font-semibold text-[16px] leading-[1.3] tracking-normal font-sans; }
+  .text-body1-bold { @apply font-bold text-[16px] leading-[1.3] 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; }
+  .text-body2 { @apply font-normal text-[14px] leading-[1.3] tracking-normal font-sans; }
+  .text-body2-light { @apply font-light text-[14px] leading-[1.3] tracking-normal font-sans; }
+  .text-body2-medium { @apply font-medium text-[14px] leading-[1.3] tracking-normal font-sans; }
+  .text-body2-semibold { @apply font-semibold text-[14px] leading-[1.3] tracking-normal font-sans; }
+  .text-body2-bold { @apply font-bold text-[14px] leading-[1.3] 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; }
+  .text-body3 { @apply font-normal text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-body3-light { @apply font-light text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-body3-medium { @apply font-medium text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-body3-semibold { @apply font-semibold text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-body3-bold { @apply font-bold text-[12px] leading-[1.3] 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; }
+  .text-caption { @apply font-light text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-caption-light { @apply font-light text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-caption-medium { @apply font-medium text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-caption-semibold { @apply font-semibold text-[12px] leading-[1.3] tracking-normal font-sans; }
+  .text-caption-bold { @apply font-bold text-[12px] leading-[1.3] tracking-normal font-sans; }
 }
 
 /* Base layer */

package/index.ts

@@ -0,0 +1,217 @@
+// Styles
+import "./index.css"
+
+// Components
+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"
+
+// Utilities
+export { cn, copyToClipboard } from "./lib/utils"

package/lib/typography-types.ts

@@ -0,0 +1,237 @@
+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 colors
+  | "main-50"
+  | "main-100"
+  | "main-200"
+  | "main-300"
+  | "main-400"
+  | "main-500"
+  | "main-600"
+  | "main-700"
+  | "main-800"
+  | "main-900"
+  | "main-950"
+  // Success colors
+  | "success-50"
+  | "success-100"
+  | "success-200"
+  | "success-300"
+  | "success-400"
+  | "success-500"
+  | "success-600"
+  | "success-700"
+  | "success-800"
+  | "success-900"
+  | "success-950"
+  // Accent colors
+  | "accent-50"
+  | "accent-100"
+  | "accent-200"
+  | "accent-300"
+  | "accent-400"
+  | "accent-500"
+  | "accent-600"
+  | "accent-700"
+  | "accent-800"
+  | "accent-900"
+  | "accent-950"
+  // Error colors
+  | "error-50"
+  | "error-100"
+  | "error-200"
+  | "error-300"
+  | "error-400"
+  | "error-500"
+  | "error-600"
+  | "error-700"
+  | "error-800"
+  | "error-900"
+  | "error-950"
+  // Warning colors
+  | "warning-50"
+  | "warning-100"
+  | "warning-200"
+  | "warning-300"
+  | "warning-400"
+  | "warning-500"
+  | "warning-600"
+  | "warning-700"
+  | "warning-800"
+  | "warning-900"
+  | "warning-950"
+  // Grey colors
+  | "grey-50"
+  | "grey-100"
+  | "grey-200"
+  | "grey-300"
+  | "grey-400"
+  | "grey-500"
+  | "grey-600"
+  | "grey-700"
+  | "grey-800"
+  | "grey-900"
+  | "grey-950"
+
+export const textVariantClasses: Record<TextVariant, string> = {
+  h1: "font-extrabold text-[64px] leading-[1.3] tracking-normal font-sans",
+  h2: "font-bold text-[48px] leading-[1.3] tracking-normal font-sans",
+  h3: "font-bold text-[32px] leading-[1.3] tracking-normal font-sans",
+  h4: "font-bold text-[24px] leading-[1.2] tracking-[-0.48px] font-sans",
+  h5: "font-bold text-[20px] leading-[1.3] tracking-normal font-sans",
+  h6: "font-semibold text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle1: "font-semibold text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle2: "font-semibold text-[18px] leading-[1.3] tracking-normal font-sans",
+  subtitle3: "font-semibold text-[16px] leading-[1.3] tracking-normal font-sans",
+  body1: "font-normal text-[16px] leading-[1.3] tracking-normal font-sans",
+  body2: "font-normal text-[14px] leading-[1.3] tracking-normal font-sans",
+  body3: "font-normal text-[12px] leading-[1.3] tracking-normal font-sans",
+  caption: "font-light text-[12px] leading-[1.3] tracking-normal font-sans",
+  subtitle1Medium: "font-medium text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle1Bold: "font-bold text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle1SemiBold: "font-semibold text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle2Medium: "font-medium text-[18px] leading-[1.3] tracking-normal font-sans",
+  subtitle2Bold: "font-bold text-[18px] leading-[1.3] tracking-normal font-sans",
+  subtitle2SemiBold: "font-semibold text-[18px] leading-[1.3] tracking-normal font-sans",
+  subtitle3Medium: "font-medium text-[16px] leading-[1.3] tracking-normal font-sans",
+  subtitle3Bold: "font-bold text-[16px] leading-[1.3] tracking-normal font-sans",
+  subtitle3SemiBold: "font-semibold text-[16px] leading-[1.3] tracking-normal font-sans",
+  body1Medium: "font-medium text-[16px] leading-[1.3] tracking-normal font-sans",
+  body1Bold: "font-bold text-[16px] leading-[1.3] tracking-normal font-sans",
+  body1SemiBold: "font-semibold text-[16px] leading-[1.3] tracking-normal font-sans",
+  body2Medium: "font-medium text-[14px] leading-[1.3] tracking-normal font-sans",
+  body2Bold: "font-bold text-[14px] leading-[1.3] tracking-normal font-sans",
+  body2SemiBold: "font-semibold text-[14px] leading-[1.3] tracking-normal font-sans",
+  body3Medium: "font-medium text-[12px] leading-[1.3] tracking-normal font-sans",
+  body3Bold: "font-bold text-[12px] leading-[1.3] tracking-normal font-sans",
+  body3SemiBold: "font-semibold text-[12px] leading-[1.3] tracking-normal font-sans",
+  captionMedium: "font-medium text-[12px] leading-[1.3] tracking-normal font-sans",
+  captionBold: "font-bold text-[12px] leading-[1.3] tracking-normal font-sans",
+  captionSemiBold: "font-semibold text-[12px] leading-[1.3] tracking-normal font-sans",
+  subtitle1Light: "font-light text-[20px] leading-[1.3] tracking-normal font-sans",
+  subtitle2Light: "font-light text-[18px] leading-[1.3] tracking-normal font-sans",
+  subtitle3Light: "font-light text-[16px] leading-[1.3] tracking-normal font-sans",
+  body1Light: "font-light text-[16px] leading-[1.3] tracking-normal font-sans",
+  body2Light: "font-light text-[14px] leading-[1.3] tracking-normal font-sans",
+  body3Light: "font-light text-[12px] leading-[1.3] tracking-normal font-sans",
+  captionLight: "font-light text-[12px] leading-[1.3] tracking-normal font-sans",
+}
+
+export const textColorClasses: Record<TextColor, string> = {
+  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.ts

@@ -0,0 +1,15 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export async function copyToClipboard(text: string): Promise<boolean> {
+  try {
+    await navigator.clipboard.writeText(text)
+    return true
+  } catch {
+    return false
+  }
+}

package/package.json

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

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "ESNext",
+    "lib": ["esnext", "dom"],
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "../dist",
+    "rootDir": "./",
+    "noEmit": false,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true
+  },
+  "exclude": ["node_modules", "**/*.stories.tsx"]
+}

package/Alert/Alert.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-type AlertVariant = "default" | "destructive" | "success" | "warning" | "info";
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: AlertVariant;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertTitle, AlertDescription, alertVariants };
-export type { AlertVariant };

package/Alert/Alert.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current [&>svg~*]:pl-7", {
-    variants: {
-        variant: {
-            default: "bg-white text-main-950 border-grey-200",
-            destructive: "border-error-200 bg-error-50 text-error-700 [&>svg]:text-error-600",
-            success: "border-success-200 bg-success-50 text-success-700 [&>svg]:text-success-600",
-            warning: "border-warning-200 bg-warning-50 text-warning-700 [&>svg]:text-warning-600",
-            info: "border-accent-200 bg-accent-50 text-accent-700 [&>svg]:text-accent-600",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
-Alert.displayName = "Alert";
-const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
-AlertTitle.displayName = "AlertTitle";
-const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
-AlertDescription.displayName = "AlertDescription";
-export { Alert, AlertTitle, AlertDescription, alertVariants };