wiki-viewer 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/.next/standalone/.github/workflows/publish.yml +37 -0
  2. package/.next/standalone/DESIGN.md +521 -0
  3. package/.next/standalone/README.md +283 -0
  4. package/.next/standalone/bin/wiki-viewer.js +158 -0
  5. package/.next/standalone/next.config.ts +11 -0
  6. package/.next/standalone/package.json +120 -0
  7. package/.next/standalone/pnpm-lock.yaml +5654 -0
  8. package/.next/standalone/pnpm-workspace.yaml +2 -0
  9. package/.next/standalone/postcss.config.mjs +2 -0
  10. package/.next/standalone/public/logo.svg +11 -0
  11. package/.next/standalone/public/public/logo.svg +11 -0
  12. package/.next/standalone/server.js +44 -0
  13. package/.next/standalone/src/app/api/app-proxy/[...path]/route.ts +247 -0
  14. package/.next/standalone/src/app/api/assets/[...path]/route.ts +70 -0
  15. package/.next/standalone/src/app/api/system/browse/route.ts +78 -0
  16. package/.next/standalone/src/app/api/system/clear-root/route.ts +9 -0
  17. package/.next/standalone/src/app/api/system/config/route.ts +10 -0
  18. package/.next/standalone/src/app/api/system/pins/route.ts +31 -0
  19. package/.next/standalone/src/app/api/system/reveal/route.ts +28 -0
  20. package/.next/standalone/src/app/api/system/root-status/route.ts +9 -0
  21. package/.next/standalone/src/app/api/system/set-root/route.ts +23 -0
  22. package/.next/standalone/src/app/api/upload/[...path]/route.ts +80 -0
  23. package/.next/standalone/src/app/api/wiki/app/route.ts +41 -0
  24. package/.next/standalone/src/app/api/wiki/content/route.ts +60 -0
  25. package/.next/standalone/src/app/api/wiki/file/route.ts +52 -0
  26. package/.next/standalone/src/app/api/wiki/folder/route.ts +26 -0
  27. package/.next/standalone/src/app/api/wiki/move/route.ts +45 -0
  28. package/.next/standalone/src/app/api/wiki/page/route.ts +84 -0
  29. package/.next/standalone/src/app/api/wiki/route.ts +98 -0
  30. package/.next/standalone/src/app/api/wiki/slugs/route.ts +50 -0
  31. package/.next/standalone/src/app/api/wiki/upload/route.ts +87 -0
  32. package/.next/standalone/src/app/api/wiki/watch/route.ts +86 -0
  33. package/.next/standalone/src/app/globals.css +716 -0
  34. package/.next/standalone/src/app/icon.svg +11 -0
  35. package/.next/standalone/src/app/layout.tsx +35 -0
  36. package/.next/standalone/src/app/page.tsx +1509 -0
  37. package/.next/standalone/src/components/confirm-dialog.tsx +56 -0
  38. package/.next/standalone/src/components/dir-picker.tsx +393 -0
  39. package/.next/standalone/src/components/editor/bubble-menu.tsx +286 -0
  40. package/.next/standalone/src/components/editor/callout-extension.ts +36 -0
  41. package/.next/standalone/src/components/editor/csv-viewer.tsx +335 -0
  42. package/.next/standalone/src/components/editor/editor-toolbar.tsx +564 -0
  43. package/.next/standalone/src/components/editor/editor.tsx +633 -0
  44. package/.next/standalone/src/components/editor/extensions/drag-handle.ts +325 -0
  45. package/.next/standalone/src/components/editor/extensions/heading-anchors.ts +55 -0
  46. package/.next/standalone/src/components/editor/extensions/resizable-image.tsx +159 -0
  47. package/.next/standalone/src/components/editor/extensions.ts +148 -0
  48. package/.next/standalone/src/components/editor/file-fallback-viewer.tsx +74 -0
  49. package/.next/standalone/src/components/editor/folder-index.tsx +235 -0
  50. package/.next/standalone/src/components/editor/google-doc-viewer.tsx +73 -0
  51. package/.next/standalone/src/components/editor/image-viewer.tsx +56 -0
  52. package/.next/standalone/src/components/editor/link-popover.tsx +111 -0
  53. package/.next/standalone/src/components/editor/media-popover.tsx +211 -0
  54. package/.next/standalone/src/components/editor/media-viewer.tsx +69 -0
  55. package/.next/standalone/src/components/editor/mermaid-viewer.tsx +285 -0
  56. package/.next/standalone/src/components/editor/node-app-viewer.tsx +269 -0
  57. package/.next/standalone/src/components/editor/notebook-viewer.tsx +370 -0
  58. package/.next/standalone/src/components/editor/office/docx-viewer.tsx +92 -0
  59. package/.next/standalone/src/components/editor/office/office-chrome.tsx +82 -0
  60. package/.next/standalone/src/components/editor/office/pptx-viewer.tsx +103 -0
  61. package/.next/standalone/src/components/editor/office/xlsx-viewer.tsx +116 -0
  62. package/.next/standalone/src/components/editor/pdf-viewer.tsx +31 -0
  63. package/.next/standalone/src/components/editor/slash-commands.tsx +454 -0
  64. package/.next/standalone/src/components/editor/source-viewer.tsx +212 -0
  65. package/.next/standalone/src/components/editor/table-menu.tsx +232 -0
  66. package/.next/standalone/src/components/editor/website-viewer.tsx +74 -0
  67. package/.next/standalone/src/components/editor/wiki-link-create-dialog.tsx +188 -0
  68. package/.next/standalone/src/components/editor/wiki-link-decorator.ts +79 -0
  69. package/.next/standalone/src/components/editor/wiki-link-extension.ts +120 -0
  70. package/.next/standalone/src/components/editor/wiki-link-picker.tsx +250 -0
  71. package/.next/standalone/src/components/layout/viewer-toolbar.tsx +54 -0
  72. package/.next/standalone/src/components/theme-provider.tsx +16 -0
  73. package/.next/standalone/src/components/theme-toggle.tsx +24 -0
  74. package/.next/standalone/src/components/ui/badge.tsx +35 -0
  75. package/.next/standalone/src/components/ui/button.tsx +56 -0
  76. package/.next/standalone/src/components/ui/card.tsx +63 -0
  77. package/.next/standalone/src/components/ui/collapsible.tsx +9 -0
  78. package/.next/standalone/src/components/ui/command.tsx +150 -0
  79. package/.next/standalone/src/components/ui/context-menu.tsx +191 -0
  80. package/.next/standalone/src/components/ui/dialog.tsx +119 -0
  81. package/.next/standalone/src/components/ui/dropdown-menu.tsx +194 -0
  82. package/.next/standalone/src/components/ui/input.tsx +22 -0
  83. package/.next/standalone/src/components/ui/label.tsx +25 -0
  84. package/.next/standalone/src/components/ui/popover.tsx +33 -0
  85. package/.next/standalone/src/components/ui/scroll-area.tsx +47 -0
  86. package/.next/standalone/src/components/ui/select.tsx +156 -0
  87. package/.next/standalone/src/components/ui/separator.tsx +30 -0
  88. package/.next/standalone/src/components/ui/sheet.tsx +140 -0
  89. package/.next/standalone/src/components/ui/skeleton.tsx +15 -0
  90. package/.next/standalone/src/components/ui/switch.tsx +28 -0
  91. package/.next/standalone/src/components/ui/tabs.tsx +54 -0
  92. package/.next/standalone/src/components/ui/textarea.tsx +21 -0
  93. package/.next/standalone/src/components/ui/tip.tsx +23 -0
  94. package/.next/standalone/src/components/ui/toggle-group.tsx +41 -0
  95. package/.next/standalone/src/components/ui/tooltip.tsx +27 -0
  96. package/.next/standalone/src/components/wiki/frontmatter-header.tsx +164 -0
  97. package/.next/standalone/src/lib/app-runner.ts +231 -0
  98. package/.next/standalone/src/lib/cabinets/tree.ts +75 -0
  99. package/.next/standalone/src/lib/config.ts +32 -0
  100. package/.next/standalone/src/lib/embeds/detect.ts +142 -0
  101. package/.next/standalone/src/lib/google/detect.ts +107 -0
  102. package/.next/standalone/src/lib/markdown/parse-frontmatter.ts +84 -0
  103. package/.next/standalone/src/lib/markdown/remark-wikilinks.ts +100 -0
  104. package/.next/standalone/src/lib/markdown/to-html.ts +168 -0
  105. package/.next/standalone/src/lib/markdown/to-markdown.ts +238 -0
  106. package/.next/standalone/src/lib/root-dir.ts +35 -0
  107. package/.next/standalone/src/lib/toast.ts +9 -0
  108. package/.next/standalone/src/lib/utils.ts +6 -0
  109. package/.next/standalone/src/lib/wiki-helpers.ts +36 -0
  110. package/.next/standalone/src/stores/ai-panel-store.ts +23 -0
  111. package/.next/standalone/src/stores/editor-store.ts +244 -0
  112. package/.next/standalone/src/stores/tree-store.ts +52 -0
  113. package/.next/standalone/src/stores/wiki-slugs-store.ts +74 -0
  114. package/.next/standalone/src/types/index.ts +47 -0
  115. package/.next/standalone/tailwind.config.ts +201 -0
  116. package/.next/standalone/tsconfig.json +41 -0
  117. package/README.md +283 -0
  118. package/bin/wiki-viewer.js +158 -0
  119. package/package.json +120 -0
