@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.
- package/dist/base.css +5 -0
- package/dist/chunk-5SGT7Y7J.js +172 -0
- package/dist/chunk-5SGT7Y7J.js.map +1 -0
- package/dist/chunk-RKE7ZPNV.cjs +180 -0
- package/dist/chunk-RKE7ZPNV.cjs.map +1 -0
- package/dist/code-editors/index.cjs +157 -0
- package/dist/code-editors/index.cjs.map +1 -0
- package/dist/code-editors/index.d.cts +46 -0
- package/dist/code-editors/index.d.ts +46 -0
- package/dist/code-editors/index.js +154 -0
- package/dist/code-editors/index.js.map +1 -0
- package/dist/index.cjs +426 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +66 -116
- package/dist/index.d.ts +66 -116
- package/dist/index.js +414 -27
- package/dist/index.js.map +1 -1
- package/dist/locales/index.cjs +7 -7
- package/dist/locales/index.d.cts +132 -6
- package/dist/locales/index.d.ts +132 -6
- package/dist/locales/index.js +1 -1
- package/dist/{rich-text-editor-MOJDWQTI.cjs → rich-text-editor/index.cjs} +5 -5
- package/dist/rich-text-editor/index.cjs.map +1 -0
- package/dist/rich-text-editor/index.d.cts +50 -0
- package/dist/rich-text-editor/index.d.ts +50 -0
- package/dist/{rich-text-editor-JUERRDHQ.js → rich-text-editor/index.js} +5 -5
- package/dist/rich-text-editor/index.js.map +1 -0
- package/package.json +11 -1
- package/dist/chunk-2ZWQNZEN.cjs +0 -63
- package/dist/chunk-2ZWQNZEN.cjs.map +0 -1
- package/dist/chunk-4H5OSMBC.js +0 -52
- package/dist/chunk-4H5OSMBC.js.map +0 -1
- package/dist/chunk-QV4CTFLS.cjs +0 -60
- package/dist/chunk-QV4CTFLS.cjs.map +0 -1
- package/dist/chunk-RZJFYAJW.js +0 -60
- package/dist/chunk-RZJFYAJW.js.map +0 -1
- package/dist/code-diff-editor-IT2RMVDC.js +0 -73
- package/dist/code-diff-editor-IT2RMVDC.js.map +0 -1
- package/dist/code-diff-editor-J24VGXHL.cjs +0 -75
- package/dist/code-diff-editor-J24VGXHL.cjs.map +0 -1
- package/dist/code-editor-DK64HVFQ.cjs +0 -84
- package/dist/code-editor-DK64HVFQ.cjs.map +0 -1
- package/dist/code-editor-EJIJXZLN.js +0 -82
- package/dist/code-editor-EJIJXZLN.js.map +0 -1
- package/dist/rich-text-editor-JUERRDHQ.js.map +0 -1
- 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
|
|
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
|
-
|
|
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
|
|
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,
|
|
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
|
|
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
|
-
|
|
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
|
|
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,
|
|
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 };
|