@melv1c/ui-kit 1.2.0 → 1.2.2

package/dist/index.js

@@ -1,15 +1,15 @@
 import { Skeleton } from './chunk-PYHBC3IQ.js';
 export { Skeleton } from './chunk-PYHBC3IQ.js';
-import { buttonVariants, Separator, Button, Input } from './chunk-WTLIXI2B.js';
+import { buttonVariants, Separator, Button, Input, Popover, PopoverTrigger, PopoverContent } from './chunk-WTLIXI2B.js';
 export { Button, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Separator, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, toggleVariants } from './chunk-WTLIXI2B.js';
 import { cn } from './chunk-WZ2GOU2J.js';
 export { cn } from './chunk-WZ2GOU2J.js';
-import { locales_exports } from './chunk-5SGT7Y7J.js';
+import { locales_exports } from './chunk-PWXJ2ONW.js';
 import './chunk-PZ5AY32C.js';
 import * as React9 from 'react';
-import { useState, useMemo, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDownIcon, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, CheckIcon, XIcon, SearchIcon, CircleIcon, MoreHorizontalIcon, ChevronUpIcon, PanelLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ArrowRightIcon, ArrowLeftIcon } from 'lucide-react';
+import { ChevronDownIcon, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, CheckIcon, XIcon, SearchIcon, CircleIcon, MoreHorizontalIcon, ChevronUpIcon, PanelLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, CircleAlert, EyeOff, Eye, ArrowRightIcon, ArrowLeftIcon, CalendarIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
@@ -24,7 +24,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
+import { FormProvider, Controller, useFormContext, useFormState, useForm } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
@@ -39,7 +39,9 @@ import { useTheme } from 'next-themes';
 import { Toaster as Toaster$1 } from 'sonner';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { useTranslation, initReactI18next, I18nextProvider } from 'react-i18next';
+import * as z from 'zod';
 import i18n from 'i18next';
 
 function Accordion({
@@ -3766,6 +3768,113 @@ function Textarea({ className, ...props }) {
     }
   );
 }
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Label3,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors?.length) {
+      return null;
+    }
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error?.message, error])).values()
+    ];
+    if (uniqueErrors?.length == 1) {
+      return uniqueErrors[0]?.message;
+    }
+    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
 var appleIconVariants = cva("shrink-0 transition-all", {
   variants: {
     variant: {
@@ -4060,6 +4169,10 @@ function MicrosoftIcon({
     }
   );
 }
+var createLoginFormSchema = (t) => z.object({
+  email: z.email(t("loginForm.errors.invalidEmail")),
+  password: z.string().min(1, t("loginForm.errors.passwordRequired"))
+});
 var providerIcons = {
   google: /* @__PURE__ */ jsx(GoogleIcon, { className: "size-4 p-0" }),
   github: /* @__PURE__ */ jsx(GithubIcon, { className: "size-4 p-0" }),
@@ -4077,15 +4190,33 @@ function LoginForm({
   showSignUp = true,
   title,
   description,
-  isLoading = false,
+  schema,
   className
 }) {
   const { t } = useTranslation("ui");
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    onSubmit?.(email, password);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const translatedSchema = createLoginFormSchema(t);
+  const resolvedSchema = schema ?? translatedSchema;
+  const form = useForm({
+    resolver: zodResolver(resolvedSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+  const handleFormSubmit = async (data) => {
+    try {
+      setError(null);
+      setIsLoading(true);
+      await onSubmit?.(data.email, data.password);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : String(err);
+      setError(errorMessage);
+    } finally {
+      setIsLoading(false);
+    }
   };
   const displayTitle = title ?? t("loginForm.title");
   const displayDescription = description ?? t("loginForm.description");
@@ -4094,50 +4225,82 @@ function LoginForm({
       /* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: displayTitle }),
       /* @__PURE__ */ jsx(CardDescription, { children: displayDescription })
     ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label3, { htmlFor: "login-email", children: t("loginForm.email") }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "login-email",
-            type: "email",
-            placeholder: t("loginForm.emailPlaceholder"),
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            required: true,
-            disabled: isLoading,
-            autoComplete: "email"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsx(Label3, { htmlFor: "login-password", children: t("loginForm.password") }),
-          showForgotPassword && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onForgotPassword,
-              className: "text-muted-foreground hover:text-primary ml-auto text-sm underline-offset-4 hover:underline",
-              disabled: isLoading,
-              children: t("loginForm.forgotPassword")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "login-password",
-            type: "password",
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            required: true,
-            disabled: isLoading,
-            autoComplete: "current-password"
-          }
-        )
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("form", { id: "login-form", onSubmit: form.handleSubmit(handleFormSubmit), children: /* @__PURE__ */ jsxs(FieldGroup, { className: "gap-6", children: [
+      error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx(CircleAlert, {}),
+        /* @__PURE__ */ jsx(AlertDescription, { children: error })
       ] }),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: "email",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "login-email", children: t("loginForm.email") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                ...field,
+                id: "login-email",
+                type: "email",
+                placeholder: t("loginForm.emailPlaceholder"),
+                disabled: isLoading,
+                autoComplete: "email",
+                "aria-invalid": fieldState.invalid
+              }
+            ),
+            fieldState.invalid && /* @__PURE__ */ jsx(FieldError, { errors: [fieldState.error] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name: "password",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "login-password", children: t("loginForm.password") }),
+              showForgotPassword && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onForgotPassword,
+                  className: "text-muted-foreground hover:text-primary ml-auto text-sm underline-offset-4 hover:underline",
+                  disabled: isLoading,
+                  children: t("loginForm.forgotPassword")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  ...field,
+                  id: "login-password",
+                  type: showPassword ? "text" : "password",
+                  disabled: isLoading,
+                  autoComplete: "current-password",
+                  "aria-invalid": fieldState.invalid,
+                  className: "pr-10"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowPassword(!showPassword),
+                  className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-3 -translate-y-1/2",
+                  disabled: isLoading,
+                  "aria-label": showPassword ? "Hide password" : "Show password",
+                  children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(Eye, { className: "size-4" })
+                }
+              )
+            ] }),
+            fieldState.invalid && /* @__PURE__ */ jsx(FieldError, { errors: [fieldState.error] })
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("loginForm.loggingIn") : t("loginForm.login") }),
       providers.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -4191,6 +4354,127 @@ function PreviousButton(props) {
     t("previous")
   ] });
 }
