linkedunion-design-kit 1.9.6-beta.0 → 1.9.6-beta.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/build/types/validator.js +12 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/src/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/src/components/Badge/Badge.stories.js +1 -1
- package/dist/src/components/Button/Button/Button.module.css +1 -1
- package/dist/src/components/Card/MultipleNews/MultiNews.js +2 -2
- package/dist/src/components/Pagination/pagination.js +7 -7
- package/dist/src/components/Skeleton/skeleton.stories.d.ts +3 -1
- package/dist/src/components/Skeleton/skeleton.stories.js +48 -38
- package/dist/src/components/Title/Title.module.css +1 -1
- package/dist/src/components/Typography/Heading/heading.module.css +1 -1
- package/dist/src/components/VerticalTabs/VerticalTabs.d.ts +18 -0
- package/dist/src/components/VerticalTabs/VerticalTabs.js +60 -0
- package/dist/src/components/VerticalTabs/VerticalTabs.stories.d.ts +11 -0
- package/dist/src/components/VerticalTabs/VerticalTabs.stories.js +100 -0
- package/dist/src/components/VerticalTabs/VerticalTabs.test.d.ts +1 -0
- package/dist/src/components/VerticalTabs/VerticalTabs.test.js +48 -0
- package/dist/styles/global.css +118 -6
- package/package.json +2 -2
- package/dist/app/layout.jsx +0 -13
- package/dist/app/page.jsx +0 -5
- package/dist/src/components/Accordion/Accordion.stories.jsx +0 -33
- package/dist/src/components/Accordion/accordion.jsx +0 -59
- package/dist/src/components/Alerts/Alert/alert.jsx +0 -152
- package/dist/src/components/Alerts/Alert/alert.stories.jsx +0 -344
- package/dist/src/components/Alerts/AlertDialog/alert-dialog.jsx +0 -170
- package/dist/src/components/Alerts/AlertDialog/alert-dialog.stories.jsx +0 -552
- package/dist/src/components/AppIcons/AndroidIcon.jsx +0 -24
- package/dist/src/components/AppIcons/AppIcon.jsx +0 -29
- package/dist/src/components/AppIcons/AppIcon.stories.jsx +0 -223
- package/dist/src/components/AppIcons/AppleIcon.jsx +0 -31
- package/dist/src/components/AppIcons/PlayStoreIcon.jsx +0 -29
- package/dist/src/components/Avatar/Avatar/Avatar.jsx +0 -45
- package/dist/src/components/Avatar/Avatar/Avatar.stories.jsx +0 -95
- package/dist/src/components/Avatar/Avatar/Avatar.test.jsx +0 -9
- package/dist/src/components/Avatar/Avatar/type.d.ts +0 -12
- package/dist/src/components/Avatar/AvatarGroup/AvatarGroup.jsx +0 -17
- package/dist/src/components/Avatar/AvatarGroup/AvatarGroup.stories.jsx +0 -32
- package/dist/src/components/Avatar/StatusIndicator/StatusIndicator.jsx +0 -20
- package/dist/src/components/Avatar/StatusIndicator/StatusIndicator.stories.jsx +0 -50
- package/dist/src/components/Badge/Badge.jsx +0 -54
- package/dist/src/components/Badge/Badge.stories.jsx +0 -201
- package/dist/src/components/Button/Button/Button.jsx +0 -96
- package/dist/src/components/Button/Button/Button.stories.jsx +0 -283
- package/dist/src/components/Button/Button/Button.test.jsx +0 -73
- package/dist/src/components/Button/IconButton/IconButton.jsx +0 -63
- package/dist/src/components/Button/IconButton/IconButton.stories.jsx +0 -128
- package/dist/src/components/Button/IconButton/IconButton.test.jsx +0 -28
- package/dist/src/components/Card/MultipleNews/MultiNews.jsx +0 -70
- package/dist/src/components/Card/MultipleNews/MultiNews.stories.jsx +0 -101
- package/dist/src/components/Card/PostByCategory/PostByCategory.jsx +0 -60
- package/dist/src/components/Card/PostByCategory/PostByCategory.stories.jsx +0 -102
- package/dist/src/components/Card/SinglePost/SinglePost.jsx +0 -26
- package/dist/src/components/Card/SinglePost/SinglePost.stories.jsx +0 -63
- package/dist/src/components/Card/card.jsx +0 -20
- package/dist/src/components/Card/contactProfile/ContactProfile.jsx +0 -60
- package/dist/src/components/Card/contactProfile/ContactProfile.stories.jsx +0 -99
- package/dist/src/components/Card/photoAlbum/PhotoAlbum.jsx +0 -41
- package/dist/src/components/Card/photoAlbum/PhotoAlbum.stories.jsx +0 -51
- package/dist/src/components/Card/photoGallery/PhotoGallery.jsx +0 -17
- package/dist/src/components/Card/photoGallery/PhotoGallery.stories.jsx +0 -34
- package/dist/src/components/Checkbox/checkbox.jsx +0 -47
- package/dist/src/components/Checkbox/checkbox.stories.jsx +0 -113
- package/dist/src/components/ColorPicker/ColorPicker.jsx +0 -67
- package/dist/src/components/ColorPicker/ColorPicker.stories.jsx +0 -138
- package/dist/src/components/Colors/color.jsx +0 -5
- package/dist/src/components/Colors/color.stories.jsx +0 -20
- package/dist/src/components/Colors/color.test.jsx +0 -23
- package/dist/src/components/Dropdown/Combobox/Combobox.jsx +0 -198
- package/dist/src/components/Dropdown/Combobox/Combobox.stories.jsx +0 -289
- package/dist/src/components/Dropdown/Combobox/utils/renderBadge.jsx +0 -7
- package/dist/src/components/Dropdown/DropdownMenu/DropdownMenu.jsx +0 -102
- package/dist/src/components/Dropdown/DropdownMenu/DropdownMenu.stories.jsx +0 -464
- package/dist/src/components/Dropdown/DropdownMenu/SelectAllSection.jsx +0 -19
- package/dist/src/components/Dropdown/Select.stories.jsx +0 -201
- package/dist/src/components/Dropdown/select.jsx +0 -93
- package/dist/src/components/Icons/LUIcon.jsx +0 -41
- package/dist/src/components/Icons/LUIcon.test.jsx +0 -308
- package/dist/src/components/Icons/stories/IconDropdown.jsx +0 -67
- package/dist/src/components/Icons/stories/IconGallery.jsx +0 -77
- package/dist/src/components/Icons/stories/InteractiveIconSelector.jsx +0 -86
- package/dist/src/components/Icons/stories/LUIcon.stories.jsx +0 -108
- package/dist/src/components/ImageUploader/ImageUploader.stories.jsx +0 -50
- package/dist/src/components/ImageUploader/imageUploader.jsx +0 -94
- package/dist/src/components/Images/LuImage.jsx +0 -19
- package/dist/src/components/Images/LuImage.stories.jsx +0 -154
- package/dist/src/components/Images/LuImage.test.jsx +0 -44
- package/dist/src/components/Input/Input.stories.jsx +0 -250
- package/dist/src/components/Input/input.jsx +0 -110
- package/dist/src/components/Label/Label.jsx +0 -32
- package/dist/src/components/Label/Label.stories.jsx +0 -30
- package/dist/src/components/Pagination/pagination.jsx +0 -65
- package/dist/src/components/Pagination/pagination.stories.jsx +0 -301
- package/dist/src/components/RadioGroup/RadioGroup.stories.jsx +0 -146
- package/dist/src/components/RadioGroup/radio-group.jsx +0 -49
- package/dist/src/components/Slider/Slider.stories.jsx +0 -159
- package/dist/src/components/Slider/slider.jsx +0 -31
- package/dist/src/components/SweetAlert/SweetAlert.jsx +0 -147
- package/dist/src/components/SweetAlert/SweetAlert.stories.jsx +0 -505
- package/dist/src/components/Switch/Switch.stories.jsx +0 -66
- package/dist/src/components/Switch/switch.jsx +0 -61
- package/dist/src/components/Table/Table.jsx +0 -221
- package/dist/src/components/Table/Table.stories.jsx +0 -652
- package/dist/src/components/Tabs/Tabs.stories.jsx +0 -29
- package/dist/src/components/Tabs/tabs.jsx +0 -32
- package/dist/src/components/Title/Title.jsx +0 -8
- package/dist/src/components/Title/Title.stories.jsx +0 -37
- package/dist/src/components/Title/Title.test.jsx +0 -24
- package/dist/src/components/ToolTip/Tooltip.jsx +0 -18
- package/dist/src/components/ToolTip/Tooltip.stories.jsx +0 -25
- package/dist/src/components/Typography/Body/Body.stories.jsx +0 -34
- package/dist/src/components/Typography/Body/body.jsx +0 -52
- package/dist/src/components/Typography/Caption/Caption.stories.jsx +0 -24
- package/dist/src/components/Typography/Caption/caption.jsx +0 -25
- package/dist/src/components/Typography/Display/Display.stories.jsx +0 -24
- package/dist/src/components/Typography/Display/display.jsx +0 -39
- package/dist/src/components/Typography/Heading/Heading.stories.jsx +0 -37
- package/dist/src/components/Typography/Heading/heading.jsx +0 -53
- package/dist/src/components/ui/avatar.d.ts +0 -6
- package/dist/src/components/ui/avatar.js +0 -38
- package/dist/src/components/ui/avatar.jsx +0 -27
- package/dist/src/components/ui/button.d.ts +0 -10
- package/dist/src/components/ui/button.js +0 -56
- package/dist/src/components/ui/button.jsx +0 -45
- package/dist/src/components/ui/collapsible.jsx +0 -5
- package/dist/src/components/ui/command.jsx +0 -67
- package/dist/src/components/ui/dialog.jsx +0 -66
- package/dist/src/components/ui/popover.jsx +0 -33
- package/dist/src/components/ui/tooltip.jsx +0 -38
- package/dist/src/components/ui/typography.jsx +0 -56
- /package/dist/{src/components/Avatar/Avatar/type.js → build/types/validator.d.ts} +0 -0
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from "react";
|
|
13
|
-
import { Command as CommandPrimitive } from "cmdk";
|
|
14
|
-
import { cn } from "../../lib/utils";
|
|
15
|
-
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../components/ui/dialog";
|
|
16
|
-
import LUIcon from "../Icons/LUIcon";
|
|
17
|
-
import { comboboxSizes, searchIconSizeMap } from "../Dropdown/Combobox";
|
|
18
|
-
function Command(_a) {
|
|
19
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
20
|
-
return (<CommandPrimitive data-slot="command" className={cn("bg-white text-gray-900 !p-2 flex flex-col gap-2 overflow-hidden rounded-sm shadow-lg", className)} {...props}/>);
|
|
21
|
-
}
|
|
22
|
-
function CommandDialog(_a) {
|
|
23
|
-
var _b = _a.title, title = _b === void 0 ? "Command Palette" : _b, _c = _a.description, description = _c === void 0 ? "Search for a command to run..." : _c, children = _a.children, className = _a.className, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? true : _d, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
|
|
24
|
-
return (<Dialog {...props}>
|
|
25
|
-
<DialogHeader className="sr-only">
|
|
26
|
-
<DialogTitle>{title}</DialogTitle>
|
|
27
|
-
<DialogDescription>{description}</DialogDescription>
|
|
28
|
-
</DialogHeader>
|
|
29
|
-
<DialogContent className={cn("overflow-hidden p-0", className)} showCloseButton={showCloseButton}>
|
|
30
|
-
<Command className="[&_[cmdk-group-heading]]:text-muted-foreground [&_[data-slot=command-input-wrapper]]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
|
|
31
|
-
{children}
|
|
32
|
-
</Command>
|
|
33
|
-
</DialogContent>
|
|
34
|
-
</Dialog>);
|
|
35
|
-
}
|
|
36
|
-
function CommandInput(_a) {
|
|
37
|
-
var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
|
|
38
|
-
return (<div data-slot="command-input-wrapper" className={cn("flex items-center gap-2 border border-gray-200 rounded-sm font-normal !leading-normal !px-4 !py-3 ".concat(comboboxSizes[size]), className)}>
|
|
39
|
-
<LUIcon icon="magnifying-glass" size={searchIconSizeMap[size]}/>
|
|
40
|
-
<CommandPrimitive.Input data-slot="command-input" className={cn("placeholder:text-gray-400 flex outline-hidden disabled:cursor-not-allowed disabled:opacity-50")} {...props}/>
|
|
41
|
-
</div>);
|
|
42
|
-
}
|
|
43
|
-
function CommandList(_a) {
|
|
44
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
45
|
-
return (<CommandPrimitive.List data-slot="command-list" className={cn("scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar-width-none [&::-webkit-scrollbar]:hidden max-h-[200px] sm:max-h-[320px]", className)} {...props}/>);
|
|
46
|
-
}
|
|
47
|
-
function CommandEmpty(_a) {
|
|
48
|
-
var props = __rest(_a, []);
|
|
49
|
-
return (<CommandPrimitive.Empty data-slot="command-empty" className="py-6 text-center text-sm" {...props}/>);
|
|
50
|
-
}
|
|
51
|
-
function CommandGroup(_a) {
|
|
52
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
53
|
-
return (<CommandPrimitive.Group data-slot="command-group" className={cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className)} {...props}/>);
|
|
54
|
-
}
|
|
55
|
-
function CommandSeparator(_a) {
|
|
56
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
57
|
-
return (<CommandPrimitive.Separator data-slot="command-separator" className={cn("bg-border -mx-1 h-px", className)} {...props}/>);
|
|
58
|
-
}
|
|
59
|
-
function CommandItem(_a) {
|
|
60
|
-
var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
|
|
61
|
-
return (<CommandPrimitive.Item data-slot="command-item" className={cn("hover:bg-blue-50 hover:text-gray-900 relative flex cursor-default items-center gap-2 !px-4 !py-3 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 font-normal !leading-normal ".concat(comboboxSizes[size]), className)} {...props}/>);
|
|
62
|
-
}
|
|
63
|
-
function CommandShortcut(_a) {
|
|
64
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
65
|
-
return (<span data-slot="command-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props}/>);
|
|
66
|
-
}
|
|
67
|
-
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
15
|
-
import { XIcon } from "lucide-react";
|
|
16
|
-
import { cn } from "../../lib/utils";
|
|
17
|
-
function Dialog(_a) {
|
|
18
|
-
var props = __rest(_a, []);
|
|
19
|
-
return <DialogPrimitive.Root data-slot="dialog" {...props}/>;
|
|
20
|
-
}
|
|
21
|
-
function DialogTrigger(_a) {
|
|
22
|
-
var props = __rest(_a, []);
|
|
23
|
-
return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props}/>;
|
|
24
|
-
}
|
|
25
|
-
function DialogPortal(_a) {
|
|
26
|
-
var props = __rest(_a, []);
|
|
27
|
-
return <DialogPrimitive.Portal data-slot="dialog-portal" {...props}/>;
|
|
28
|
-
}
|
|
29
|
-
function DialogClose(_a) {
|
|
30
|
-
var props = __rest(_a, []);
|
|
31
|
-
return <DialogPrimitive.Close data-slot="dialog-close" {...props}/>;
|
|
32
|
-
}
|
|
33
|
-
function DialogOverlay(_a) {
|
|
34
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
35
|
-
return (<DialogPrimitive.Overlay data-slot="dialog-overlay" className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)} {...props}/>);
|
|
36
|
-
}
|
|
37
|
-
function DialogContent(_a) {
|
|
38
|
-
var className = _a.className, children = _a.children, _b = _a.showCloseButton, showCloseButton = _b === void 0 ? true : _b, props = __rest(_a, ["className", "children", "showCloseButton"]);
|
|
39
|
-
return (<DialogPortal data-slot="dialog-portal">
|
|
40
|
-
<DialogOverlay />
|
|
41
|
-
<DialogPrimitive.Content data-slot="dialog-content" className={cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200", className)} {...props}>
|
|
42
|
-
{children}
|
|
43
|
-
{showCloseButton && (<DialogPrimitive.Close data-slot="dialog-close" className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
|
|
44
|
-
<XIcon />
|
|
45
|
-
<span className="sr-only">Close</span>
|
|
46
|
-
</DialogPrimitive.Close>)}
|
|
47
|
-
</DialogPrimitive.Content>
|
|
48
|
-
</DialogPortal>);
|
|
49
|
-
}
|
|
50
|
-
function DialogHeader(_a) {
|
|
51
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
52
|
-
return (<div data-slot="dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props}/>);
|
|
53
|
-
}
|
|
54
|
-
function DialogFooter(_a) {
|
|
55
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
56
|
-
return (<div data-slot="dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props}/>);
|
|
57
|
-
}
|
|
58
|
-
function DialogTitle(_a) {
|
|
59
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
60
|
-
return (<DialogPrimitive.Title data-slot="dialog-title" className={cn("text-lg leading-none font-semibold", className)} {...props}/>);
|
|
61
|
-
}
|
|
62
|
-
function DialogDescription(_a) {
|
|
63
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
64
|
-
return (<DialogPrimitive.Description data-slot="dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props}/>);
|
|
65
|
-
}
|
|
66
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from "react";
|
|
13
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
14
|
-
import { cn } from "../../lib/utils";
|
|
15
|
-
function Popover(_a) {
|
|
16
|
-
var props = __rest(_a, []);
|
|
17
|
-
return <PopoverPrimitive.Root data-slot="popover" {...props}/>;
|
|
18
|
-
}
|
|
19
|
-
function PopoverTrigger(_a) {
|
|
20
|
-
var props = __rest(_a, []);
|
|
21
|
-
return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props}/>;
|
|
22
|
-
}
|
|
23
|
-
function PopoverContent(_a) {
|
|
24
|
-
var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
|
|
25
|
-
return (<PopoverPrimitive.Portal>
|
|
26
|
-
<PopoverPrimitive.Content data-slot="popover-content" align={align} sideOffset={sideOffset} className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 origin-(--radix-popover-content-transform-origin) outline-hidden", className)} {...props}/>
|
|
27
|
-
</PopoverPrimitive.Portal>);
|
|
28
|
-
}
|
|
29
|
-
function PopoverAnchor(_a) {
|
|
30
|
-
var props = __rest(_a, []);
|
|
31
|
-
return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props}/>;
|
|
32
|
-
}
|
|
33
|
-
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from "react";
|
|
13
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
14
|
-
import { cn } from "../../lib/utils";
|
|
15
|
-
function TooltipProvider(_a) {
|
|
16
|
-
var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
|
|
17
|
-
return (<TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props}/>);
|
|
18
|
-
}
|
|
19
|
-
function Tooltip(_a) {
|
|
20
|
-
var props = __rest(_a, []);
|
|
21
|
-
return (<TooltipProvider>
|
|
22
|
-
<TooltipPrimitive.Root data-slot="tooltip" {...props}/>
|
|
23
|
-
</TooltipProvider>);
|
|
24
|
-
}
|
|
25
|
-
function TooltipTrigger(_a) {
|
|
26
|
-
var props = __rest(_a, []);
|
|
27
|
-
return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props}/>;
|
|
28
|
-
}
|
|
29
|
-
function TooltipContent(_a) {
|
|
30
|
-
var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
|
|
31
|
-
return (<TooltipPrimitive.Portal>
|
|
32
|
-
<TooltipPrimitive.Content data-slot="tooltip-content" sideOffset={sideOffset} className={cn("!bg-primary !text-primary-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 z-50 !w-fit origin-(--radix-tooltip-content-transform-origin) !rounded-md !px-3 !py-1.5 !text-xs !text-balance", className)} {...props}>
|
|
33
|
-
{children}
|
|
34
|
-
<TooltipPrimitive.Arrow className="!bg-primary !fill-primary z-50 !size-3 translate-y-[calc(-50%_-_2px)] rotate-45 !rounded-[2px]"/>
|
|
35
|
-
</TooltipPrimitive.Content>
|
|
36
|
-
</TooltipPrimitive.Portal>);
|
|
37
|
-
}
|
|
38
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from "react";
|
|
13
|
-
import { cva } from "class-variance-authority";
|
|
14
|
-
import { cn } from "../../lib/utils";
|
|
15
|
-
export var variant = {
|
|
16
|
-
h1: "text-5xl font-bold",
|
|
17
|
-
h2: "text-4xl font-bold",
|
|
18
|
-
h3: "text-3xl font-bold",
|
|
19
|
-
h4: "text-2xl font-semibold",
|
|
20
|
-
h5: "text-xl font-semibold",
|
|
21
|
-
h6: "text-lg font-semibold",
|
|
22
|
-
d1: "text-9xl font-bold",
|
|
23
|
-
d2: "text-8xl font-bold",
|
|
24
|
-
d3: "text-7xl font-bold",
|
|
25
|
-
d4: "text-6xl font-bold",
|
|
26
|
-
b1: "text-xl font-normal m-0",
|
|
27
|
-
b2: "text-lg font-normal m-0",
|
|
28
|
-
b3: "text-base font-normal m-0",
|
|
29
|
-
b4: "text-sm font-medium m-0",
|
|
30
|
-
};
|
|
31
|
-
var typographyVariants = cva("!leading-normal", // Default base class
|
|
32
|
-
{
|
|
33
|
-
variants: {
|
|
34
|
-
variant: variant,
|
|
35
|
-
},
|
|
36
|
-
defaultVariants: {
|
|
37
|
-
variant: "b3",
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
function Typography(_a) {
|
|
41
|
-
var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
|
|
42
|
-
var Tag = "span";
|
|
43
|
-
if (variant === null || variant === void 0 ? void 0 : variant.startsWith("h")) {
|
|
44
|
-
Tag = variant;
|
|
45
|
-
}
|
|
46
|
-
else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("d")) {
|
|
47
|
-
Tag = "div";
|
|
48
|
-
}
|
|
49
|
-
else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("b")) {
|
|
50
|
-
Tag = "p";
|
|
51
|
-
}
|
|
52
|
-
return (<Tag className={cn(typographyVariants({ variant: variant, className: className }))} {...props}>
|
|
53
|
-
{children}
|
|
54
|
-
</Tag>);
|
|
55
|
-
}
|
|
56
|
-
export { Typography, typographyVariants };
|
|
File without changes
|