@@ -0,0 +1,191 @@
1
+ "use client";
2
+
3
+ import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
4
+ import { Check, ChevronRight, Circle } from "lucide-react";
5
+ import * as React from "react";
6
+ import { cn } from "@/lib/utils";
7
+
8
+ const ContextMenu = ContextMenuPrimitive.Root;
9
+ const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
10
+ const ContextMenuGroup = ContextMenuPrimitive.Group;
11
+ const ContextMenuPortal = ContextMenuPrimitive.Portal;
12
+ const ContextMenuSub = ContextMenuPrimitive.Sub;
13
+ const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
14
+
15
+ const ContextMenuSubTrigger = React.forwardRef<
16
+ React.ComponentRef<typeof ContextMenuPrimitive.SubTrigger>,
17
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
18
+ inset?: boolean;
19
+ }
20
+ >(({ className, inset, children, ...props }, ref) => (
21
+ <ContextMenuPrimitive.SubTrigger
22
+ ref={ref}
23
+ className={cn(
24
+ "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
25
+ inset && "pl-8",
26
+ className,
27
+ )}
28
+ {...props}
29
+ >
30
+ {children}
31
+ <ChevronRight className="ml-auto h-4 w-4" />
32
+ </ContextMenuPrimitive.SubTrigger>
33
+ ));
34
+ ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
35
+
36
+ const ContextMenuSubContent = React.forwardRef<
37
+ React.ComponentRef<typeof ContextMenuPrimitive.SubContent>,
38
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
39
+ >(({ className, ...props }, ref) => (
40
+ <ContextMenuPrimitive.SubContent
41
+ ref={ref}
42
+ className={cn(
43
+ "z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-golden 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",
44
+ className,
45
+ )}
46
+ {...props}
47
+ />
48
+ ));
49
+ ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
50
+
51
+ const ContextMenuContent = React.forwardRef<
52
+ React.ComponentRef<typeof ContextMenuPrimitive.Content>,
53
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
54
+ >(({ className, ...props }, ref) => (
55
+ <ContextMenuPrimitive.Portal>
56
+ <ContextMenuPrimitive.Content
57
+ ref={ref}
58
+ className={cn(
59
+ "z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-golden 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",
60
+ className,
61
+ )}
62
+ {...props}
63
+ />
64
+ </ContextMenuPrimitive.Portal>
65
+ ));
66
+ ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
67
+
68
+ const ContextMenuItem = React.forwardRef<
69
+ React.ComponentRef<typeof ContextMenuPrimitive.Item>,
70
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
71
+ inset?: boolean;
72
+ }
73
+ >(({ className, inset, ...props }, ref) => (
74
+ <ContextMenuPrimitive.Item
75
+ ref={ref}
76
+ className={cn(
77
+ "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
78
+ inset && "pl-8",
79
+ className,
80
+ )}
81
+ {...props}
82
+ />
83
+ ));
84
+ ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
85
+
86
+ const ContextMenuCheckboxItem = React.forwardRef<
87
+ React.ComponentRef<typeof ContextMenuPrimitive.CheckboxItem>,
88
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
89
+ >(({ className, children, checked, ...props }, ref) => (
90
+ <ContextMenuPrimitive.CheckboxItem
91
+ ref={ref}
92
+ className={cn(
93
+ "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
94
+ className,
95
+ )}
96
+ checked={checked}
97
+ {...props}
98
+ >
99
+ <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
100
+ <ContextMenuPrimitive.ItemIndicator>
101
+ <Check className="h-4 w-4" />
102
+ </ContextMenuPrimitive.ItemIndicator>
103
+ </span>
104
+ {children}
105
+ </ContextMenuPrimitive.CheckboxItem>
106
+ ));
107
+ ContextMenuCheckboxItem.displayName =
108
+ ContextMenuPrimitive.CheckboxItem.displayName;
109
+
110
+ const ContextMenuRadioItem = React.forwardRef<
111
+ React.ComponentRef<typeof ContextMenuPrimitive.RadioItem>,
112
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
113
+ >(({ className, children, ...props }, ref) => (
114
+ <ContextMenuPrimitive.RadioItem
115
+ ref={ref}
116
+ className={cn(
117
+ "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
118
+ className,
119
+ )}
120
+ {...props}
121
+ >
122
+ <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
123
+ <ContextMenuPrimitive.ItemIndicator>
124
+ <Circle className="h-2 w-2 fill-current" />
125
+ </ContextMenuPrimitive.ItemIndicator>
126
+ </span>
127
+ {children}
128
+ </ContextMenuPrimitive.RadioItem>
129
+ ));
130
+ ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
131
+
132
+ const ContextMenuLabel = React.forwardRef<
133
+ React.ComponentRef<typeof ContextMenuPrimitive.Label>,
134
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
135
+ inset?: boolean;
136
+ }
137
+ >(({ className, inset, ...props }, ref) => (
138
+ <ContextMenuPrimitive.Label
139
+ ref={ref}
140
+ className={cn(
141
+ "px-2 py-1.5 text-sm font-normal",
142
+ inset && "pl-8",
143
+ className,
144
+ )}
145
+ {...props}
146
+ />
147
+ ));
148
+ ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
149
+
150
+ const ContextMenuSeparator = React.forwardRef<
151
+ React.ComponentRef<typeof ContextMenuPrimitive.Separator>,
152
+ React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
153
+ >(({ className, ...props }, ref) => (
154
+ <ContextMenuPrimitive.Separator
155
+ ref={ref}
156
+ className={cn("-mx-1 my-1 h-px bg-muted", className)}
157
+ {...props}
158
+ />
159
+ ));
160
+ ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
161
+
162
+ function ContextMenuShortcut({
163
+ className,
164
+ ...props
165
+ }: React.HTMLAttributes<HTMLSpanElement>) {
166
+ return (
167
+ <span
168
+ className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
169
+ {...props}
170
+ />
171
+ );
172
+ }
173
+ ContextMenuShortcut.displayName = "ContextMenuShortcut";
174
+
175
+ export {
176
+ ContextMenu,
177
+ ContextMenuCheckboxItem,
178
+ ContextMenuContent,
179
+ ContextMenuGroup,
180
+ ContextMenuItem,
181
+ ContextMenuLabel,
182
+ ContextMenuPortal,
183
+ ContextMenuRadioGroup,
184
+ ContextMenuRadioItem,
185
+ ContextMenuSeparator,
186
+ ContextMenuShortcut,
187
+ ContextMenuSub,
188
+ ContextMenuSubContent,
189
+ ContextMenuSubTrigger,
190
+ ContextMenuTrigger,
191
+ };
@@ -0,0 +1,119 @@
1
+ "use client";
2
+
3
+ import * as DialogPrimitive from "@radix-ui/react-dialog";
4
+ import { X } from "lucide-react";
5
+ import * as React from "react";
6
+ import { cn } from "@/lib/utils";
7
+
8
+ const Dialog = DialogPrimitive.Root;
9
+ const DialogTrigger = DialogPrimitive.Trigger;
10
+ const DialogPortal = DialogPrimitive.Portal;
11
+ const DialogClose = DialogPrimitive.Close;
12
+
13
+ const DialogOverlay = React.forwardRef<
14
+ React.ComponentRef<typeof DialogPrimitive.Overlay>,
15
+ React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
16
+ >(({ className, ...props }, ref) => (
17
+ <DialogPrimitive.Overlay
18
+ ref={ref}
19
+ className={cn(
20
+ "fixed inset-0 z-40 bg-[#0c0a09]/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
21
+ className,
22
+ )}
23
+ {...props}
24
+ />
25
+ ));
26
+ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
27
+
28
+ const DialogContent = React.forwardRef<
29
+ React.ComponentRef<typeof DialogPrimitive.Content>,
30
+ React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
31
+ >(({ className, children, ...props }, ref) => (
32
+ <DialogPortal>
33
+ <DialogOverlay />
34
+ <DialogPrimitive.Content
35
+ ref={ref}
36
+ className={cn(
37
+ "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-golden rounded-sm 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
38
+ className,
39
+ )}
40
+ {...props}
41
+ >
42
+ {children}
43
+ <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
44
+ <X className="h-4 w-4" />
45
+ <span className="sr-only">Close</span>
46
+ </DialogPrimitive.Close>
47
+ </DialogPrimitive.Content>
48
+ </DialogPortal>
49
+ ));
50
+ DialogContent.displayName = DialogPrimitive.Content.displayName;
51
+
52
+ function DialogHeader({
53
+ className,
54
+ ...props
55
+ }: React.HTMLAttributes<HTMLDivElement>) {
56
+ return (
57
+ <div
58
+ className={cn(
59
+ "flex flex-col space-y-1.5 text-center sm:text-left",
60
+ className,
61
+ )}
62
+ {...props}
63
+ />
64
+ );
65
+ }
66
+ DialogHeader.displayName = "DialogHeader";
67
+
68
+ function DialogFooter({
69
+ className,
70
+ ...props
71
+ }: React.HTMLAttributes<HTMLDivElement>) {
72
+ return (
73
+ <div
74
+ className={cn(
75
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
76
+ className,
77
+ )}
78
+ {...props}
79
+ />
80
+ );
81
+ }
82
+ DialogFooter.displayName = "DialogFooter";
83
+
84
+ const DialogTitle = React.forwardRef<
85
+ React.ComponentRef<typeof DialogPrimitive.Title>,
86
+ React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
87
+ >(({ className, ...props }, ref) => (
88
+ <DialogPrimitive.Title
89
+ ref={ref}
90
+ className={cn("text-lg font-normal leading-none tracking-tight", className)}
91
+ {...props}
92
+ />
93
+ ));
94
+ DialogTitle.displayName = DialogPrimitive.Title.displayName;
95
+
96
+ const DialogDescription = React.forwardRef<
97
+ React.ComponentRef<typeof DialogPrimitive.Description>,
98
+ React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
99
+ >(({ className, ...props }, ref) => (
100
+ <DialogPrimitive.Description
101
+ ref={ref}
102
+ className={cn("text-sm text-muted-foreground", className)}
103
+ {...props}
104
+ />
105
+ ));
106
+ DialogDescription.displayName = DialogPrimitive.Description.displayName;
107
+
108
+ export {
109
+ Dialog,
110
+ DialogClose,
111
+ DialogContent,
112
+ DialogDescription,
113
+ DialogFooter,
114
+ DialogHeader,
115
+ DialogOverlay,
116
+ DialogPortal,
117
+ DialogTitle,
118
+ DialogTrigger,
119
+ };
@@ -0,0 +1,194 @@
1
+ "use client";
2
+
3
+ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
4
+ import { Check, ChevronRight, Circle } from "lucide-react";
5
+ import * as React from "react";
6
+ import { cn } from "@/lib/utils";
7
+
8
+ const DropdownMenu = DropdownMenuPrimitive.Root;
9
+ const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
10
+ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
11
+ const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
12
+ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
13
+ const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
14
+
15
+ const DropdownMenuSubTrigger = React.forwardRef<
16
+ React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,
17
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
18
+ inset?: boolean;
19
+ }
20
+ >(({ className, inset, children, ...props }, ref) => (
21
+ <DropdownMenuPrimitive.SubTrigger
22
+ ref={ref}
23
+ className={cn(
24
+ "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
25
+ inset && "pl-8",
26
+ className,
27
+ )}
28
+ {...props}
29
+ >
30
+ {children}
31
+ <ChevronRight className="ml-auto h-4 w-4" />
32
+ </DropdownMenuPrimitive.SubTrigger>
33
+ ));
34
+ DropdownMenuSubTrigger.displayName =
35
+ DropdownMenuPrimitive.SubTrigger.displayName;
36
+
37
+ const DropdownMenuSubContent = React.forwardRef<
38
+ React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,
39
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
40
+ >(({ className, ...props }, ref) => (
41
+ <DropdownMenuPrimitive.SubContent
42
+ ref={ref}
43
+ className={cn(
44
+ "z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-golden 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",
45
+ className,
46
+ )}
47
+ {...props}
48
+ />
49
+ ));
50
+ DropdownMenuSubContent.displayName =
51
+ DropdownMenuPrimitive.SubContent.displayName;
52
+
53
+ const DropdownMenuContent = React.forwardRef<
54
+ React.ComponentRef<typeof DropdownMenuPrimitive.Content>,
55
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
56
+ >(({ className, sideOffset = 4, ...props }, ref) => (
57
+ <DropdownMenuPrimitive.Portal>
58
+ <DropdownMenuPrimitive.Content
59
+ ref={ref}
60
+ sideOffset={sideOffset}
61
+ className={cn(
62
+ "z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-golden 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",
63
+ className,
64
+ )}
65
+ {...props}
66
+ />
67
+ </DropdownMenuPrimitive.Portal>
68
+ ));
69
+ DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
70
+
71
+ const DropdownMenuItem = React.forwardRef<
72
+ React.ComponentRef<typeof DropdownMenuPrimitive.Item>,
73
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
74
+ inset?: boolean;
75
+ }
76
+ >(({ className, inset, ...props }, ref) => (
77
+ <DropdownMenuPrimitive.Item
78
+ ref={ref}
79
+ className={cn(
80
+ "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
81
+ inset && "pl-8",
82
+ className,
83
+ )}
84
+ {...props}
85
+ />
86
+ ));
87
+ DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
88
+
89
+ const DropdownMenuCheckboxItem = React.forwardRef<
90
+ React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,
91
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
92
+ >(({ className, children, checked, ...props }, ref) => (
93
+ <DropdownMenuPrimitive.CheckboxItem
94
+ ref={ref}
95
+ className={cn(
96
+ "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
97
+ className,
98
+ )}
99
+ checked={checked}
100
+ {...props}
101
+ >
102
+ <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
103
+ <DropdownMenuPrimitive.ItemIndicator>
104
+ <Check className="h-4 w-4" />
105
+ </DropdownMenuPrimitive.ItemIndicator>
106
+ </span>
107
+ {children}
108
+ </DropdownMenuPrimitive.CheckboxItem>
109
+ ));
110
+ DropdownMenuCheckboxItem.displayName =
111
+ DropdownMenuPrimitive.CheckboxItem.displayName;
112
+
113
+ const DropdownMenuRadioItem = React.forwardRef<
114
+ React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,
115
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
116
+ >(({ className, children, ...props }, ref) => (
117
+ <DropdownMenuPrimitive.RadioItem
118
+ ref={ref}
119
+ className={cn(
120
+ "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
121
+ className,
122
+ )}
123
+ {...props}
124
+ >
125
+ <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
126
+ <DropdownMenuPrimitive.ItemIndicator>
127
+ <Circle className="h-2 w-2 fill-current" />
128
+ </DropdownMenuPrimitive.ItemIndicator>
129
+ </span>
130
+ {children}
131
+ </DropdownMenuPrimitive.RadioItem>
132
+ ));
133
+ DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
134
+
135
+ const DropdownMenuLabel = React.forwardRef<
136
+ React.ComponentRef<typeof DropdownMenuPrimitive.Label>,
137
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
138
+ inset?: boolean;
139
+ }
140
+ >(({ className, inset, ...props }, ref) => (
141
+ <DropdownMenuPrimitive.Label
142
+ ref={ref}
143
+ className={cn(
144
+ "px-2 py-1.5 text-sm font-normal",
145
+ inset && "pl-8",
146
+ className,
147
+ )}
148
+ {...props}
149
+ />
150
+ ));
151
+ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
152
+
153
+ const DropdownMenuSeparator = React.forwardRef<
154
+ React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,
155
+ React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
156
+ >(({ className, ...props }, ref) => (
157
+ <DropdownMenuPrimitive.Separator
158
+ ref={ref}
159
+ className={cn("-mx-1 my-1 h-px bg-muted", className)}
160
+ {...props}
161
+ />
162
+ ));
163
+ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
164
+
165
+ function DropdownMenuShortcut({
166
+ className,
167
+ ...props
168
+ }: React.HTMLAttributes<HTMLSpanElement>) {
169
+ return (
170
+ <span
171
+ className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
172
+ {...props}
173
+ />
174
+ );
175
+ }
176
+ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
177
+
178
+ export {
179
+ DropdownMenu,
180
+ DropdownMenuCheckboxItem,
181
+ DropdownMenuContent,
182
+ DropdownMenuGroup,
183
+ DropdownMenuItem,
184
+ DropdownMenuLabel,
185
+ DropdownMenuPortal,
186
+ DropdownMenuRadioGroup,
187
+ DropdownMenuRadioItem,
188
+ DropdownMenuSeparator,
189
+ DropdownMenuShortcut,
190
+ DropdownMenuSub,
191
+ DropdownMenuSubContent,
192
+ DropdownMenuSubTrigger,
193
+ DropdownMenuTrigger,
194
+ };
@@ -0,0 +1,22 @@
1
+ import * as React from "react";
2
+ import { cn } from "@/lib/utils";
3
+
4
+ const Input = React.forwardRef<
5
+ HTMLInputElement,
6
+ React.InputHTMLAttributes<HTMLInputElement>
7
+ >(({ className, type, ...props }, ref) => {
8
+ return (
9
+ <input
10
+ type={type}
11
+ className={cn(
12
+ "flex h-9 w-full rounded-sm border border-input bg-secondary px-3 py-1 text-sm shadow-e-1 transition-colors file:border-0 file:bg-transparent file:text-sm file:font-normal placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
13
+ className,
14
+ )}
15
+ ref={ref}
16
+ {...props}
17
+ />
18
+ );
19
+ });
20
+ Input.displayName = "Input";
21
+
22
+ export { Input };
@@ -0,0 +1,25 @@
1
+ "use client";
2
+
3
+ import * as LabelPrimitive from "@radix-ui/react-label";
4
+ import { cva, type VariantProps } from "class-variance-authority";
5
+ import * as React from "react";
6
+ import { cn } from "@/lib/utils";
7
+
8
+ const labelVariants = cva(
9
+ "text-sm font-normal leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
10
+ );
11
+
12
+ const Label = React.forwardRef<
13
+ React.ComponentRef<typeof LabelPrimitive.Root>,
14
+ React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
15
+ VariantProps<typeof labelVariants>
16
+ >(({ className, ...props }, ref) => (
17
+ <LabelPrimitive.Root
18
+ ref={ref}
19
+ className={cn(labelVariants(), className)}
20
+ {...props}
21
+ />
22
+ ));
23
+ Label.displayName = LabelPrimitive.Root.displayName;
24
+
25
+ export { Label };
@@ -0,0 +1,33 @@
1
+ "use client";
2
+
3
+ import * as PopoverPrimitive from "@radix-ui/react-popover";
4
+ import * as React from "react";
5
+
6
+ import { cn } from "@/lib/utils";
7
+
8
+ const Popover = PopoverPrimitive.Root;
9
+
10
+ const PopoverTrigger = PopoverPrimitive.Trigger;
11
+
12
+ const PopoverAnchor = PopoverPrimitive.Anchor;
13
+
14
+ const PopoverContent = React.forwardRef<
15
+ React.ComponentRef<typeof PopoverPrimitive.Content>,
16
+ React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
17
+ >(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
18
+ <PopoverPrimitive.Portal>
19
+ <PopoverPrimitive.Content
20
+ ref={ref}
21
+ align={align}
22
+ sideOffset={sideOffset}
23
+ className={cn(
24
+ "z-50 w-72 rounded-sm border bg-popover p-4 text-popover-foreground shadow-golden outline-none 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",
25
+ className,
26
+ )}
27
+ {...props}
28
+ />
29
+ </PopoverPrimitive.Portal>
30
+ ));
31
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
32
+
33
+ export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
@@ -0,0 +1,47 @@
1
+ "use client";
2
+
3
+ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
4
+ import * as React from "react";
5
+ import { cn } from "@/lib/utils";
6
+
7
+ const ScrollArea = React.forwardRef<
8
+ React.ComponentRef<typeof ScrollAreaPrimitive.Root>,
9
+ React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
10
+ >(({ className, children, ...props }, ref) => (
11
+ <ScrollAreaPrimitive.Root
12
+ ref={ref}
13
+ className={cn("relative overflow-hidden", className)}
14
+ {...props}
15
+ >
16
+ <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
17
+ {children}
18
+ </ScrollAreaPrimitive.Viewport>
19
+ <ScrollBar />
20
+ <ScrollAreaPrimitive.Corner />
21
+ </ScrollAreaPrimitive.Root>
22
+ ));
23
+ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
24
+
25
+ const ScrollBar = React.forwardRef<
26
+ React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
27
+ React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
28
+ >(({ className, orientation = "vertical", ...props }, ref) => (
29
+ <ScrollAreaPrimitive.ScrollAreaScrollbar
30
+ ref={ref}
31
+ orientation={orientation}
32
+ className={cn(
33
+ "flex touch-none select-none transition-colors",
34
+ orientation === "vertical" &&
35
+ "h-full w-2.5 border-l border-l-transparent p-[1px]",
36
+ orientation === "horizontal" &&
37
+ "h-2.5 flex-col border-t border-t-transparent p-[1px]",
38
+ className,
39
+ )}
40
+ {...props}
41
+ >
42
+ <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
43
+ </ScrollAreaPrimitive.ScrollAreaScrollbar>
44
+ ));
45
+ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
46
+
47
+ export { ScrollArea, ScrollBar };