@melv1c/ui-kit 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/base.css +5 -0
  2. package/dist/chunk-5SGT7Y7J.js +172 -0
  3. package/dist/chunk-5SGT7Y7J.js.map +1 -0
  4. package/dist/chunk-RKE7ZPNV.cjs +180 -0
  5. package/dist/chunk-RKE7ZPNV.cjs.map +1 -0
  6. package/dist/code-editors/index.cjs +157 -0
  7. package/dist/code-editors/index.cjs.map +1 -0
  8. package/dist/code-editors/index.d.cts +46 -0
  9. package/dist/code-editors/index.d.ts +46 -0
  10. package/dist/code-editors/index.js +154 -0
  11. package/dist/code-editors/index.js.map +1 -0
  12. package/dist/index.cjs +426 -31
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.cts +66 -116
  15. package/dist/index.d.ts +66 -116
  16. package/dist/index.js +414 -27
  17. package/dist/index.js.map +1 -1
  18. package/dist/locales/index.cjs +7 -7
  19. package/dist/locales/index.d.cts +132 -6
  20. package/dist/locales/index.d.ts +132 -6
  21. package/dist/locales/index.js +1 -1
  22. package/dist/{rich-text-editor-MOJDWQTI.cjs → rich-text-editor/index.cjs} +5 -5
  23. package/dist/rich-text-editor/index.cjs.map +1 -0
  24. package/dist/rich-text-editor/index.d.cts +50 -0
  25. package/dist/rich-text-editor/index.d.ts +50 -0
  26. package/dist/{rich-text-editor-JUERRDHQ.js → rich-text-editor/index.js} +5 -5
  27. package/dist/rich-text-editor/index.js.map +1 -0
  28. package/package.json +11 -1
  29. package/dist/chunk-2ZWQNZEN.cjs +0 -63
  30. package/dist/chunk-2ZWQNZEN.cjs.map +0 -1
  31. package/dist/chunk-4H5OSMBC.js +0 -52
  32. package/dist/chunk-4H5OSMBC.js.map +0 -1
  33. package/dist/chunk-QV4CTFLS.cjs +0 -60
  34. package/dist/chunk-QV4CTFLS.cjs.map +0 -1
  35. package/dist/chunk-RZJFYAJW.js +0 -60
  36. package/dist/chunk-RZJFYAJW.js.map +0 -1
  37. package/dist/code-diff-editor-IT2RMVDC.js +0 -73
  38. package/dist/code-diff-editor-IT2RMVDC.js.map +0 -1
  39. package/dist/code-diff-editor-J24VGXHL.cjs +0 -75
  40. package/dist/code-diff-editor-J24VGXHL.cjs.map +0 -1
  41. package/dist/code-editor-DK64HVFQ.cjs +0 -84
  42. package/dist/code-editor-DK64HVFQ.cjs.map +0 -1
  43. package/dist/code-editor-EJIJXZLN.js +0 -82
  44. package/dist/code-editor-EJIJXZLN.js.map +0 -1
  45. package/dist/rich-text-editor-JUERRDHQ.js.map +0 -1
  46. package/dist/rich-text-editor-MOJDWQTI.cjs.map +0 -1
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
- import { ComponentProps, ReactNode, HTMLAttributes } from 'react';
3
+ import { ComponentProps, ReactNode } from 'react';
4
4
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
5
5
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
6
  import { VariantProps } from 'class-variance-authority';
@@ -36,8 +36,6 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
36
36
  import * as TogglePrimitive from '@radix-ui/react-toggle';
37
37
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
38
38
  import { i18n } from 'i18next';
39
- import { Monaco } from '@monaco-editor/react';
40
- import { editor } from 'monaco-editor';
41
39
  import { ClassValue } from 'clsx';
42
40
 
43
41
  declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -439,14 +437,76 @@ declare function ToggleGroup({ className, variant, size, spacing, children, ...p
439
437
  }): react_jsx_runtime.JSX.Element;
440
438
  declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
441
439
 
