@snapcall/design-system 1.25.1 → 1.26.1
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/{chunk-SSZ45TLL.mjs → chunk-DNGG2G6R.mjs} +4 -4
- package/dist/{chunk-R6W6SKNR.mjs → chunk-HVMCOLSX.mjs} +3 -3
- package/dist/{chunk-YC4ZDBIC.mjs → chunk-VBMQG5SW.mjs} +58 -38
- package/dist/components/AlertDialog/index.js +9 -15
- package/dist/components/AlertDialog/index.mjs +7 -13
- package/dist/components/Badge/index.d.mts +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.js +58 -38
- package/dist/components/Badge/index.mjs +1 -1
- package/dist/components/Button/index.js +3 -3
- package/dist/components/Button/index.mjs +1 -1
- package/dist/components/Calendar/index.js +3 -3
- package/dist/components/Calendar/index.mjs +1 -1
- package/dist/components/Carousel/index.js +3 -3
- package/dist/components/Carousel/index.mjs +1 -1
- package/dist/components/Command/index.js +6 -6
- package/dist/components/Command/index.mjs +2 -2
- package/dist/components/CreatableSelect/index.js +64 -44
- package/dist/components/CreatableSelect/index.mjs +3 -3
- package/dist/components/Dialog/index.js +28 -193
- package/dist/components/Dialog/index.mjs +10 -30
- package/dist/components/DropdownMenu/index.js +3 -3
- package/dist/components/DropdownMenu/index.mjs +3 -3
- package/dist/components/FilterButton/index.js +61 -41
- package/dist/components/FilterButton/index.mjs +2 -2
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/index.mjs +1 -1
- package/dist/components/Pagination/index.js +3 -3
- package/dist/components/Pagination/index.mjs +1 -1
- package/dist/components/Select/index.js +3 -3
- package/dist/components/Select/index.mjs +3 -3
- package/dist/components/Sheet/index.js +3 -3
- package/dist/components/Sheet/index.mjs +1 -1
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Tabs/index.mjs +2 -2
- package/dist/components/Textarea/index.js +3 -3
- package/dist/components/Textarea/index.mjs +3 -3
- package/dist/components/Toaster/index.js +4 -4
- package/dist/components/Toaster/index.mjs +2 -2
- package/dist/components/Toggle/index.d.mts +66 -0
- package/dist/components/Toggle/index.d.ts +66 -0
- package/dist/components/Toggle/index.js +117 -0
- package/dist/components/Toggle/index.mjs +48 -0
- package/dist/components/Tooltip/index.d.mts +2 -1
- package/dist/components/Tooltip/index.d.ts +2 -1
- package/dist/components/Tooltip/index.js +7 -4
- package/dist/components/Tooltip/index.mjs +4 -2
- package/dist/index.d.mts +65 -2
- package/dist/index.d.ts +65 -2
- package/dist/index.js +2 -0
- package/dist/index.mjs +1 -0
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -63,6 +63,7 @@ __export(Tooltip_exports, {
|
|
|
63
63
|
TooltipArrow: () => TooltipArrow,
|
|
64
64
|
TooltipContent: () => TooltipContent,
|
|
65
65
|
TooltipContentCard: () => TooltipContentCard,
|
|
66
|
+
TooltipPortal: () => TooltipPortal,
|
|
66
67
|
TooltipProvider: () => TooltipProvider,
|
|
67
68
|
TooltipTrigger: () => TooltipTrigger
|
|
68
69
|
});
|
|
@@ -126,7 +127,7 @@ var SpinnerIcon = (0, import_react.forwardRef)(
|
|
|
126
127
|
// src/components/Button/Button.tsx
|
|
127
128
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
128
129
|
var buttonVariants = (0, import_cva.cva)({
|
|
129
|
-
base: "inline-flex items-center justify-center gap-2 rounded-
|
|
130
|
+
base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
|
|
130
131
|
variants: {
|
|
131
132
|
variant: {
|
|
132
133
|
primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
|
|
@@ -156,7 +157,7 @@ var buttonSizes = (0, import_cva.cva)({
|
|
|
156
157
|
}
|
|
157
158
|
},
|
|
158
159
|
defaultVariants: {
|
|
159
|
-
size: "
|
|
160
|
+
size: "sm"
|
|
160
161
|
}
|
|
161
162
|
});
|
|
162
163
|
var iconButtonSizes = (0, import_cva.cva)({
|
|
@@ -169,7 +170,7 @@ var iconButtonSizes = (0, import_cva.cva)({
|
|
|
169
170
|
}
|
|
170
171
|
},
|
|
171
172
|
defaultVariants: {
|
|
172
|
-
size: "
|
|
173
|
+
size: "sm"
|
|
173
174
|
}
|
|
174
175
|
});
|
|
175
176
|
var iconSizes = {
|
|
@@ -249,13 +250,14 @@ var TooltipContent = React2.forwardRef((_a, ref) => {
|
|
|
249
250
|
ref,
|
|
250
251
|
sideOffset,
|
|
251
252
|
className: cn(
|
|
252
|
-
"z-50 rounded-
|
|
253
|
+
"z-50 rounded-lg bg-black px-3 py-1.5 text-sm text-white font-medium 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",
|
|
253
254
|
className
|
|
254
255
|
)
|
|
255
256
|
}, props)
|
|
256
257
|
);
|
|
257
258
|
});
|
|
258
259
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
260
|
+
var TooltipPortal = TooltipPrimitive.Portal;
|
|
259
261
|
var TooltipArrow = TooltipPrimitive.Arrow;
|
|
260
262
|
var TooltipContentCard = React2.forwardRef((_a, ref) => {
|
|
261
263
|
var _b = _a, { title, description, header, action, className } = _b, props = __objRest(_b, ["title", "description", "header", "action", "className"]);
|
|
@@ -283,6 +285,7 @@ TooltipContentCard.displayName = "TooltipContentCard";
|
|
|
283
285
|
TooltipArrow,
|
|
284
286
|
TooltipContent,
|
|
285
287
|
TooltipContentCard,
|
|
288
|
+
TooltipPortal,
|
|
286
289
|
TooltipProvider,
|
|
287
290
|
TooltipTrigger
|
|
288
291
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-HVMCOLSX.mjs";
|
|
4
4
|
import "../../chunk-N65I4EXR.mjs";
|
|
5
5
|
import {
|
|
6
6
|
__objRest,
|
|
@@ -31,13 +31,14 @@ var TooltipContent = React.forwardRef((_a, ref) => {
|
|
|
31
31
|
ref,
|
|
32
32
|
sideOffset,
|
|
33
33
|
className: cn(
|
|
34
|
-
"z-50 rounded-
|
|
34
|
+
"z-50 rounded-lg bg-black px-3 py-1.5 text-sm text-white font-medium 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",
|
|
35
35
|
className
|
|
36
36
|
)
|
|
37
37
|
}, props)
|
|
38
38
|
);
|
|
39
39
|
});
|
|
40
40
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
41
|
+
var TooltipPortal = TooltipPrimitive.Portal;
|
|
41
42
|
var TooltipArrow = TooltipPrimitive.Arrow;
|
|
42
43
|
var TooltipContentCard = React.forwardRef((_a, ref) => {
|
|
43
44
|
var _b = _a, { title, description, header, action, className } = _b, props = __objRest(_b, ["title", "description", "header", "action", "className"]);
|
|
@@ -64,6 +65,7 @@ export {
|
|
|
64
65
|
TooltipArrow,
|
|
65
66
|
TooltipContent,
|
|
66
67
|
TooltipContentCard,
|
|
68
|
+
TooltipPortal,
|
|
67
69
|
TooltipProvider,
|
|
68
70
|
TooltipTrigger
|
|
69
71
|
};
|
package/dist/index.d.mts
CHANGED
|
@@ -350,7 +350,7 @@ declare const Avatar: react__default.ForwardRefExoticComponent<AvatarProps & rea
|
|
|
350
350
|
|
|
351
351
|
declare const badgeVariants: (props?: ({
|
|
352
352
|
variant?: "fill" | "outline" | "default" | undefined;
|
|
353
|
-
color?: "blue" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "
|
|
353
|
+
color?: "blue" | "amber" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "gray" | "orange" | undefined;
|
|
354
354
|
} & ({
|
|
355
355
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
356
356
|
[x: string]: any;
|
|
@@ -1021,6 +1021,68 @@ declare function Toaster({ className, toasterId, ...props }: ToastPrimitives.Toa
|
|
|
1021
1021
|
className?: string;
|
|
1022
1022
|
}): react_jsx_runtime.JSX.Element;
|
|
1023
1023
|
|
|
1024
|
+
declare const toggleVariants: (props?: ({
|
|
1025
|
+
size?: "sm" | "md" | undefined;
|
|
1026
|
+
} & ({
|
|
1027
|
+
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
1028
|
+
[x: string]: any;
|
|
1029
|
+
} | null | undefined)[] | {
|
|
1030
|
+
[x: string]: any;
|
|
1031
|
+
} | null | undefined)[] | {
|
|
1032
|
+
[x: string]: any;
|
|
1033
|
+
} | null | undefined)[] | {
|
|
1034
|
+
[x: string]: any;
|
|
1035
|
+
} | null | undefined)[] | {
|
|
1036
|
+
[x: string]: any;
|
|
1037
|
+
} | null | undefined)[] | {
|
|
1038
|
+
[x: string]: any;
|
|
1039
|
+
} | null | undefined)[] | {
|
|
1040
|
+
[x: string]: any;
|
|
1041
|
+
} | null | undefined)[] | {
|
|
1042
|
+
[x: string]: any;
|
|
1043
|
+
} | null | undefined)[] | {
|
|
1044
|
+
[x: string]: any;
|
|
1045
|
+
} | null | undefined)[] | {
|
|
1046
|
+
[x: string]: any;
|
|
1047
|
+
} | null | undefined)[] | {
|
|
1048
|
+
[x: string]: any;
|
|
1049
|
+
} | null | undefined)[] | {
|
|
1050
|
+
[x: string]: any;
|
|
1051
|
+
} | null | undefined;
|
|
1052
|
+
className?: never;
|
|
1053
|
+
} | {
|
|
1054
|
+
class?: never;
|
|
1055
|
+
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
1056
|
+
[x: string]: any;
|
|
1057
|
+
} | null | undefined)[] | {
|
|
1058
|
+
[x: string]: any;
|
|
1059
|
+
} | null | undefined)[] | {
|
|
1060
|
+
[x: string]: any;
|
|
1061
|
+
} | null | undefined)[] | {
|
|
1062
|
+
[x: string]: any;
|
|
1063
|
+
} | null | undefined)[] | {
|
|
1064
|
+
[x: string]: any;
|
|
1065
|
+
} | null | undefined)[] | {
|
|
1066
|
+
[x: string]: any;
|
|
1067
|
+
} | null | undefined)[] | {
|
|
1068
|
+
[x: string]: any;
|
|
1069
|
+
} | null | undefined)[] | {
|
|
1070
|
+
[x: string]: any;
|
|
1071
|
+
} | null | undefined)[] | {
|
|
1072
|
+
[x: string]: any;
|
|
1073
|
+
} | null | undefined)[] | {
|
|
1074
|
+
[x: string]: any;
|
|
1075
|
+
} | null | undefined)[] | {
|
|
1076
|
+
[x: string]: any;
|
|
1077
|
+
} | null | undefined)[] | {
|
|
1078
|
+
[x: string]: any;
|
|
1079
|
+
} | null | undefined;
|
|
1080
|
+
})) | undefined) => string;
|
|
1081
|
+
interface ToggleProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
|
|
1082
|
+
pressed?: boolean;
|
|
1083
|
+
}
|
|
1084
|
+
declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1085
|
+
|
|
1024
1086
|
type ToggleGroupContextProps = {
|
|
1025
1087
|
direction?: 'row' | 'column';
|
|
1026
1088
|
type: 'single' | 'multiple';
|
|
@@ -1038,6 +1100,7 @@ declare const TooltipProvider: ({ delayDuration, ...props }: react.ComponentProp
|
|
|
1038
1100
|
declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
|
|
1039
1101
|
declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1040
1102
|
declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1103
|
+
declare const TooltipPortal: react.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
1041
1104
|
declare const TooltipArrow: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & react.RefAttributes<SVGSVGElement>>;
|
|
1042
1105
|
declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
|
|
1043
1106
|
title: string;
|
|
@@ -1046,4 +1109,4 @@ declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttr
|
|
|
1046
1109
|
action?: string | react.ReactNode;
|
|
1047
1110
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1048
1111
|
|
|
1049
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
|
|
1112
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, toggleVariants, useDialogState, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -350,7 +350,7 @@ declare const Avatar: react__default.ForwardRefExoticComponent<AvatarProps & rea
|
|
|
350
350
|
|
|
351
351
|
declare const badgeVariants: (props?: ({
|
|
352
352
|
variant?: "fill" | "outline" | "default" | undefined;
|
|
353
|
-
color?: "blue" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "
|
|
353
|
+
color?: "blue" | "amber" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "gray" | "orange" | undefined;
|
|
354
354
|
} & ({
|
|
355
355
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
356
356
|
[x: string]: any;
|
|
@@ -1021,6 +1021,68 @@ declare function Toaster({ className, toasterId, ...props }: ToastPrimitives.Toa
|
|
|
1021
1021
|
className?: string;
|
|
1022
1022
|
}): react_jsx_runtime.JSX.Element;
|
|
1023
1023
|
|
|
1024
|
+
declare const toggleVariants: (props?: ({
|
|
1025
|
+
size?: "sm" | "md" | undefined;
|
|
1026
|
+
} & ({
|
|
1027
|
+
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
1028
|
+
[x: string]: any;
|
|
1029
|
+
} | null | undefined)[] | {
|
|
1030
|
+
[x: string]: any;
|
|
1031
|
+
} | null | undefined)[] | {
|
|
1032
|
+
[x: string]: any;
|
|
1033
|
+
} | null | undefined)[] | {
|
|
1034
|
+
[x: string]: any;
|
|
1035
|
+
} | null | undefined)[] | {
|
|
1036
|
+
[x: string]: any;
|
|
1037
|
+
} | null | undefined)[] | {
|
|
1038
|
+
[x: string]: any;
|
|
1039
|
+
} | null | undefined)[] | {
|
|
1040
|
+
[x: string]: any;
|
|
1041
|
+
} | null | undefined)[] | {
|
|
1042
|
+
[x: string]: any;
|
|
1043
|
+
} | null | undefined)[] | {
|
|
1044
|
+
[x: string]: any;
|
|
1045
|
+
} | null | undefined)[] | {
|
|
1046
|
+
[x: string]: any;
|
|
1047
|
+
} | null | undefined)[] | {
|
|
1048
|
+
[x: string]: any;
|
|
1049
|
+
} | null | undefined)[] | {
|
|
1050
|
+
[x: string]: any;
|
|
1051
|
+
} | null | undefined;
|
|
1052
|
+
className?: never;
|
|
1053
|
+
} | {
|
|
1054
|
+
class?: never;
|
|
1055
|
+
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
1056
|
+
[x: string]: any;
|
|
1057
|
+
} | null | undefined)[] | {
|
|
1058
|
+
[x: string]: any;
|
|
1059
|
+
} | null | undefined)[] | {
|
|
1060
|
+
[x: string]: any;
|
|
1061
|
+
} | null | undefined)[] | {
|
|
1062
|
+
[x: string]: any;
|
|
1063
|
+
} | null | undefined)[] | {
|
|
1064
|
+
[x: string]: any;
|
|
1065
|
+
} | null | undefined)[] | {
|
|
1066
|
+
[x: string]: any;
|
|
1067
|
+
} | null | undefined)[] | {
|
|
1068
|
+
[x: string]: any;
|
|
1069
|
+
} | null | undefined)[] | {
|
|
1070
|
+
[x: string]: any;
|
|
1071
|
+
} | null | undefined)[] | {
|
|
1072
|
+
[x: string]: any;
|
|
1073
|
+
} | null | undefined)[] | {
|
|
1074
|
+
[x: string]: any;
|
|
1075
|
+
} | null | undefined)[] | {
|
|
1076
|
+
[x: string]: any;
|
|
1077
|
+
} | null | undefined)[] | {
|
|
1078
|
+
[x: string]: any;
|
|
1079
|
+
} | null | undefined;
|
|
1080
|
+
})) | undefined) => string;
|
|
1081
|
+
interface ToggleProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
|
|
1082
|
+
pressed?: boolean;
|
|
1083
|
+
}
|
|
1084
|
+
declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1085
|
+
|
|
1024
1086
|
type ToggleGroupContextProps = {
|
|
1025
1087
|
direction?: 'row' | 'column';
|
|
1026
1088
|
type: 'single' | 'multiple';
|
|
@@ -1038,6 +1100,7 @@ declare const TooltipProvider: ({ delayDuration, ...props }: react.ComponentProp
|
|
|
1038
1100
|
declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
|
|
1039
1101
|
declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1040
1102
|
declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1103
|
+
declare const TooltipPortal: react.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
1041
1104
|
declare const TooltipArrow: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & react.RefAttributes<SVGSVGElement>>;
|
|
1042
1105
|
declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
|
|
1043
1106
|
title: string;
|
|
@@ -1046,4 +1109,4 @@ declare const TooltipContentCard: react.ForwardRefExoticComponent<react.HTMLAttr
|
|
|
1046
1109
|
action?: string | react.ReactNode;
|
|
1047
1110
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1048
1111
|
|
|
1049
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
|
|
1112
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogState, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverArrow, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentCard, TooltipPortal, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, toggleVariants, useDialogState, useToast };
|
package/dist/index.js
CHANGED
|
@@ -46,6 +46,7 @@ __reExport(index_exports, require("./components/Table"), module.exports);
|
|
|
46
46
|
__reExport(index_exports, require("./components/Tabs"), module.exports);
|
|
47
47
|
__reExport(index_exports, require("./components/Textarea"), module.exports);
|
|
48
48
|
__reExport(index_exports, require("./components/Toaster"), module.exports);
|
|
49
|
+
__reExport(index_exports, require("./components/Toggle"), module.exports);
|
|
49
50
|
__reExport(index_exports, require("./components/ToggleGroup"), module.exports);
|
|
50
51
|
__reExport(index_exports, require("./components/Tooltip"), module.exports);
|
|
51
52
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -81,6 +82,7 @@ __reExport(index_exports, require("./components/Tooltip"), module.exports);
|
|
|
81
82
|
...require("./components/Tabs"),
|
|
82
83
|
...require("./components/Textarea"),
|
|
83
84
|
...require("./components/Toaster"),
|
|
85
|
+
...require("./components/Toggle"),
|
|
84
86
|
...require("./components/ToggleGroup"),
|
|
85
87
|
...require("./components/Tooltip")
|
|
86
88
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -29,5 +29,6 @@ export * from "./components/Table/index.mjs";
|
|
|
29
29
|
export * from "./components/Tabs/index.mjs";
|
|
30
30
|
export * from "./components/Textarea/index.mjs";
|
|
31
31
|
export * from "./components/Toaster/index.mjs";
|
|
32
|
+
export * from "./components/Toggle/index.mjs";
|
|
32
33
|
export * from "./components/ToggleGroup/index.mjs";
|
|
33
34
|
export * from "./components/Tooltip/index.mjs";
|