@me1a/ui 2.2.6 → 2.2.8
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/dnd-input/index.d.mts +49 -0
- package/dist/dnd-input/index.mjs +2 -0
- package/dist/dnd-input/index.mjs.map +1 -0
- package/dist/index.d.mts +47 -1
- package/dist/index.mjs +3 -0
- package/dist/index.mjs.map +1 -1
- package/dist/rhf-dnd-input/index.d.mts +87 -0
- package/dist/rhf-dnd-input/index.mjs +2 -0
- package/dist/rhf-dnd-input/index.mjs.map +1 -0
- package/dist/scroll-area/index.d.mts +32 -0
- package/dist/scroll-area/index.mjs +2 -0
- package/dist/scroll-area/index.mjs.map +1 -0
- package/package.json +15 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropzoneOptions } from 'react-dropzone';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Props interface for the DndInput component.
|
|
6
|
+
* Extends react-dropzone's DropzoneOptions to provide file drag-and-drop functionality.
|
|
7
|
+
*
|
|
8
|
+
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <DndInput
|
|
13
|
+
* onDrop={(acceptedFiles) => console.log(acceptedFiles)}
|
|
14
|
+
* accept={{ 'image/*': ['.png', '.jpg'] }}
|
|
15
|
+
* >
|
|
16
|
+
* <CustomUploadContent />
|
|
17
|
+
* </DndInput>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
interface DndInputProps extends DropzoneOptions {
|
|
21
|
+
/** Additional CSS class name for styling the dropzone container */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Custom content to render inside the dropzone. If not provided, a default upload UI will be shown */
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* DndInput is a drag-and-drop file upload component built on top of react-dropzone.
|
|
29
|
+
* It provides a customizable dropzone area for file uploads with visual feedback for drag states.
|
|
30
|
+
*
|
|
31
|
+
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* // Basic usage with default UI
|
|
36
|
+
* <DndInput onDrop={(files) => handleFiles(files)} />
|
|
37
|
+
*
|
|
38
|
+
* // Custom content with file type restrictions
|
|
39
|
+
* <DndInput
|
|
40
|
+
* accept={{ 'image/*': ['.png', '.jpg'] }}
|
|
41
|
+
* onDrop={(files) => handleFiles(files)}
|
|
42
|
+
* >
|
|
43
|
+
* <div>Custom upload UI</div>
|
|
44
|
+
* </DndInput>
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
declare const DndInput: React.FC<DndInputProps>;
|
|
48
|
+
|
|
49
|
+
export { DndInput };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{useDropzone as f}from"react-dropzone";import{clsx as m}from"clsx";import{twMerge as c}from"tailwind-merge";function t(...r){return c(m(r))}import{UploadIcon as b}from"lucide-react";import{Fragment as x,jsx as e,jsxs as o}from"react/jsx-runtime";var g=o(x,{children:[e(b,{className:"text-blue-600 mr-2","aria-hidden":"true"}),o("span",{children:[e("span",{className:"underline",children:"Upload"})," or drop a file right here"]}),e("span",{className:"ml-auto text-gray-400 text-sm",children:"all file types"})]}),F=({onDrop:r,accept:n,className:a,children:s,...p})=>{let{getRootProps:l,getInputProps:i,isDragActive:d,isFocused:u}=f({onDrop:r,accept:n,...p});return o("div",{...l({className:t("flex items-center border-2 border-dashed border-blue-500 rounded-lg p-4 cursor-pointer transition-colors",a,d?"bg-blue-50 border-blue-700":"",u?"ring-2 ring-blue-400":""),"aria-label":"File upload area",tabIndex:0,role:"button"}),"data-testid":"dnd-input",children:[e("input",{...i()}),s||g]})};export{F as DndInput};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/atoms/dnd-input/dnd-input.tsx","../../src/utils/cn.ts"],"sourcesContent":["\"use client\";\n\"use client\"\n\nimport React from \"react\"\nimport { useDropzone } from \"react-dropzone\"\nimport { cn } from \"@/utils\"\nimport { UploadIcon } from \"lucide-react\" // or your icon\n\nimport type { DndInputProps } from \"./dnd-input.types\"\n\n/**\n * Default content shown when no children are provided to the DndInput component.\n * Displays an upload icon, text prompt, and file type information.\n */\nconst defaultContent = (\n <>\n <UploadIcon className=\"text-blue-600 mr-2\" aria-hidden=\"true\" />\n <span>\n <span className=\"underline\">Upload</span> or drop a file right here\n </span>\n <span className=\"ml-auto text-gray-400 text-sm\">all file types</span>\n </>\n)\n\n/**\n * DndInput is a drag-and-drop file upload component built on top of react-dropzone.\n * It provides a customizable dropzone area for file uploads with visual feedback for drag states.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs\n *\n * @example\n * ```tsx\n * // Basic usage with default UI\n * <DndInput onDrop={(files) => handleFiles(files)} />\n *\n * // Custom content with file type restrictions\n * <DndInput\n * accept={{ 'image/*': ['.png', '.jpg'] }}\n * onDrop={(files) => handleFiles(files)}\n * >\n * <div>Custom upload UI</div>\n * </DndInput>\n * ```\n */\nexport const DndInput: React.FC<DndInputProps> = ({\n onDrop,\n accept,\n className,\n children,\n ...props\n}) => {\n // Initialize dropzone functionality with provided options\n const { getRootProps, getInputProps, isDragActive, isFocused } = useDropzone({\n onDrop,\n accept,\n ...props\n })\n\n return (\n <div\n {...getRootProps({\n className: cn(\n // Base styles for the dropzone container\n \"flex items-center border-2 border-dashed border-blue-500 rounded-lg p-4 cursor-pointer transition-colors\",\n // Custom className prop for additional styling\n className,\n // Visual feedback for drag state\n isDragActive ? \"bg-blue-50 border-blue-700\" : \"\",\n // Visual feedback for focus state\n isFocused ? \"ring-2 ring-blue-400\" : \"\"\n ),\n \"aria-label\": \"File upload area\",\n tabIndex: 0,\n role: \"button\"\n })}\n data-testid=\"dnd-input\"\n >\n <input {...getInputProps()} />\n {children || defaultContent}\n </div>\n )\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"AAIA,OAAS,eAAAA,MAAmB,iBCJ5B,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDCA,OAAS,cAAAC,MAAkB,eASzB,mBAAAC,EACE,OAAAC,EACA,QAAAC,MAFF,oBADF,IAAMC,EACJD,EAAAF,EAAA,CACE,UAAAC,EAACF,EAAA,CAAW,UAAU,qBAAqB,cAAY,OAAO,EAC9DG,EAAC,QACC,UAAAD,EAAC,QAAK,UAAU,YAAY,kBAAM,EAAO,8BAC3C,EACAA,EAAC,QAAK,UAAU,gCAAgC,0BAAc,GAChE,EAuBWG,EAAoC,CAAC,CAChD,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CAEJ,GAAM,CAAE,aAAAC,EAAc,cAAAC,EAAe,aAAAC,EAAc,UAAAC,CAAU,EAAIC,EAAY,CAC3E,OAAAT,EACA,OAAAC,EACA,GAAGG,CACL,CAAC,EAED,OACEP,EAAC,OACE,GAAGQ,EAAa,CACf,UAAWK,EAET,2GAEAR,EAEAK,EAAe,6BAA+B,GAE9CC,EAAY,uBAAyB,EACvC,EACA,aAAc,mBACd,SAAU,EACV,KAAM,QACR,CAAC,EACD,cAAY,YAEZ,UAAAZ,EAAC,SAAO,GAAGU,EAAc,EAAG,EAC3BH,GAAYL,GACf,CAEJ","names":["useDropzone","clsx","twMerge","cn","inputs","UploadIcon","Fragment","jsx","jsxs","defaultContent","DndInput","onDrop","accept","className","children","props","getRootProps","getInputProps","isDragActive","isFocused","useDropzone","cn"]}
|
package/dist/index.d.mts
CHANGED
|
@@ -17,6 +17,7 @@ import { Command as Command$1 } from 'cmdk';
|
|
|
17
17
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
18
18
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
19
19
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
20
|
+
import { DropzoneOptions } from 'react-dropzone';
|
|
20
21
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
21
22
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
22
23
|
import * as vaul from 'vaul';
|
|
@@ -1244,6 +1245,51 @@ declare const BreadcrumbEllipsis: {
|
|
|
1244
1245
|
displayName: string;
|
|
1245
1246
|
};
|
|
1246
1247
|
|
|
1248
|
+
/**
|
|
1249
|
+
* Props interface for the DndInput component.
|
|
1250
|
+
* Extends react-dropzone's DropzoneOptions to provide file drag-and-drop functionality.
|
|
1251
|
+
*
|
|
1252
|
+
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs
|
|
1253
|
+
*
|
|
1254
|
+
* @example
|
|
1255
|
+
* ```tsx
|
|
1256
|
+
* <DndInput
|
|
1257
|
+
* onDrop={(acceptedFiles) => console.log(acceptedFiles)}
|
|
1258
|
+
* accept={{ 'image/*': ['.png', '.jpg'] }}
|
|
1259
|
+
* >
|
|
1260
|
+
* <CustomUploadContent />
|
|
1261
|
+
* </DndInput>
|
|
1262
|
+
* ```
|
|
1263
|
+
*/
|
|
1264
|
+
interface DndInputProps extends DropzoneOptions {
|
|
1265
|
+
/** Additional CSS class name for styling the dropzone container */
|
|
1266
|
+
className?: string;
|
|
1267
|
+
/** Custom content to render inside the dropzone. If not provided, a default upload UI will be shown */
|
|
1268
|
+
children?: React__default.ReactNode;
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
/**
|
|
1272
|
+
* DndInput is a drag-and-drop file upload component built on top of react-dropzone.
|
|
1273
|
+
* It provides a customizable dropzone area for file uploads with visual feedback for drag states.
|
|
1274
|
+
*
|
|
1275
|
+
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-dnd-input--docs
|
|
1276
|
+
*
|
|
1277
|
+
* @example
|
|
1278
|
+
* ```tsx
|
|
1279
|
+
* // Basic usage with default UI
|
|
1280
|
+
* <DndInput onDrop={(files) => handleFiles(files)} />
|
|
1281
|
+
*
|
|
1282
|
+
* // Custom content with file type restrictions
|
|
1283
|
+
* <DndInput
|
|
1284
|
+
* accept={{ 'image/*': ['.png', '.jpg'] }}
|
|
1285
|
+
* onDrop={(files) => handleFiles(files)}
|
|
1286
|
+
* >
|
|
1287
|
+
* <div>Custom upload UI</div>
|
|
1288
|
+
* </DndInput>
|
|
1289
|
+
* ```
|
|
1290
|
+
*/
|
|
1291
|
+
declare const DndInput: React__default.FC<DndInputProps>;
|
|
1292
|
+
|
|
1247
1293
|
/**
|
|
1248
1294
|
* Props interface for the Card component.
|
|
1249
1295
|
* Extends the native div HTML attributes and adds support for custom styling.
|
|
@@ -2736,4 +2782,4 @@ declare function useToast(): {
|
|
|
2736
2782
|
|
|
2737
2783
|
declare function cn(...inputs: ClassValue[]): string;
|
|
2738
2784
|
|
|
2739
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandEmptyRef, CommandGroup, type CommandGroupProps, type CommandGroupRef, CommandInput, type CommandInputProps, type CommandInputRef, CommandItem, type CommandItemProps, type CommandItemRef, CommandList, type CommandListProps, type CommandListRef, type CommandProps, type CommandRef, CommandSeparator, type CommandSeparatorProps, type CommandSeparatorRef, CommandShortcut, type CommandShortcutProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, Label, type LabelProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, PageLoader, type PageLoaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, RHFCheckbox, RHFMultiSelect, RHFRadioButtonGroup, type RHFRadioButtonGroupOption, type RHFRadioButtonGroupProps, RHFRadioGroup, RHFSelect, type RHFSelectOption, type RHFSelectProps, RHFSwitch, RHFTextField, RHFTextarea, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioItemContainer, RadioItemLabel, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, reducer, sidebarMenuButtonVariants, toast, typographyVariants, useFormField, useIsMobile, useSidebar, useToast };
|
|
2785
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandEmptyRef, CommandGroup, type CommandGroupProps, type CommandGroupRef, CommandInput, type CommandInputProps, type CommandInputRef, CommandItem, type CommandItemProps, type CommandItemRef, CommandList, type CommandListProps, type CommandListRef, type CommandProps, type CommandRef, CommandSeparator, type CommandSeparatorProps, type CommandSeparatorRef, CommandShortcut, type CommandShortcutProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DndInput, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, Label, type LabelProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, PageLoader, type PageLoaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, RHFCheckbox, RHFMultiSelect, RHFRadioButtonGroup, type RHFRadioButtonGroupOption, type RHFRadioButtonGroupProps, RHFRadioGroup, RHFSelect, type RHFSelectOption, type RHFSelectProps, RHFSwitch, RHFTextField, RHFTextarea, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioItemContainer, RadioItemLabel, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, reducer, sidebarMenuButtonVariants, toast, typographyVariants, useFormField, useIsMobile, useSidebar, useToast };
|
package/dist/index.mjs
CHANGED
|
@@ -13,6 +13,7 @@ export * from "./stack/index.mjs"
|
|
|
13
13
|
export * from "./skeleton/index.mjs"
|
|
14
14
|
export * from "./sheet/index.mjs"
|
|
15
15
|
export * from "./separator/index.mjs"
|
|
16
|
+
export * from "./scroll-area/index.mjs"
|
|
16
17
|
export * from "./resizable/index.mjs"
|
|
17
18
|
export * from "./radio-group/index.mjs"
|
|
18
19
|
export * from "./popover/index.mjs"
|
|
@@ -20,6 +21,7 @@ export * from "./pagination/index.mjs"
|
|
|
20
21
|
export * from "./page-loader/index.mjs"
|
|
21
22
|
export * from "./label/index.mjs"
|
|
22
23
|
export * from "./input/index.mjs"
|
|
24
|
+
export * from "./dnd-input/index.mjs"
|
|
23
25
|
export * from "./dialog/index.mjs"
|
|
24
26
|
export * from "./container/index.mjs"
|
|
25
27
|
export * from "./command/index.mjs"
|
|
@@ -44,5 +46,6 @@ export * from "./rhf-select/index.mjs"
|
|
|
44
46
|
export * from "./rhf-radio-group/index.mjs"
|
|
45
47
|
export * from "./rhf-radio-button-group/index.mjs"
|
|
46
48
|
export * from "./rhf-multi-select/index.mjs"
|
|
49
|
+
export * from "./rhf-dnd-input/index.mjs"
|
|
47
50
|
export * from "./rhf-checkbox/index.mjs"
|
|
48
51
|
export * from "./form/index.mjs"
|