@nextlyhq/ui 0.0.2-alpha.3 → 0.0.2-alpha.30
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/index.cjs +152 -107
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.mjs +107 -63
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/dist/index.d.cts
CHANGED
|
@@ -98,6 +98,15 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<H
|
|
|
98
98
|
|
|
99
99
|
declare function Label({ className, ...props }: ComponentProps<typeof Root>): react_jsx_runtime.JSX.Element;
|
|
100
100
|
|
|
101
|
+
interface FormLabelWithTooltipProps extends react.ComponentPropsWithoutRef<typeof Label> {
|
|
102
|
+
label: react.ReactNode;
|
|
103
|
+
description?: react.ReactNode;
|
|
104
|
+
required?: boolean;
|
|
105
|
+
labelClassName?: string;
|
|
106
|
+
tooltipClassName?: string;
|
|
107
|
+
}
|
|
108
|
+
declare const FormLabelWithTooltip: react.ForwardRefExoticComponent<FormLabelWithTooltipProps & react.RefAttributes<HTMLLabelElement>>;
|
|
109
|
+
|
|
101
110
|
/**
|
|
102
111
|
* Badge Component - Design System Specification
|
|
103
112
|
*
|
|
@@ -2316,4 +2325,4 @@ declare const uiPreset: {
|
|
|
2316
2325
|
};
|
|
2317
2326
|
};
|
|
2318
2327
|
|
|
2319
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type FilterInfo, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResponsiveTable, type ResponsiveTableProps, type ResponsiveTableRef, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, type TablePaginationProps, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, uiPreset, usePortalContainer };
|
|
2328
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type FilterInfo, FormLabelWithTooltip, type FormLabelWithTooltipProps, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResponsiveTable, type ResponsiveTableProps, type ResponsiveTableRef, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, type TablePaginationProps, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, uiPreset, usePortalContainer };
|
package/dist/index.d.ts
CHANGED
|
@@ -98,6 +98,15 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<H
|
|
|
98
98
|
|
|
99
99
|
declare function Label({ className, ...props }: ComponentProps<typeof Root>): react_jsx_runtime.JSX.Element;
|
|
100
100
|
|
|
101
|
+
interface FormLabelWithTooltipProps extends react.ComponentPropsWithoutRef<typeof Label> {
|
|
102
|
+
label: react.ReactNode;
|
|
103
|
+
description?: react.ReactNode;
|
|
104
|
+
required?: boolean;
|
|
105
|
+
labelClassName?: string;
|
|
106
|
+
tooltipClassName?: string;
|
|
107
|
+
}
|
|
108
|
+
declare const FormLabelWithTooltip: react.ForwardRefExoticComponent<FormLabelWithTooltipProps & react.RefAttributes<HTMLLabelElement>>;
|
|
109
|
+
|
|
101
110
|
/**
|
|
102
111
|
* Badge Component - Design System Specification
|
|
103
112
|
*
|
|
@@ -2316,4 +2325,4 @@ declare const uiPreset: {
|
|
|
2316
2325
|
};
|
|
2317
2326
|
};
|
|
2318
2327
|
|
|
2319
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type FilterInfo, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResponsiveTable, type ResponsiveTableProps, type ResponsiveTableRef, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, type TablePaginationProps, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, uiPreset, usePortalContainer };
|
|
2328
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type FilterInfo, FormLabelWithTooltip, type FormLabelWithTooltipProps, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResponsiveTable, type ResponsiveTableProps, type ResponsiveTableRef, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, type TablePaginationProps, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, uiPreset, usePortalContainer };
|
package/dist/index.mjs
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { Slot } from '@radix-ui/react-slot';
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import * as
|
|
3
|
+
import * as React6 from 'react';
|
|
4
4
|
import { forwardRef, createContext, useContext } from 'react';
|
|
5
5
|
import { clsx } from 'clsx';
|
|
6
6
|
import { twMerge } from 'tailwind-merge';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
|
-
import { Root as Root$
|
|
8
|
+
import { Root as Root$2 } from '@radix-ui/react-label';
|
|
9
|
+
import { Info, Minus, Check, ChevronDown, X, ChevronRight, Circle, Search, Loader2, ChevronUp, XCircle, AlertTriangle, AlertCircle, CheckCircle2, FileQuestion, ChevronsLeft, ChevronLeft, ChevronsRight } from 'lucide-react';
|
|
10
|
+
import { Content, Provider, Root, Trigger } from '@radix-ui/react-tooltip';
|
|
9
11
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
10
12
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
11
|
-
import { Minus, Check, ChevronDown, X, ChevronRight, Circle, Search, Loader2, ChevronUp, XCircle, AlertTriangle, AlertCircle, CheckCircle2, FileQuestion, ChevronsLeft, ChevronLeft, ChevronsRight } from 'lucide-react';
|
|
12
13
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
13
14
|
import { Root as Root$4, Thumb } from '@radix-ui/react-switch';
|
|
14
15
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
15
16
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
16
|
-
import { Root, Image, Fallback } from '@radix-ui/react-avatar';
|
|
17
|
-
import { List, Trigger, Content, Root as Root$
|
|
18
|
-
import { Content as Content$1, Root as Root$2, Provider, Trigger as Trigger$1 } from '@radix-ui/react-tooltip';
|
|
17
|
+
import { Root as Root$1, Image, Fallback } from '@radix-ui/react-avatar';
|
|
18
|
+
import { List, Trigger as Trigger$1, Content as Content$1, Root as Root$3 } from '@radix-ui/react-tabs';
|
|
19
19
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
20
20
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
21
21
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
@@ -68,7 +68,7 @@ var Button = forwardRef(
|
|
|
68
68
|
...props
|
|
69
69
|
}, ref) => {
|
|
70
70
|
const Comp = asChild ? Slot : "button";
|
|
71
|
-
const hasMultipleChildren =
|
|
71
|
+
const hasMultipleChildren = React6.Children.count(children) > 1;
|
|
72
72
|
return /* @__PURE__ */ jsx(
|
|
73
73
|
Comp,
|
|
74
74
|
{
|
|
@@ -133,7 +133,7 @@ var Textarea = forwardRef(({ className, ...props }, ref) => {
|
|
|
133
133
|
Textarea.displayName = "Textarea";
|
|
134
134
|
function Label({ className, ...props }) {
|
|
135
135
|
return /* @__PURE__ */ jsx(
|
|
136
|
-
Root$
|
|
136
|
+
Root$2,
|
|
137
137
|
{
|
|
138
138
|
"data-slot": "label",
|
|
139
139
|
className: cn(
|
|
@@ -144,6 +144,67 @@ function Label({ className, ...props }) {
|
|
|
144
144
|
}
|
|
145
145
|
);
|
|
146
146
|
}
|
|
147
|
+
var TooltipProvider = Provider;
|
|
148
|
+
var Tooltip = Root;
|
|
149
|
+
var TooltipTrigger = Trigger;
|
|
150
|
+
var TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
151
|
+
Content,
|
|
152
|
+
{
|
|
153
|
+
ref,
|
|
154
|
+
sideOffset,
|
|
155
|
+
"data-slot": "tooltip-content",
|
|
156
|
+
className: cn(
|
|
157
|
+
"z-50 overflow-hidden rounded-none px-3 py-1.5 text-xs shadow-lg border border-primary/5 bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
158
|
+
className
|
|
159
|
+
),
|
|
160
|
+
...props
|
|
161
|
+
}
|
|
162
|
+
));
|
|
163
|
+
TooltipContent.displayName = Content.displayName;
|
|
164
|
+
var FormLabelWithTooltip = React6.forwardRef(
|
|
165
|
+
({
|
|
166
|
+
className,
|
|
167
|
+
labelClassName,
|
|
168
|
+
tooltipClassName,
|
|
169
|
+
label,
|
|
170
|
+
description,
|
|
171
|
+
required,
|
|
172
|
+
...props
|
|
173
|
+
}, ref) => {
|
|
174
|
+
return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
|
|
175
|
+
/* @__PURE__ */ jsxs(Label, { ref, className: labelClassName, ...props, children: [
|
|
176
|
+
label,
|
|
177
|
+
required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
|
|
178
|
+
] }),
|
|
179
|
+
description && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 200, children: [
|
|
180
|
+
/* @__PURE__ */ jsxs(
|
|
181
|
+
TooltipTrigger,
|
|
182
|
+
{
|
|
183
|
+
type: "button",
|
|
184
|
+
tabIndex: -1,
|
|
185
|
+
className: "shrink-0 text-muted-foreground hover:text-foreground focus:outline-none focus:text-foreground transition-colors cursor-help",
|
|
186
|
+
children: [
|
|
187
|
+
/* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5" }),
|
|
188
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle description" })
|
|
189
|
+
]
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
/* @__PURE__ */ jsx(
|
|
193
|
+
TooltipContent,
|
|
194
|
+
{
|
|
195
|
+
side: "right",
|
|
196
|
+
className: cn(
|
|
197
|
+
"max-w-[250px] text-[12px] break-words relative z-[100] shadow-md border border-primary/5 bg-black text-white dark:bg-zinc-800 dark:text-zinc-50 px-3 py-2 rounded-none",
|
|
198
|
+
tooltipClassName
|
|
199
|
+
),
|
|
200
|
+
children: description
|
|
201
|
+
}
|
|
202
|
+
)
|
|
203
|
+
] }) })
|
|
204
|
+
] });
|
|
205
|
+
}
|
|
206
|
+
);
|
|
207
|
+
FormLabelWithTooltip.displayName = "FormLabelWithTooltip";
|
|
147
208
|
var badgeVariants = cva(
|
|
148
209
|
"inline-flex items-center rounded-none px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
|
|
149
210
|
{
|
|
@@ -374,7 +435,7 @@ function Separator({
|
|
|
374
435
|
}
|
|
375
436
|
);
|
|
376
437
|
}
|
|
377
|
-
var Skeleton =
|
|
438
|
+
var Skeleton = React6.forwardRef(
|
|
378
439
|
({ className, ...props }, ref) => {
|
|
379
440
|
return /* @__PURE__ */ jsx(
|
|
380
441
|
"div",
|
|
@@ -404,7 +465,7 @@ var progressVariants = cva("h-full rounded-none transition-all", {
|
|
|
404
465
|
variant: "default"
|
|
405
466
|
}
|
|
406
467
|
});
|
|
407
|
-
var Progress =
|
|
468
|
+
var Progress = React6.forwardRef(
|
|
408
469
|
({
|
|
409
470
|
value,
|
|
410
471
|
max = 100,
|
|
@@ -597,7 +658,7 @@ var AvatarSizeContext = createContext("md");
|
|
|
597
658
|
var Avatar = forwardRef(
|
|
598
659
|
({ className, size = "md", ...props }, ref) => {
|
|
599
660
|
return /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
|
|
600
|
-
Root,
|
|
661
|
+
Root$1,
|
|
601
662
|
{
|
|
602
663
|
ref,
|
|
603
664
|
"data-slot": "avatar",
|
|
@@ -643,7 +704,7 @@ var AvatarFallback = forwardRef(
|
|
|
643
704
|
}
|
|
644
705
|
);
|
|
645
706
|
AvatarFallback.displayName = "AvatarFallback";
|
|
646
|
-
var Tabs = Root$
|
|
707
|
+
var Tabs = Root$3;
|
|
647
708
|
var TabsList = forwardRef(
|
|
648
709
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
649
710
|
List,
|
|
@@ -661,7 +722,7 @@ var TabsList = forwardRef(
|
|
|
661
722
|
TabsList.displayName = List.displayName;
|
|
662
723
|
var TabsTrigger = forwardRef(
|
|
663
724
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
664
|
-
Trigger,
|
|
725
|
+
Trigger$1,
|
|
665
726
|
{
|
|
666
727
|
ref,
|
|
667
728
|
"data-slot": "tabs-trigger",
|
|
@@ -673,10 +734,10 @@ var TabsTrigger = forwardRef(
|
|
|
673
734
|
}
|
|
674
735
|
)
|
|
675
736
|
);
|
|
676
|
-
TabsTrigger.displayName = Trigger.displayName;
|
|
737
|
+
TabsTrigger.displayName = Trigger$1.displayName;
|
|
677
738
|
var TabsContent = forwardRef(
|
|
678
739
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
679
|
-
Content,
|
|
740
|
+
Content$1,
|
|
680
741
|
{
|
|
681
742
|
ref,
|
|
682
743
|
"data-slot": "tabs-content",
|
|
@@ -688,24 +749,7 @@ var TabsContent = forwardRef(
|
|
|
688
749
|
}
|
|
689
750
|
)
|
|
690
751
|
);
|
|
691
|
-
TabsContent.displayName = Content.displayName;
|
|
692
|
-
var TooltipProvider = Provider;
|
|
693
|
-
var Tooltip = Root$2;
|
|
694
|
-
var TooltipTrigger = Trigger$1;
|
|
695
|
-
var TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
696
|
-
Content$1,
|
|
697
|
-
{
|
|
698
|
-
ref,
|
|
699
|
-
sideOffset,
|
|
700
|
-
"data-slot": "tooltip-content",
|
|
701
|
-
className: cn(
|
|
702
|
-
"z-50 overflow-hidden rounded-none px-3 py-1.5 text-xs shadow-lg border border-primary/5 bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
703
|
-
className
|
|
704
|
-
),
|
|
705
|
-
...props
|
|
706
|
-
}
|
|
707
|
-
));
|
|
708
|
-
TooltipContent.displayName = Content$1.displayName;
|
|
752
|
+
TabsContent.displayName = Content$1.displayName;
|
|
709
753
|
var PortalContext = createContext({ container: null });
|
|
710
754
|
function PortalProvider({ container, children }) {
|
|
711
755
|
return /* @__PURE__ */ jsx(PortalContext.Provider, { value: { container }, children });
|
|
@@ -717,7 +761,7 @@ function usePortalContainer() {
|
|
|
717
761
|
var Popover = PopoverPrimitive.Root;
|
|
718
762
|
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
719
763
|
var PopoverAnchor = PopoverPrimitive.Anchor;
|
|
720
|
-
var PopoverContent =
|
|
764
|
+
var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
|
|
721
765
|
const portalContainer = usePortalContainer();
|
|
722
766
|
return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
|
|
723
767
|
PopoverPrimitive.Content,
|
|
@@ -961,7 +1005,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
|
961
1005
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
962
1006
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
963
1007
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
964
|
-
var DropdownMenuSubTrigger =
|
|
1008
|
+
var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
965
1009
|
DropdownMenuPrimitive.SubTrigger,
|
|
966
1010
|
{
|
|
967
1011
|
ref,
|
|
@@ -978,7 +1022,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
|
|
|
978
1022
|
}
|
|
979
1023
|
));
|
|
980
1024
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
981
|
-
var DropdownMenuSubContent =
|
|
1025
|
+
var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
982
1026
|
DropdownMenuPrimitive.SubContent,
|
|
983
1027
|
{
|
|
984
1028
|
ref,
|
|
@@ -990,7 +1034,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
|
|
|
990
1034
|
}
|
|
991
1035
|
));
|
|
992
1036
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
993
|
-
var DropdownMenuContent =
|
|
1037
|
+
var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
994
1038
|
const portalContainer = usePortalContainer();
|
|
995
1039
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
|
|
996
1040
|
DropdownMenuPrimitive.Content,
|
|
@@ -1006,7 +1050,7 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
|
|
|
1006
1050
|
) });
|
|
1007
1051
|
});
|
|
1008
1052
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1009
|
-
var DropdownMenuItem =
|
|
1053
|
+
var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1010
1054
|
DropdownMenuPrimitive.Item,
|
|
1011
1055
|
{
|
|
1012
1056
|
ref,
|
|
@@ -1019,7 +1063,7 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) =
|
|
|
1019
1063
|
}
|
|
1020
1064
|
));
|
|
1021
1065
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1022
|
-
var DropdownMenuCheckboxItem =
|
|
1066
|
+
var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
1023
1067
|
DropdownMenuPrimitive.CheckboxItem,
|
|
1024
1068
|
{
|
|
1025
1069
|
ref,
|
|
@@ -1036,7 +1080,7 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
|
|
|
1036
1080
|
}
|
|
1037
1081
|
));
|
|
1038
1082
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
1039
|
-
var DropdownMenuRadioItem =
|
|
1083
|
+
var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
1040
1084
|
DropdownMenuPrimitive.RadioItem,
|
|
1041
1085
|
{
|
|
1042
1086
|
ref,
|
|
@@ -1052,7 +1096,7 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
|
|
|
1052
1096
|
}
|
|
1053
1097
|
));
|
|
1054
1098
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
1055
|
-
var DropdownMenuLabel =
|
|
1099
|
+
var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1056
1100
|
DropdownMenuPrimitive.Label,
|
|
1057
1101
|
{
|
|
1058
1102
|
ref,
|
|
@@ -1065,7 +1109,7 @@ var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref)
|
|
|
1065
1109
|
}
|
|
1066
1110
|
));
|
|
1067
1111
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1068
|
-
var DropdownMenuSeparator =
|
|
1112
|
+
var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1069
1113
|
DropdownMenuPrimitive.Separator,
|
|
1070
1114
|
{
|
|
1071
1115
|
ref,
|
|
@@ -1074,7 +1118,7 @@ var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) =>
|
|
|
1074
1118
|
}
|
|
1075
1119
|
));
|
|
1076
1120
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
1077
|
-
var DropdownMenuShortcut =
|
|
1121
|
+
var DropdownMenuShortcut = React6.forwardRef(({ className, ...props }, ref) => {
|
|
1078
1122
|
return /* @__PURE__ */ jsx(
|
|
1079
1123
|
"span",
|
|
1080
1124
|
{
|
|
@@ -1249,7 +1293,7 @@ var Sheet = DialogPrimitive.Root;
|
|
|
1249
1293
|
var SheetTrigger = DialogPrimitive.Trigger;
|
|
1250
1294
|
var SheetClose = DialogPrimitive.Close;
|
|
1251
1295
|
var SheetPortal = DialogPrimitive.Portal;
|
|
1252
|
-
var SheetOverlay =
|
|
1296
|
+
var SheetOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1253
1297
|
DialogPrimitive.Overlay,
|
|
1254
1298
|
{
|
|
1255
1299
|
className: cn(
|
|
@@ -1279,7 +1323,7 @@ var sheetVariants = cva(
|
|
|
1279
1323
|
}
|
|
1280
1324
|
}
|
|
1281
1325
|
);
|
|
1282
|
-
var SheetContent =
|
|
1326
|
+
var SheetContent = React6.forwardRef(({ side = "right", className, children, ...props }, ref) => {
|
|
1283
1327
|
const portalContainer = usePortalContainer();
|
|
1284
1328
|
return /* @__PURE__ */ jsxs(SheetPortal, { container: portalContainer, children: [
|
|
1285
1329
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
@@ -1324,7 +1368,7 @@ var SheetFooter = ({
|
|
|
1324
1368
|
}
|
|
1325
1369
|
);
|
|
1326
1370
|
SheetFooter.displayName = "SheetFooter";
|
|
1327
|
-
var SheetTitle =
|
|
1371
|
+
var SheetTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1328
1372
|
DialogPrimitive.Title,
|
|
1329
1373
|
{
|
|
1330
1374
|
ref,
|
|
@@ -1333,7 +1377,7 @@ var SheetTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
1333
1377
|
}
|
|
1334
1378
|
));
|
|
1335
1379
|
SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
1336
|
-
var SheetDescription =
|
|
1380
|
+
var SheetDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1337
1381
|
DialogPrimitive.Description,
|
|
1338
1382
|
{
|
|
1339
1383
|
ref,
|
|
@@ -1597,7 +1641,7 @@ function Toaster({ theme = "system", ...props }) {
|
|
|
1597
1641
|
}
|
|
1598
1642
|
);
|
|
1599
1643
|
}
|
|
1600
|
-
var Table =
|
|
1644
|
+
var Table = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
1601
1645
|
"table",
|
|
1602
1646
|
{
|
|
1603
1647
|
ref,
|
|
@@ -1606,9 +1650,9 @@ var Table = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
1606
1650
|
}
|
|
1607
1651
|
) }));
|
|
1608
1652
|
Table.displayName = "Table";
|
|
1609
|
-
var TableHeader =
|
|
1653
|
+
var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
|
|
1610
1654
|
TableHeader.displayName = "TableHeader";
|
|
1611
|
-
var TableBody =
|
|
1655
|
+
var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1612
1656
|
"tbody",
|
|
1613
1657
|
{
|
|
1614
1658
|
ref,
|
|
@@ -1617,7 +1661,7 @@ var TableBody = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
1617
1661
|
}
|
|
1618
1662
|
));
|
|
1619
1663
|
TableBody.displayName = "TableBody";
|
|
1620
|
-
var TableFooter =
|
|
1664
|
+
var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1621
1665
|
"tfoot",
|
|
1622
1666
|
{
|
|
1623
1667
|
ref,
|
|
@@ -1626,7 +1670,7 @@ var TableFooter = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1626
1670
|
}
|
|
1627
1671
|
));
|
|
1628
1672
|
TableFooter.displayName = "TableFooter";
|
|
1629
|
-
var TableRow =
|
|
1673
|
+
var TableRow = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1630
1674
|
"tr",
|
|
1631
1675
|
{
|
|
1632
1676
|
ref,
|
|
@@ -1638,7 +1682,7 @@ var TableRow = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
1638
1682
|
}
|
|
1639
1683
|
));
|
|
1640
1684
|
TableRow.displayName = "TableRow";
|
|
1641
|
-
var TableHead =
|
|
1685
|
+
var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1642
1686
|
"th",
|
|
1643
1687
|
{
|
|
1644
1688
|
ref,
|
|
@@ -1650,7 +1694,7 @@ var TableHead = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
1650
1694
|
}
|
|
1651
1695
|
));
|
|
1652
1696
|
TableHead.displayName = "TableHead";
|
|
1653
|
-
var TableCell =
|
|
1697
|
+
var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1654
1698
|
"td",
|
|
1655
1699
|
{
|
|
1656
1700
|
ref,
|
|
@@ -1662,7 +1706,7 @@ var TableCell = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
1662
1706
|
}
|
|
1663
1707
|
));
|
|
1664
1708
|
TableCell.displayName = "TableCell";
|
|
1665
|
-
var TableCaption =
|
|
1709
|
+
var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1666
1710
|
"caption",
|
|
1667
1711
|
{
|
|
1668
1712
|
ref,
|
|
@@ -1987,20 +2031,20 @@ function ResponsiveTableInner({
|
|
|
1987
2031
|
tableWrapperClassName,
|
|
1988
2032
|
footer
|
|
1989
2033
|
}, ref) {
|
|
1990
|
-
const visibleMobileColumns =
|
|
2034
|
+
const visibleMobileColumns = React6.useMemo(
|
|
1991
2035
|
() => columns.filter((col) => !col.hideOnMobile),
|
|
1992
2036
|
[columns]
|
|
1993
2037
|
);
|
|
1994
|
-
const primaryColumn =
|
|
2038
|
+
const primaryColumn = React6.useMemo(() => {
|
|
1995
2039
|
return visibleMobileColumns.find(
|
|
1996
2040
|
(col) => col.key !== "select" && col.key !== "actions"
|
|
1997
2041
|
) || visibleMobileColumns[0];
|
|
1998
2042
|
}, [visibleMobileColumns]);
|
|
1999
|
-
const secondaryColumns =
|
|
2043
|
+
const secondaryColumns = React6.useMemo(
|
|
2000
2044
|
() => visibleMobileColumns.filter((col) => col.key !== primaryColumn?.key),
|
|
2001
2045
|
[visibleMobileColumns, primaryColumn]
|
|
2002
2046
|
);
|
|
2003
|
-
|
|
2047
|
+
React6.useEffect(() => {
|
|
2004
2048
|
const isDev = typeof globalThis !== "undefined" && globalThis.process && globalThis.process.env?.NODE_ENV === "development";
|
|
2005
2049
|
if (isDev && visibleMobileColumns.length === 0) {
|
|
2006
2050
|
console.warn(
|
|
@@ -2008,7 +2052,7 @@ function ResponsiveTableInner({
|
|
|
2008
2052
|
);
|
|
2009
2053
|
}
|
|
2010
2054
|
}, [visibleMobileColumns.length]);
|
|
2011
|
-
const handleItemClick =
|
|
2055
|
+
const handleItemClick = React6.useCallback(
|
|
2012
2056
|
(item, e) => {
|
|
2013
2057
|
if (!onRowClick) return;
|
|
2014
2058
|
if (e) {
|
|
@@ -2021,7 +2065,7 @@ function ResponsiveTableInner({
|
|
|
2021
2065
|
},
|
|
2022
2066
|
[onRowClick]
|
|
2023
2067
|
);
|
|
2024
|
-
const handleCardKeyDown =
|
|
2068
|
+
const handleCardKeyDown = React6.useCallback(
|
|
2025
2069
|
(item) => (e) => {
|
|
2026
2070
|
if (onRowClick && (e.key === "Enter" || e.key === " ")) {
|
|
2027
2071
|
e.preventDefault();
|
|
@@ -2152,7 +2196,7 @@ function ResponsiveTableInner({
|
|
|
2152
2196
|
footer && /* @__PURE__ */ jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
|
|
2153
2197
|
] });
|
|
2154
2198
|
}
|
|
2155
|
-
var ResponsiveTable =
|
|
2199
|
+
var ResponsiveTable = React6.forwardRef(ResponsiveTableInner);
|
|
2156
2200
|
|
|
2157
2201
|
// src/tailwind-preset.ts
|
|
2158
2202
|
var uiPreset = {
|
|
@@ -2225,6 +2269,6 @@ var uiPreset = {
|
|
|
2225
2269
|
};
|
|
2226
2270
|
var tailwind_preset_default = uiPreset;
|
|
2227
2271
|
|
|
2228
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, RadioGroup, RadioGroupItem, ResponsiveTable, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, TableRow, TableSearch, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tailwind_preset_default as uiPreset, usePortalContainer };
|
|
2272
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormLabelWithTooltip, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, RadioGroup, RadioGroupItem, ResponsiveTable, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, TableRow, TableSearch, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tailwind_preset_default as uiPreset, usePortalContainer };
|
|
2229
2273
|
//# sourceMappingURL=index.mjs.map
|
|
2230
2274
|
//# sourceMappingURL=index.mjs.map
|