440
+ type LoginProvider = "google" | "github" | "apple" | "microsoft" | "facebook";
441
+ interface LoginFormProps {
442
+ /** Callback when form is submitted with email and password */
443
+ onSubmit?: (email: string, password: string) => void;
444
+ /** Callback when a social provider login button is clicked */
445
+ onProviderLogin?: (provider: LoginProvider) => void;
446
+ /** Callback when forgot password link is clicked */
447
+ onForgotPassword?: () => void;
448
+ /** Callback when sign up link is clicked */
449
+ onSignUp?: () => void;
450
+ /** Social login providers to display */
451
+ providers?: LoginProvider[];
452
+ /** Show the forgot password link */
453
+ showForgotPassword?: boolean;
454
+ /** Show the sign up link */
455
+ showSignUp?: boolean;
456
+ /** Custom title for the login form */
457
+ title?: string;
458
+ /** Custom description for the login form */
459
+ description?: string;
460
+ /** Loading state for the submit button */
461
+ isLoading?: boolean;
462
+ /** Additional class name for the card container */
463
+ className?: string;
464
+ }
465
+ declare function LoginForm({ onSubmit, onProviderLogin, onForgotPassword, onSignUp, providers, showForgotPassword, showSignUp, title, description, isLoading, className, }: LoginFormProps): react_jsx_runtime.JSX.Element;
466
+
442
467
  declare function NextButton(props: Omit<ComponentProps<typeof Button>, "children">): react_jsx_runtime.JSX.Element;
443
468
  declare function PreviousButton(props: Omit<ComponentProps<typeof Button>, "children">): react_jsx_runtime.JSX.Element;
444
469
 
