@a2v2ai/uikit 0.0.37 → 0.0.38

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,223 @@
+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"
+
+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-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",
+}
+
+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,16 +1,19 @@
 {
   "name": "@a2v2ai/uikit",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "type": "module",
   "author": "Arulraj V & abofficial1997@gmail.com",
   "description": "A React UI component library built with shadcn/ui and Tailwind CSS",
   "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "check:types": "tsc --noEmit",
     "clean": "node -e \"require('fs').rmSync('../dist', { recursive: true, force: true })\"",
     "build": "tsc",
     "postbuild": "cpy ./package.json ../dist/ && cpy ./README.md ../dist/ && cpy ./index.css ../dist/",
-    "publish": "npm publish --access public"
+    "release": "npm publish --access public"
   },
   "keywords": [
     "react",

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 };

package/AlertDialog/AlertDialog.d.ts

@@ -1,43 +0,0 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-type AlertDialogContentType = "desktop" | "mobile";
-type AlertDialogHeaderType = "header" | "close-only" | "icon-button-close";
-type AlertDialogFooterType = "buttons-right" | "full-width" | "single-full-width";
-type AlertDialogCloseButtonVariant = "default" | "icon-button";
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const alertDialogContentVariants: (props?: ({
-    type?: "desktop" | "mobile" | null | undefined;
-    scrollable?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
-    type?: AlertDialogContentType;
-    scrollable?: boolean;
-    showCloseButton?: boolean;
-    closeButtonVariant?: AlertDialogCloseButtonVariant;
-    loading?: boolean;
-}
-declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const alertDialogHeaderVariants: (props?: ({
-    type?: "header" | "close-only" | "icon-button-close" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    type?: AlertDialogHeaderType;
-}
-declare const AlertDialogHeader: React.ForwardRefExoticComponent<AlertDialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const alertDialogFooterVariants: (props?: ({
-    type?: "buttons-right" | "full-width" | "single-full-width" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    type?: AlertDialogFooterType;
-}
-declare const AlertDialogFooter: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, };
-export type { AlertDialogContentType, AlertDialogHeaderType, AlertDialogFooterType, AlertDialogCloseButtonVariant };

package/AlertDialog/AlertDialog.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { X, Loader2 } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { Button } from "../Button/Button";
-import { cn } from "../lib/utils";
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const alertDialogContentVariants = cva("fixed z-50 grid gap-4 bg-white border border-grey-200 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", {
-    variants: {
-        type: {
-            desktop: "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] w-full max-w-[640px] rounded-lg",
-            mobile: "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] w-full max-w-[320px] rounded-lg",
-        },
-        scrollable: {
-            true: "max-h-[80vh] overflow-y-auto",
-            false: "",
-        },
-    },
-    defaultVariants: {
-        type: "desktop",
-        scrollable: false,
-    },
-});
-const AlertDialogContent = React.forwardRef(({ className, children, type, scrollable, showCloseButton = true, closeButtonVariant = "default", loading = false, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsxs(AlertDialogPrimitive.Content, { ref: ref, className: cn(alertDialogContentVariants({ type, scrollable, className })), ...props, children: [loading && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/80 rounded-lg", children: _jsx(Loader2, { className: "size-8 text-main-600 animate-spin" }) })), children, showCloseButton && closeButtonVariant === "default" && !loading && (_jsxs(AlertDialogPrimitive.Cancel, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[0_0_0_3px_#d4d4d4] disabled:pointer-events-none cursor-pointer", children: [_jsx(X, { className: "size-4 text-grey-600" }), _jsx("span", { className: "sr-only", children: "Close" })] })), showCloseButton && closeButtonVariant === "icon-button" && !loading && (_jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "small", className: "absolute right-2 top-2 size-9 p-0", children: [_jsx(X, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }) }))] })] })));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-const alertDialogHeaderVariants = cva("flex p-4", {
-    variants: {
-        type: {
-            header: "flex-row items-center justify-between",
-            "close-only": "flex-col items-end",
-            "icon-button-close": "flex-col items-end justify-center pr-0",
-        },
-    },
-    defaultVariants: {
-        type: "header",
-    },
-});
-const AlertDialogHeader = React.forwardRef(({ className, type, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(alertDialogHeaderVariants({ type, className })), ...props })));
-AlertDialogHeader.displayName = "AlertDialogHeader";
-const alertDialogFooterVariants = cva("flex gap-2 p-4", {
-    variants: {
-        type: {
-            "buttons-right": "flex-row items-center justify-end",
-            "full-width": "flex-row items-start",
-            "single-full-width": "flex-row items-start",
-        },
-    },
-    defaultVariants: {
-        type: "buttons-right",
-    },
-});
-const AlertDialogFooter = React.forwardRef(({ className, type, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(alertDialogFooterVariants({ type, className })), ...props, children: type === "full-width" || type === "single-full-width" ? (_jsx("div", { className: "flex gap-2 w-full", children: React.Children.map(children, (child) => React.isValidElement(child)
-            ? React.cloneElement(child, {
-                className: cn("flex-1", child.props.className),
-            })
-            : child) })) : (children) })));
-AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-2xl font-bold leading-[1.2] tracking-tight text-main-950 font-display", className), ...props })));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-grey-600", className), ...props })));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-const AlertDialogBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex-1 px-4 py-2", className), ...props })));
-AlertDialogBody.displayName = "AlertDialogBody";
-const AlertDialogAction = AlertDialogPrimitive.Action;
-const AlertDialogCancel = AlertDialogPrimitive.Cancel;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, };