+function DateTimePicker({
+  value,
+  onChange,
+  label,
+  placeholder = "Select date and time",
+  showClear = true,
+  disabled = false,
+  className,
+  formatDateTime
+}) {
+  const [open, setOpen] = useState(false);
+  const [date, setDate] = useState(value);
+  const handleClear = () => {
+    setDate(void 0);
+    onChange?.(void 0);
+  };
+  const handleDateChange = (newDate) => {
+    if (!newDate) {
+      setDate(void 0);
+      onChange?.(void 0);
+      return;
+    }
+    let updatedDate = newDate;
+    if (date) {
+      updatedDate = new Date(newDate);
+      updatedDate.setHours(date.getHours());
+      updatedDate.setMinutes(date.getMinutes());
+      updatedDate.setSeconds(date.getSeconds());
+    }
+    setDate(updatedDate);
+    onChange?.(updatedDate);
+  };
+  const handleTimeChange = (event) => {
+    const timeValue = event.target.value;
+    if (!timeValue) return;
+    const [hours, minutes, seconds = "0"] = timeValue.split(":");
+    const updatedDate = date ? new Date(date) : /* @__PURE__ */ new Date();
+    updatedDate.setHours(parseInt(hours, 10));
+    updatedDate.setMinutes(parseInt(minutes, 10));
+    updatedDate.setSeconds(parseInt(seconds, 10));
+    setDate(updatedDate);
+    onChange?.(updatedDate);
+  };
+  const formatTimeValue = (date2) => {
+    if (!date2) return "";
+    const hours = date2.getHours().toString().padStart(2, "0");
+    const minutes = date2.getMinutes().toString().padStart(2, "0");
+    return `${hours}:${minutes}`;
+  };
+  const defaultFormatDateTime = (date2) => {
+    const dateStr = date2.toLocaleDateString();
+    const timeStr = date2.toLocaleTimeString(void 0, {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    return `${dateStr} ${timeStr}`;
+  };
+  useEffect(() => {
+    setDate(value);
+  }, [value]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    label && /* @__PURE__ */ jsx(Label3, { htmlFor: "datetime-picker", className: "px-1", children: label }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          id: "datetime-picker",
+          className: cn(
+            "w-full justify-start font-normal",
+            !date && "text-muted-foreground"
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4" }),
+            date ? formatDateTime ? formatDateTime(date) : defaultFormatDateTime(date) : placeholder,
+            showClear && date && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleClear();
+                },
+                className: "hover:bg-accent -mr-1 ml-auto rounded-sm p-1",
+                children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto p-0", align: "start", children: [
+        /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "single",
+            selected: date,
+            captionLayout: "dropdown",
+            onSelect: handleDateChange,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "border-t p-3", children: [
+          /* @__PURE__ */ jsx(Label3, { htmlFor: "time-input", className: "mb-2 block text-xs", children: "Time" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "time",
+              id: "time-input",
+              step: "60",
+              value: formatTimeValue(date),
+              onChange: handleTimeChange,
+              disabled,
+              className: "bg-background h-8 appearance-none [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
 function LocaleProvider({
   children,
   language,
@@ -4252,6 +4536,6 @@ function TranslationProvider({
   return /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18n2, children });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppleIcon, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FacebookIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GithubIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, Label3 as Label, LocaleProvider, LoginForm, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MicrosoftIcon, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NextButton, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PreviousButton, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, appleIconVariants, badgeVariants, buttonGroupVariants, facebookIconVariants, githubIconVariants, googleIconVariants, microsoftIconVariants, navigationMenuTriggerStyle, useFormField, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppleIcon, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FacebookIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GithubIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, Label3 as Label, LocaleProvider, LoginForm, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MicrosoftIcon, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NextButton, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PreviousButton, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, appleIconVariants, badgeVariants, buttonGroupVariants, facebookIconVariants, githubIconVariants, googleIconVariants, microsoftIconVariants, navigationMenuTriggerStyle, useFormField, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map