445
- type SupportedLanguage$1 = "en" | "fr" | "nl" | "es" | "de" | "it";
470
+ declare const appleIconVariants: (props?: ({
471
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
472
+ shape?: "default" | "square" | "rounded" | null | undefined;
473
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
474
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
475
+ declare function AppleIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof appleIconVariants>): react_jsx_runtime.JSX.Element;
476
+
477
+ declare const facebookIconVariants: (props?: ({
478
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
479
+ shape?: "default" | "square" | "rounded" | null | undefined;
480
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
481
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
482
+ declare function FacebookIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof facebookIconVariants>): react_jsx_runtime.JSX.Element;
483
+
484
+ declare const githubIconVariants: (props?: ({
485
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
486
+ shape?: "default" | "square" | "rounded" | null | undefined;
487
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
488
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
489
+ declare function GithubIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof githubIconVariants>): react_jsx_runtime.JSX.Element;
490
+
491
+ declare const googleIconVariants: (props?: ({
492
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
493
+ shape?: "default" | "square" | "rounded" | null | undefined;
494
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
495
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
496
+ declare function GoogleIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof googleIconVariants>): react_jsx_runtime.JSX.Element;
497
+
498
+ declare const microsoftIconVariants: (props?: ({
499
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
500
+ shape?: "default" | "square" | "rounded" | null | undefined;
501
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
502
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
503
+ declare function MicrosoftIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof microsoftIconVariants>): react_jsx_runtime.JSX.Element;
504
+
505
+ type SupportedLanguage = "en" | "fr" | "nl" | "es" | "de" | "it";
446
506
  interface LocaleProviderProps {
447
507
  children: ReactNode;
448
508
  /** The language to use for UI kit translations. */
449
- language: SupportedLanguage$1;
509
+ language: SupportedLanguage;
450
510
  /** Override specific translations for the selected language. */
451
511
  overrides?: Record<string, string>;
452
512
  }
@@ -508,116 +568,6 @@ interface TranslationProviderProps {
508
568
  */
509
569
  declare function TranslationProvider({ i18n, children, fallback, overrides, }: TranslationProviderProps): react_jsx_runtime.JSX.Element;
510
570
 
511
- type SupportedLanguage = "javascript" | "typescript" | "json" | "html" | "css" | "markdown" | "python" | "sql" | "xml" | "yaml" | "plaintext";
512
- type EditorTheme = "light" | "vs-dark" | "qualifio";
513
-
514
- declare const codeEditorVariants: (props?: ({
515
- variant?: "default" | "ghost" | "card" | null | undefined;
516
- size?: "default" | "sm" | "lg" | null | undefined;
517
- } & class_variance_authority_types.ClassProp) | undefined) => string;
518
-
519
- interface DiffEditorProps extends VariantProps<typeof codeEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
520
- original?: string;
521
- modified?: string;
522
- language: SupportedLanguage;
523
- theme?: EditorTheme;
524
- readOnly?: boolean;
525
- disabled?: boolean;
526
- onMount?: (editor: editor.IStandaloneDiffEditor, monaco: Monaco) => void;
527
- options?: editor.IDiffEditorConstructionOptions;
528
- }
529
- declare function CodeDiffEditor({ original, modified, language, theme, readOnly, disabled, className, variant, size, onMount, options, ...props }: DiffEditorProps): react_jsx_runtime.JSX.Element;
530
-
531
- interface CodeEditorProps$1 extends VariantProps<typeof codeEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
532
- value?: string;
533
- defaultValue?: string;
534
- language: SupportedLanguage;
535
- theme?: EditorTheme;
536
- readOnly?: boolean;
537
- disabled?: boolean;
538
- lineNumbers?: boolean;
539
- wordWrap?: boolean;
540
- minimap?: boolean;
541
- onChange?: (value: string | undefined) => void;
542
- onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
543
- onValidate?: (markers: editor.IMarker[]) => void;
544
- options?: editor.IStandaloneEditorConstructionOptions;
545
- }
546
- declare function CodeEditor({ value, defaultValue, language, theme, readOnly, disabled, lineNumbers, wordWrap, minimap, className, variant, size, onChange, onMount, onValidate, options, ...props }: CodeEditorProps$1): react_jsx_runtime.JSX.Element;
547
-
548
- declare const CodeEditorInternal: React$1.LazyExoticComponent<typeof CodeEditor>;
549
- declare const CodeDiffEditorInternal: React$1.LazyExoticComponent<typeof CodeDiffEditor>;
550
- type CodeEditorProps = ComponentProps<typeof CodeEditorInternal>;
551
- type CodeDiffEditorProps = ComponentProps<typeof CodeDiffEditorInternal>;
552
- /**
553
- * Lazy-loaded Code Editor component.
554
- * Monaco Editor is only loaded when this component is rendered.
555
- *
556
- * @requires @monaco-editor/react and monaco-editor as peer dependencies
557
- */
558
- declare function LazyCodeEditor(props: CodeEditorProps): react_jsx_runtime.JSX.Element;
559
- /**
560
- * Lazy-loaded Code Diff Editor component.
561
- * Monaco Editor is only loaded when this component is rendered.
562
- *
563
- * @requires @monaco-editor/react and monaco-editor as peer dependencies
564
- */
565
- declare function LazyCodeDiffEditor(props: CodeDiffEditorProps): react_jsx_runtime.JSX.Element;
566
-
567
- declare const richTextEditorVariants: (props?: ({
568
- variant?: "default" | "ghost" | "card" | null | undefined;
569
- size?: "default" | "sm" | "lg" | null | undefined;
570
- } & class_variance_authority_types.ClassProp) | undefined) => string;
571
-
572
- type EditorOutput = "html" | "json" | "text";
573
- /**
574
- * Configuration options to enable/disable toolbar features.
575
- * All options default to `true` if not specified.
576
- */
577
- interface ToolbarOptions {
578
- /** Enable heading buttons (H1, H2, H3) */
579
- headings?: boolean;
580
- /** Enable bold formatting */
581
- bold?: boolean;
582
- /** Enable italic formatting */
583
- italic?: boolean;
584
- /** Enable underline formatting */
585
- underline?: boolean;
586
- /** Enable strikethrough formatting */
587
- strikethrough?: boolean;
588
- /** Enable bullet list */
589
- bulletList?: boolean;
590
- /** Enable ordered list */
591
- orderedList?: boolean;
592
- /** Enable link insertion */
593
- link?: boolean;
594
- }
595
- interface RichTextEditorProps$1 extends VariantProps<typeof richTextEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
596
- value: string;
597
- onChange: (value: string) => void;
598
- placeholder?: string;
599
- readOnly?: boolean;
600
- disabled?: boolean;
601
- /** Allow multiline content (default: true). When false, Enter key is disabled. */
602
- multiline?: boolean;
603
- contentClassName?: string;
604
- toolbarClassName?: string;
605
- /** Configure which toolbar options are enabled. All enabled by default. */
606
- toolbarOptions?: ToolbarOptions;
607
- }
608
-
609
- declare function RichTextEditor({ value, onChange, placeholder, readOnly, disabled, multiline, className, variant, size, contentClassName, toolbarClassName, toolbarOptions, ...props }: RichTextEditorProps$1): react_jsx_runtime.JSX.Element;
610
-
611
- declare const RichTextEditorInternal: React$1.LazyExoticComponent<typeof RichTextEditor>;
612
- type RichTextEditorProps = ComponentProps<typeof RichTextEditorInternal>;
613
- /**
614
- * Lazy-loaded Rich Text Editor component.
615
- * Tiptap is only loaded when this component is rendered.
616
- *
617
- * @requires @tiptap/react, @tiptap/starter-kit, and related tiptap extensions as peer dependencies
618
- */
619
- declare function LazyRichTextEditor(props: RichTextEditorProps): react_jsx_runtime.JSX.Element;
620
-
621
571
  declare function cn(...inputs: ClassValue[]): string;
622
572
 
623
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, LazyCodeDiffEditor as CodeDiffEditor, type CodeDiffEditorProps, LazyCodeEditor as CodeEditor, type CodeEditorProps, Collapsible, CollapsibleContent, 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, type EditorOutput, type SupportedLanguage as EditorSupportedLanguage, type EditorTheme, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, LocaleProvider, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NextButton, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviousButton, Progress, RadioGroup, RadioGroupItem, LazyRichTextEditor as RichTextEditor, type RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, 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, Skeleton, Slider, type SupportedLanguage$1 as SupportedLanguage, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolbarOptions, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useSidebar };
573
+ 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, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, 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, Input, Label, LocaleProvider, LoginForm, type LoginFormProps, type LoginProvider, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviousButton, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, 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, Skeleton, Slider, type SupportedLanguage, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, appleIconVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, facebookIconVariants, githubIconVariants, googleIconVariants, microsoftIconVariants, navigationMenuTriggerStyle, toggleVariants, useFormField, useSidebar };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
- import { ComponentProps, ReactNode, HTMLAttributes } from 'react';
3
+ import { ComponentProps, ReactNode } from 'react';
4
4
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
5
5
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
6
  import { VariantProps } from 'class-variance-authority';
@@ -36,8 +36,6 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
36
36
  import * as TogglePrimitive from '@radix-ui/react-toggle';
37
37
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
38
38
  import { i18n } from 'i18next';
39
- import { Monaco } from '@monaco-editor/react';
40
- import { editor } from 'monaco-editor';
41
39
  import { ClassValue } from 'clsx';
42
40
 
43
41
  declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -439,14 +437,76 @@ declare function ToggleGroup({ className, variant, size, spacing, children, ...p
439
437
  }): react_jsx_runtime.JSX.Element;
440
438
  declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
441
439
 
440
+ type LoginProvider = "google" | "github" | "apple" | "microsoft" | "facebook";
441
+ interface LoginFormProps {
442
+ /** Callback when form is submitted with email and password */
443
+ onSubmit?: (email: string, password: string) => void;
444
+ /** Callback when a social provider login button is clicked */
445
+ onProviderLogin?: (provider: LoginProvider) => void;
446
+ /** Callback when forgot password link is clicked */
447
+ onForgotPassword?: () => void;
448
+ /** Callback when sign up link is clicked */
449
+ onSignUp?: () => void;
450
+ /** Social login providers to display */
451
+ providers?: LoginProvider[];
452
+ /** Show the forgot password link */
453
+ showForgotPassword?: boolean;
454
+ /** Show the sign up link */
455
+ showSignUp?: boolean;
456
+ /** Custom title for the login form */
457
+ title?: string;
458
+ /** Custom description for the login form */
459
+ description?: string;
460
+ /** Loading state for the submit button */
461
+ isLoading?: boolean;
462
+ /** Additional class name for the card container */
463
+ className?: string;
464
+ }
465
+ declare function LoginForm({ onSubmit, onProviderLogin, onForgotPassword, onSignUp, providers, showForgotPassword, showSignUp, title, description, isLoading, className, }: LoginFormProps): react_jsx_runtime.JSX.Element;
466
+
442
467
  declare function NextButton(props: Omit<ComponentProps<typeof Button>, "children">): react_jsx_runtime.JSX.Element;
443
468
  declare function PreviousButton(props: Omit<ComponentProps<typeof Button>, "children">): react_jsx_runtime.JSX.Element;
444
469
 
445
- type SupportedLanguage$1 = "en" | "fr" | "nl" | "es" | "de" | "it";
470
+ declare const appleIconVariants: (props?: ({
471
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
472
+ shape?: "default" | "square" | "rounded" | null | undefined;
473
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
474
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
475
+ declare function AppleIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof appleIconVariants>): react_jsx_runtime.JSX.Element;
476
+
477
+ declare const facebookIconVariants: (props?: ({
478
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
479
+ shape?: "default" | "square" | "rounded" | null | undefined;
480
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
481
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
482
+ declare function FacebookIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof facebookIconVariants>): react_jsx_runtime.JSX.Element;
483
+
484
+ declare const githubIconVariants: (props?: ({
485
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
486
+ shape?: "default" | "square" | "rounded" | null | undefined;
487
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
488
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
489
+ declare function GithubIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof githubIconVariants>): react_jsx_runtime.JSX.Element;
490
+
491
+ declare const googleIconVariants: (props?: ({
492
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
493
+ shape?: "default" | "square" | "rounded" | null | undefined;
494
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
495
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
496
+ declare function GoogleIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof googleIconVariants>): react_jsx_runtime.JSX.Element;
497
+
498
+ declare const microsoftIconVariants: (props?: ({
499
+ variant?: "default" | "transparent" | "dark" | "light" | null | undefined;
500
+ shape?: "default" | "square" | "rounded" | null | undefined;
501
+ size?: "default" | "sm" | "lg" | "xl" | null | undefined;
502
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
503
+ declare function MicrosoftIcon({ className, variant, shape, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof microsoftIconVariants>): react_jsx_runtime.JSX.Element;
504
+
505
+ type SupportedLanguage = "en" | "fr" | "nl" | "es" | "de" | "it";
446
506
  interface LocaleProviderProps {
447
507
  children: ReactNode;
448
508
  /** The language to use for UI kit translations. */
449
- language: SupportedLanguage$1;
509
+ language: SupportedLanguage;
450
510
  /** Override specific translations for the selected language. */
451
511
  overrides?: Record<string, string>;
452
512
  }
@@ -508,116 +568,6 @@ interface TranslationProviderProps {
508
568
  */
509
569
  declare function TranslationProvider({ i18n, children, fallback, overrides, }: TranslationProviderProps): react_jsx_runtime.JSX.Element;
510
570
 
511
- type SupportedLanguage = "javascript" | "typescript" | "json" | "html" | "css" | "markdown" | "python" | "sql" | "xml" | "yaml" | "plaintext";
512
- type EditorTheme = "light" | "vs-dark" | "qualifio";
513
-
514
- declare const codeEditorVariants: (props?: ({
515
- variant?: "default" | "ghost" | "card" | null | undefined;
516
- size?: "default" | "sm" | "lg" | null | undefined;
517
- } & class_variance_authority_types.ClassProp) | undefined) => string;
518
-
519
- interface DiffEditorProps extends VariantProps<typeof codeEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
520
- original?: string;
521
- modified?: string;
522
- language: SupportedLanguage;
523
- theme?: EditorTheme;
524
- readOnly?: boolean;
525
- disabled?: boolean;
526
- onMount?: (editor: editor.IStandaloneDiffEditor, monaco: Monaco) => void;
527
- options?: editor.IDiffEditorConstructionOptions;
528
- }
529
- declare function CodeDiffEditor({ original, modified, language, theme, readOnly, disabled, className, variant, size, onMount, options, ...props }: DiffEditorProps): react_jsx_runtime.JSX.Element;
530
-
531
- interface CodeEditorProps$1 extends VariantProps<typeof codeEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
532
- value?: string;
533
- defaultValue?: string;
534
- language: SupportedLanguage;
535
- theme?: EditorTheme;
536
- readOnly?: boolean;
537
- disabled?: boolean;
538
- lineNumbers?: boolean;
539
- wordWrap?: boolean;
540
- minimap?: boolean;
541
- onChange?: (value: string | undefined) => void;
542
- onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
543
- onValidate?: (markers: editor.IMarker[]) => void;
544
- options?: editor.IStandaloneEditorConstructionOptions;
545
- }
546
- declare function CodeEditor({ value, defaultValue, language, theme, readOnly, disabled, lineNumbers, wordWrap, minimap, className, variant, size, onChange, onMount, onValidate, options, ...props }: CodeEditorProps$1): react_jsx_runtime.JSX.Element;
547
-
548
- declare const CodeEditorInternal: React$1.LazyExoticComponent<typeof CodeEditor>;
549
- declare const CodeDiffEditorInternal: React$1.LazyExoticComponent<typeof CodeDiffEditor>;
550
- type CodeEditorProps = ComponentProps<typeof CodeEditorInternal>;
551
- type CodeDiffEditorProps = ComponentProps<typeof CodeDiffEditorInternal>;
552
- /**
553
- * Lazy-loaded Code Editor component.
554
- * Monaco Editor is only loaded when this component is rendered.
555
- *
556
- * @requires @monaco-editor/react and monaco-editor as peer dependencies
557
- */
558
- declare function LazyCodeEditor(props: CodeEditorProps): react_jsx_runtime.JSX.Element;
559
- /**
560
- * Lazy-loaded Code Diff Editor component.
561
- * Monaco Editor is only loaded when this component is rendered.
562
- *
563
- * @requires @monaco-editor/react and monaco-editor as peer dependencies
564
- */
565
- declare function LazyCodeDiffEditor(props: CodeDiffEditorProps): react_jsx_runtime.JSX.Element;
566
-
567
- declare const richTextEditorVariants: (props?: ({
568
- variant?: "default" | "ghost" | "card" | null | undefined;
569
- size?: "default" | "sm" | "lg" | null | undefined;
570
- } & class_variance_authority_types.ClassProp) | undefined) => string;
571
-
572
- type EditorOutput = "html" | "json" | "text";
573
- /**
574
- * Configuration options to enable/disable toolbar features.
575
- * All options default to `true` if not specified.
576
- */
577
- interface ToolbarOptions {
578
- /** Enable heading buttons (H1, H2, H3) */
579
- headings?: boolean;
580
- /** Enable bold formatting */
581
- bold?: boolean;
582
- /** Enable italic formatting */
583
- italic?: boolean;
584
- /** Enable underline formatting */
585
- underline?: boolean;
586
- /** Enable strikethrough formatting */
587
- strikethrough?: boolean;
588
- /** Enable bullet list */
589
- bulletList?: boolean;
590
- /** Enable ordered list */
591
- orderedList?: boolean;
592
- /** Enable link insertion */
593
- link?: boolean;
594
- }
595
- interface RichTextEditorProps$1 extends VariantProps<typeof richTextEditorVariants>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
596
- value: string;
597
- onChange: (value: string) => void;
598
- placeholder?: string;
599
- readOnly?: boolean;
600
- disabled?: boolean;
601
- /** Allow multiline content (default: true). When false, Enter key is disabled. */
602
- multiline?: boolean;
603
- contentClassName?: string;
604
- toolbarClassName?: string;
605
- /** Configure which toolbar options are enabled. All enabled by default. */
606
- toolbarOptions?: ToolbarOptions;
607
- }
608
-
609
- declare function RichTextEditor({ value, onChange, placeholder, readOnly, disabled, multiline, className, variant, size, contentClassName, toolbarClassName, toolbarOptions, ...props }: RichTextEditorProps$1): react_jsx_runtime.JSX.Element;
610
-
611
- declare const RichTextEditorInternal: React$1.LazyExoticComponent<typeof RichTextEditor>;
612
- type RichTextEditorProps = ComponentProps<typeof RichTextEditorInternal>;
613
- /**
614
- * Lazy-loaded Rich Text Editor component.
615
- * Tiptap is only loaded when this component is rendered.
616
- *
617
- * @requires @tiptap/react, @tiptap/starter-kit, and related tiptap extensions as peer dependencies
618
- */
619
- declare function LazyRichTextEditor(props: RichTextEditorProps): react_jsx_runtime.JSX.Element;
620
-
621
571
  declare function cn(...inputs: ClassValue[]): string;
622
572
 
623
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, LazyCodeDiffEditor as CodeDiffEditor, type CodeDiffEditorProps, LazyCodeEditor as CodeEditor, type CodeEditorProps, Collapsible, CollapsibleContent, 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, type EditorOutput, type SupportedLanguage as EditorSupportedLanguage, type EditorTheme, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, LocaleProvider, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NextButton, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviousButton, Progress, RadioGroup, RadioGroupItem, LazyRichTextEditor as RichTextEditor, type RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, 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, Skeleton, Slider, type SupportedLanguage$1 as SupportedLanguage, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolbarOptions, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useSidebar };
573
+ 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, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, 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, Input, Label, LocaleProvider, LoginForm, type LoginFormProps, type LoginProvider, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviousButton, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, 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, Skeleton, Slider, type SupportedLanguage, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, appleIconVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, facebookIconVariants, githubIconVariants, googleIconVariants, microsoftIconVariants, navigationMenuTriggerStyle, toggleVariants, useFormField, useSidebar };