@tumaet/prompt-ui-components 0.0.4 → 0.0.5
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/components/DatePicker.js +4 -4
- package/dist/components/DateRangePicker.js +4 -4
- package/dist/components/DeleteConfirmationDialog.js +1 -1
- package/dist/components/ErrorPage.js +2 -2
- package/dist/components/MultiSelect.js +6 -6
- package/dist/components/UnauthorizedPage.js +3 -3
- package/dist/components/minimal-tiptap/components/image/image-edit-block.js +3 -3
- package/dist/components/minimal-tiptap/components/image/image-edit-dialog.js +1 -1
- package/dist/components/minimal-tiptap/components/link/link-edit-block.js +5 -5
- package/dist/components/minimal-tiptap/components/link/link-edit-popover.js +1 -1
- package/dist/components/minimal-tiptap/components/link/link-popover-block.js +1 -1
- package/dist/components/minimal-tiptap/components/section/one.js +2 -2
- package/dist/components/minimal-tiptap/components/section/three.js +3 -3
- package/dist/components/minimal-tiptap/components/shortcut-key.js +1 -1
- package/dist/components/minimal-tiptap/components/spinner.js +1 -1
- package/dist/components/minimal-tiptap/components/toolbar-button.js +3 -3
- package/dist/components/minimal-tiptap/components/toolbar-section.js +2 -2
- package/dist/components/minimal-tiptap/extensions/image/components/image-actions.js +4 -4
- package/dist/components/minimal-tiptap/extensions/image/components/image-overlay.js +1 -1
- package/dist/components/minimal-tiptap/extensions/image/components/image-view-block.js +1 -1
- package/dist/components/minimal-tiptap/extensions/image/components/resize-handle.js +1 -1
- package/dist/components/minimal-tiptap/form-description-tiptap.js +2 -2
- package/dist/components/minimal-tiptap/hooks/use-minimal-tiptap.js +1 -1
- package/dist/components/minimal-tiptap/mailing-tiptap.js +2 -2
- package/dist/components/minimal-tiptap/minimal-tiptap.js +2 -2
- package/dist/components/table/GroupActionDialog.js +2 -2
- package/dist/components/table/SortableHeader.js +1 -1
- package/dist/components/ui/accordion.js +1 -1
- package/dist/components/ui/alert-dialog.js +2 -2
- package/dist/components/ui/alert.js +1 -1
- package/dist/components/ui/avatar.js +1 -1
- package/dist/components/ui/badge.js +1 -1
- package/dist/components/ui/breadcrumb.js +1 -1
- package/dist/components/ui/button.js +1 -1
- package/dist/components/ui/calendar.js +2 -2
- package/dist/components/ui/card.js +1 -1
- package/dist/components/ui/chart.js +1 -1
- package/dist/components/ui/checkbox.js +1 -1
- package/dist/components/ui/command.js +2 -2
- package/dist/components/ui/dialog.js +1 -1
- package/dist/components/ui/dropdown-menu.js +1 -1
- package/dist/components/ui/form.js +2 -2
- package/dist/components/ui/input.js +1 -1
- package/dist/components/ui/label.js +1 -1
- package/dist/components/ui/popover.js +1 -1
- package/dist/components/ui/progress.js +1 -1
- package/dist/components/ui/radio-group.js +1 -1
- package/dist/components/ui/scroll-area.js +1 -1
- package/dist/components/ui/select.js +1 -1
- package/dist/components/ui/separator.js +1 -1
- package/dist/components/ui/sheet.js +1 -1
- package/dist/components/ui/sidebar.js +8 -8
- package/dist/components/ui/skeleton.js +1 -1
- package/dist/components/ui/switch.js +1 -1
- package/dist/components/ui/table.js +1 -1
- package/dist/components/ui/tabs.js +1 -1
- package/dist/components/ui/textarea.js +1 -1
- package/dist/components/ui/toast.js +1 -1
- package/dist/components/ui/toaster.js +2 -2
- package/dist/components/ui/toggle-group.js +2 -2
- package/dist/components/ui/toggle.js +1 -1
- package/dist/components/ui/tooltip.js +1 -1
- package/dist/types/components/minimal-tiptap/components/image/image-edit-dialog.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/link/link-edit-popover.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/five.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/four.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/mailingPlaceholders.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/one.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/three.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/section/two.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/toolbar-button.d.ts +1 -1
- package/dist/types/components/minimal-tiptap/components/toolbar-section.d.ts +1 -1
- package/dist/types/components/ui/sidebar.d.ts +2 -2
- package/dist/types/hooks/use-toast.d.ts +1 -1
- package/package.json +3 -2
- package/dist/components/ExportedApplicationAnswerTable.js +0 -16
- package/dist/components/ExportedApplicationAnswerTable.js.map +0 -1
- package/dist/components/MissingConfig.js +0 -12
- package/dist/components/MissingConfig.js.map +0 -1
- package/dist/components/StudentProfile.js +0 -14
- package/dist/components/StudentProfile.js.map +0 -1
- package/dist/components/ThemeToggle.js +0 -10
- package/dist/components/ThemeToggle.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.js +0 -71
- package/dist/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.js +0 -43
- package/dist/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/components/GroupActionsMenu.js +0 -50
- package/dist/components/pages/CoursePhaseParticpationsTable/components/GroupActionsMenu.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/components/columns.js +0 -84
- package/dist/components/pages/CoursePhaseParticpationsTable/components/columns.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/interfaces/ExtraParticipationTableData.js +0 -2
- package/dist/components/pages/CoursePhaseParticpationsTable/interfaces/ExtraParticipationTableData.js.map +0 -1
- package/dist/components/pages/CoursePhaseParticpationsTable/utils/downloadParticipations.js +0 -70
- package/dist/components/pages/CoursePhaseParticpationsTable/utils/downloadParticipations.js.map +0 -1
- package/dist/components/pages/Mailing/CoursePhaseMailing.js +0 -88
- package/dist/components/pages/Mailing/CoursePhaseMailing.js.map +0 -1
- package/dist/components/pages/Mailing/components/AvailableMailPlaceholders.js +0 -61
- package/dist/components/pages/Mailing/components/AvailableMailPlaceholders.js.map +0 -1
- package/dist/components/pages/Mailing/components/ConfirmSendEmailDialog.js +0 -35
- package/dist/components/pages/Mailing/components/ConfirmSendEmailDialog.js.map +0 -1
- package/dist/components/pages/Mailing/components/MailingEditor.js +0 -29
- package/dist/components/pages/Mailing/components/MailingEditor.js.map +0 -1
- package/dist/components/pages/Mailing/components/ManualMailSending.js +0 -35
- package/dist/components/pages/Mailing/components/ManualMailSending.js.map +0 -1
- package/dist/components/pages/Mailing/components/SettingsCard.js +0 -14
- package/dist/components/pages/Mailing/components/SettingsCard.js.map +0 -1
- package/dist/types/components/ExportedApplicationAnswerTable.d.ts +0 -6
- package/dist/types/components/MissingConfig.d.ts +0 -13
- package/dist/types/components/StudentProfile.d.ts +0 -7
- package/dist/types/components/ThemeToggle.d.ts +0 -1
- package/dist/types/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.d.ts +0 -13
- package/dist/types/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.d.ts +0 -7
- package/dist/types/components/pages/CoursePhaseParticpationsTable/components/GroupActionsMenu.d.ts +0 -10
- package/dist/types/components/pages/CoursePhaseParticpationsTable/components/columns.d.ts +0 -9
- package/dist/types/components/pages/CoursePhaseParticpationsTable/interfaces/ExtraParticipationTableData.d.ts +0 -5
- package/dist/types/components/pages/CoursePhaseParticpationsTable/utils/downloadParticipations.d.ts +0 -3
- package/dist/types/components/pages/Mailing/CoursePhaseMailing.d.ts +0 -6
- package/dist/types/components/pages/Mailing/components/AvailableMailPlaceholders.d.ts +0 -12
- package/dist/types/components/pages/Mailing/components/ConfirmSendEmailDialog.d.ts +0 -8
- package/dist/types/components/pages/Mailing/components/MailingEditor.d.ts +0 -12
- package/dist/types/components/pages/Mailing/components/ManualMailSending.d.ts +0 -7
- package/dist/types/components/pages/Mailing/components/SettingsCard.d.ts +0 -7
|
@@ -3,10 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { format } from 'date-fns';
|
|
4
4
|
import { CalendarIcon } from 'lucide-react';
|
|
5
5
|
import { enGB } from 'date-fns/locale';
|
|
6
|
-
import { cn } from '
|
|
7
|
-
import { Button } from '
|
|
8
|
-
import { Calendar } from '
|
|
9
|
-
import { Popover, PopoverContent, PopoverTrigger } from '
|
|
6
|
+
import { cn } from '../lib/utils';
|
|
7
|
+
import { Button } from '../components/ui/button';
|
|
8
|
+
import { Calendar } from '../components/ui/calendar';
|
|
9
|
+
import { Popover, PopoverContent, PopoverTrigger } from '../components/ui/popover';
|
|
10
10
|
export const DatePicker = ({ date, onSelect }) => {
|
|
11
11
|
const [open, setOpen] = React.useState(false);
|
|
12
12
|
const handleSelect = (newDate) => {
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { CalendarIcon } from 'lucide-react';
|
|
3
3
|
import { format } from 'date-fns';
|
|
4
4
|
import { enGB } from 'date-fns/locale';
|
|
5
|
-
import { cn } from '
|
|
6
|
-
import { Button } from '
|
|
7
|
-
import { Calendar } from '
|
|
8
|
-
import { Popover, PopoverContent, PopoverTrigger } from '
|
|
5
|
+
import { cn } from '../lib/utils';
|
|
6
|
+
import { Button } from '../components/ui/button';
|
|
7
|
+
import { Calendar } from '../components/ui/calendar';
|
|
8
|
+
import { Popover, PopoverContent, PopoverTrigger } from '../components/ui/popover';
|
|
9
9
|
export const DatePickerWithRange = ({ className, date, setDate, ...props }) => {
|
|
10
10
|
return (_jsx("div", { className: cn('grid gap-2', className), ...props, children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { id: 'date', variant: 'outline', className: cn('w-[300px] justify-start text-left font-normal', !date && 'text-muted-foreground'), children: [_jsx(CalendarIcon, { className: 'mr-2 h-4 w-4' }), date?.from ? (date.to ? (_jsxs(_Fragment, { children: [format(date.from, 'LLL dd, y'), " - ", format(date.to, 'LLL dd, y')] })) : (format(date.from, 'LLL dd, y'))) : (_jsx("span", { children: "Pick a date" }))] }) }), _jsx(PopoverContent, { className: 'w-auto p-0', align: 'start', children: _jsx(Calendar, { initialFocus: true, mode: 'range', defaultMonth: date?.from, selected: date, onSelect: setDate, numberOfMonths: 2, locale: enGB }) })] }) }));
|
|
11
11
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '
|
|
2
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../components/ui/alert-dialog';
|
|
3
3
|
import { AlertTriangle } from 'lucide-react';
|
|
4
4
|
export const DeleteConfirmation = ({ isOpen, setOpen, deleteMessage, customWarning, onClick, }) => {
|
|
5
5
|
const handleClick = (value) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '
|
|
2
|
+
import { Button } from '../components/ui/button';
|
|
3
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/ui/card';
|
|
4
4
|
import { AlertCircle, LogOut, RefreshCw } from 'lucide-react';
|
|
5
5
|
export const ErrorPage = ({ title = 'Error', description = 'An error occurred', message = `We apologize for the inconvenience. This could be due to a network issue or a problem with our servers.
|
|
6
6
|
You can try to refresh or try again later.`, onRetry, onLogout, }) => {
|
|
@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { CheckIcon, XCircle, ChevronDown, XIcon, WandSparkles } from 'lucide-react';
|
|
6
|
-
import { cn } from '
|
|
7
|
-
import { Separator } from '
|
|
8
|
-
import { Button } from '
|
|
9
|
-
import { Badge } from '
|
|
10
|
-
import { Popover, PopoverContent, PopoverTrigger } from '
|
|
11
|
-
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from '
|
|
6
|
+
import { cn } from '../lib/utils';
|
|
7
|
+
import { Separator } from '../components/ui/separator';
|
|
8
|
+
import { Button } from '../components/ui/button';
|
|
9
|
+
import { Badge } from '../components/ui/badge';
|
|
10
|
+
import { Popover, PopoverContent, PopoverTrigger } from '../components/ui/popover';
|
|
11
|
+
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from '../components/ui/command';
|
|
12
12
|
/**
|
|
13
13
|
* Variants for the multi-select component to handle different styles.
|
|
14
14
|
* Uses class-variance-authority (cva) to define different styles based on "variant" prop.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Alert, AlertDescription, AlertTitle } from '
|
|
3
|
-
import { Button } from '
|
|
4
|
-
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '
|
|
2
|
+
import { Alert, AlertDescription, AlertTitle } from '../components/ui/alert';
|
|
3
|
+
import { Button } from '../components/ui/button';
|
|
4
|
+
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '../components/ui/card';
|
|
5
5
|
import { AlertTriangle, ArrowLeft, LogOut } from 'lucide-react';
|
|
6
6
|
import { useNavigate } from 'react-router-dom';
|
|
7
7
|
export default function UnauthorizedPage({ onLogout, backUrl, customMessage, }) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Button } from '
|
|
4
|
-
import { Label } from '
|
|
5
|
-
import { Input } from '
|
|
3
|
+
import { Button } from '../../../../components/ui/button';
|
|
4
|
+
import { Label } from '../../../../components/ui/label';
|
|
5
|
+
import { Input } from '../../../../components/ui/input';
|
|
6
6
|
export const ImageEditBlock = ({ editor, close }) => {
|
|
7
7
|
const fileInputRef = React.useRef(null);
|
|
8
8
|
const [link, setLink] = React.useState('');
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { ImageIcon } from 'lucide-react';
|
|
4
4
|
import { ToolbarButton } from '../toolbar-button';
|
|
5
|
-
import { Dialog, DialogContent, DialogHeader, DialogDescription, DialogTitle, DialogTrigger, } from '
|
|
5
|
+
import { Dialog, DialogContent, DialogHeader, DialogDescription, DialogTitle, DialogTrigger, } from '../../../../components/ui/dialog';
|
|
6
6
|
import { ImageEditBlock } from './image-edit-block';
|
|
7
7
|
const ImageEditDialog = ({ editor, size, variant }) => {
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Button } from '
|
|
4
|
-
import { Label } from '
|
|
5
|
-
import { Switch } from '
|
|
6
|
-
import { Input } from '
|
|
7
|
-
import { cn } from '
|
|
3
|
+
import { Button } from '../../../../components/ui/button';
|
|
4
|
+
import { Label } from '../../../../components/ui/label';
|
|
5
|
+
import { Switch } from '../../../../components/ui/switch';
|
|
6
|
+
import { Input } from '../../../../components/ui/input';
|
|
7
|
+
import { cn } from '../../../../lib/utils';
|
|
8
8
|
export const LinkEditBlock = React.forwardRef(({ onSave, defaultIsNewTab, defaultUrl, defaultText, className }, ref) => {
|
|
9
9
|
const formRef = React.useRef(null);
|
|
10
10
|
const [url, setUrl] = React.useState(defaultUrl || '');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Popover, PopoverContent, PopoverTrigger } from '
|
|
3
|
+
import { Popover, PopoverContent, PopoverTrigger } from '../../../../components/ui/popover';
|
|
4
4
|
import { Link2Icon } from 'lucide-react';
|
|
5
5
|
import { ToolbarButton } from '../toolbar-button';
|
|
6
6
|
import { LinkEditBlock } from './link-edit-block';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Separator } from '
|
|
3
|
+
import { Separator } from '../../../../components/ui/separator';
|
|
4
4
|
import { ToolbarButton } from '../toolbar-button';
|
|
5
5
|
import { CopyIcon, ExternalLinkIcon, Link2Off } from 'lucide-react';
|
|
6
6
|
export const LinkPopoverBlock = ({ url, onClear, onEdit }) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../../../lib/utils';
|
|
4
4
|
import { ChevronDown, CaseSensitive } from 'lucide-react';
|
|
5
|
-
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '
|
|
5
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../../../components/ui/dropdown-menu';
|
|
6
6
|
import { ToolbarButton } from '../toolbar-button';
|
|
7
7
|
import { ShortcutKey } from '../shortcut-key';
|
|
8
8
|
const formatActions = [
|
|
@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ChevronDown, CheckIcon } from 'lucide-react';
|
|
5
5
|
import { ToolbarButton } from '../toolbar-button';
|
|
6
|
-
import { Popover, PopoverTrigger, PopoverContent } from '
|
|
7
|
-
import { ToggleGroup, ToggleGroupItem } from '
|
|
8
|
-
import { Tooltip, TooltipContent, TooltipTrigger } from '
|
|
6
|
+
import { Popover, PopoverTrigger, PopoverContent } from '../../../../components/ui/popover';
|
|
7
|
+
import { ToggleGroup, ToggleGroupItem } from '../../../../components/ui/toggle-group';
|
|
8
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../components/ui/tooltip';
|
|
9
9
|
import { useTheme } from '../../hooks/use-theme';
|
|
10
10
|
const COLORS = [
|
|
11
11
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../../lib/utils';
|
|
4
4
|
import { getShortcutKey } from '../utils';
|
|
5
5
|
export const ShortcutKey = React.forwardRef(({ className, keys, ...props }, ref) => {
|
|
6
6
|
const modifiedKeys = keys.map((key) => getShortcutKey(key));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../../lib/utils';
|
|
4
4
|
const SpinnerComponent = React.forwardRef(function Spinner({ className, ...props }, ref) {
|
|
5
5
|
return (_jsxs("svg", { ref: ref, xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', className: cn('animate-spin', className), ...props, children: [_jsx("circle", { className: 'opacity-25', cx: '12', cy: '12', r: '10', stroke: 'currentColor', strokeWidth: '4' }), _jsx("path", { className: 'opacity-75', fill: 'currentColor', d: 'M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z' })] }));
|
|
6
6
|
});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Tooltip, TooltipContent, TooltipTrigger } from '
|
|
4
|
-
import { Toggle } from '
|
|
5
|
-
import { cn } from '
|
|
3
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from '../../../components/ui/tooltip';
|
|
4
|
+
import { Toggle } from '../../../components/ui/toggle';
|
|
5
|
+
import { cn } from '../../../lib/utils';
|
|
6
6
|
export const ToolbarButton = React.forwardRef(({ isActive, children, tooltip, className, tooltipOptions, ...props }, ref) => {
|
|
7
7
|
const toggleButton = (_jsx(Toggle, { size: 'sm', ref: ref, className: cn('size-8 p-0', { 'bg-accent': isActive }, className), ...props, children: children }));
|
|
8
8
|
if (!tooltip) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../../lib/utils';
|
|
4
4
|
import { ChevronDown } from 'lucide-react';
|
|
5
|
-
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '
|
|
5
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../../components/ui/dropdown-menu';
|
|
6
6
|
import { ToolbarButton } from './toolbar-button';
|
|
7
7
|
import { ShortcutKey } from './shortcut-key';
|
|
8
8
|
import { getShortcutKey } from '../utils';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable react/prop-types */
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { Tooltip, TooltipContent, TooltipTrigger } from '
|
|
5
|
-
import { cn } from '
|
|
6
|
-
import { Button } from '
|
|
7
|
-
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '
|
|
4
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../../components/ui/tooltip';
|
|
5
|
+
import { cn } from '../../../../../lib/utils';
|
|
6
|
+
import { Button } from '../../../../../components/ui/button';
|
|
7
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../../../../components/ui/dropdown-menu';
|
|
8
8
|
import { ClipboardCopyIcon, Ellipsis, DownloadIcon, Link2Icon, Scaling } from 'lucide-react';
|
|
9
9
|
export const ActionWrapper = React.memo(React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('absolute right-3 top-3 flex flex-row rounded px-0.5 opacity-0 group-hover/node-image:opacity-100', 'border-[0.5px] bg-[var(--mt-bg-secondary)] [backdrop-filter:saturate(1.8)_blur(20px)]', className), ...props, children: children }))));
|
|
10
10
|
ActionWrapper.displayName = 'ActionWrapper';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Spinner } from '../../../components/spinner';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../../../../lib/utils';
|
|
5
5
|
export const ImageOverlay = React.memo(() => {
|
|
6
6
|
return (_jsx("div", { className: cn('flex flex-row items-center justify-center', 'absolute inset-0 rounded bg-[var(--mt-overlay)] opacity-100 transition-opacity'), children: _jsx(Spinner, { className: 'size-7' }) }));
|
|
7
7
|
});
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { NodeViewWrapper } from '@tiptap/react';
|
|
4
4
|
import { useDragResize } from '../hooks/use-drag-resize';
|
|
5
5
|
import { ResizeHandle } from './resize-handle';
|
|
6
|
-
import { cn } from '
|
|
6
|
+
import { cn } from '../../../../../lib/utils';
|
|
7
7
|
import { Controlled as ControlledZoom } from 'react-medium-image-zoom';
|
|
8
8
|
import { ActionButton, ActionWrapper, ImageActions } from './image-actions';
|
|
9
9
|
import { useImageActions } from '../hooks/use-image-actions';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../../../../lib/utils';
|
|
4
4
|
export const ResizeHandle = React.forwardRef(({ className, isResizing = false, ...props }, ref) => {
|
|
5
5
|
return (_jsx("div", { className: cn('absolute top-1/2 h-10 max-h-full w-1.5 -translate-y-1/2 transform cursor-col-resize rounded border border-solid border-[var(--mt-transparent-foreground)] bg-[var(--mt-bg-secondary)] p-px transition-all', 'opacity-0 [backdrop-filter:saturate(1.8)_blur(20px)]', {
|
|
6
6
|
'opacity-80': isResizing,
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import './styles/index.css';
|
|
4
4
|
import { EditorContent } from '@tiptap/react';
|
|
5
|
-
import { Separator } from '
|
|
6
|
-
import { cn } from '
|
|
5
|
+
import { Separator } from '../../components/ui/separator';
|
|
6
|
+
import { cn } from '../../lib/utils';
|
|
7
7
|
import { SectionTwo } from './components/section/two';
|
|
8
8
|
import { SectionFour } from './components/section/four';
|
|
9
9
|
import { LinkBubbleMenu } from './components/bubble-menu/link-bubble-menu';
|
|
@@ -7,7 +7,7 @@ import { Placeholder } from '@tiptap/extension-placeholder';
|
|
|
7
7
|
import { Underline } from '@tiptap/extension-underline';
|
|
8
8
|
import { TextStyle } from '@tiptap/extension-text-style';
|
|
9
9
|
import { Link, Image, HorizontalRule, CodeBlockLowlight, Selection, Color, UnsetAllMarks, ResetMarksOnEnter, FileHandler, } from '../extensions';
|
|
10
|
-
import { cn } from '
|
|
10
|
+
import { cn } from '../../../lib/utils';
|
|
11
11
|
import { fileToBase64, getOutput, randomId } from '../utils';
|
|
12
12
|
import { useThrottle } from '../hooks/use-throttle';
|
|
13
13
|
import { toast } from 'sonner';
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import './styles/index.css';
|
|
4
4
|
import { EditorContent } from '@tiptap/react';
|
|
5
|
-
import { Separator } from '
|
|
6
|
-
import { cn } from '
|
|
5
|
+
import { Separator } from '../../components/ui/separator';
|
|
6
|
+
import { cn } from '../../lib/utils';
|
|
7
7
|
import { SectionOne } from './components/section/one';
|
|
8
8
|
import { SectionTwo } from './components/section/two';
|
|
9
9
|
import { SectionThree } from './components/section/three';
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import './styles/index.css';
|
|
4
4
|
import { EditorContent } from '@tiptap/react';
|
|
5
|
-
import { Separator } from '
|
|
6
|
-
import { cn } from '
|
|
5
|
+
import { Separator } from '../../components/ui/separator';
|
|
6
|
+
import { cn } from '../../lib/utils';
|
|
7
7
|
import { SectionOne } from './components/section/one';
|
|
8
8
|
import { SectionTwo } from './components/section/two';
|
|
9
9
|
import { SectionThree } from './components/section/three';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '
|
|
3
|
-
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '
|
|
2
|
+
import { Button } from '../../components/ui/button';
|
|
3
|
+
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../components/ui/dialog';
|
|
4
4
|
export const ActionDialog = ({ title, description, confirmLabel, confirmVariant = 'default', isOpen, onClose, onConfirm, }) => (_jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'outline', onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: confirmVariant, onClick: () => {
|
|
5
5
|
onConfirm();
|
|
6
6
|
onClose();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';
|
|
3
|
-
import { Button } from '
|
|
3
|
+
import { Button } from '../../components/ui/button';
|
|
4
4
|
export const SortableHeader = ({ column, title }) => {
|
|
5
5
|
return (_jsxs(Button, { variant: 'ghost', onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), children: [title, column.getIsSorted() === 'asc' ? (_jsx(ArrowUp, { className: 'ml-2 h-4 w-4' })) : column.getIsSorted() === 'desc' ? (_jsx(ArrowDown, { className: 'ml-2 h-4 w-4' })) : (_jsx(ArrowUpDown, { className: 'ml-2 h-4 w-4' }))] }));
|
|
6
6
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
4
4
|
import { ChevronDown } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
6
|
const Accordion = AccordionPrimitive.Root;
|
|
7
7
|
const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn("border-b", className), ...props })));
|
|
8
8
|
AccordionItem.displayName = "AccordionItem";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
|
-
import { cn } from "
|
|
5
|
-
import { buttonVariants } from "
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
|
+
import { buttonVariants } from "../../components/ui/button";
|
|
6
6
|
const AlertDialog = AlertDialogPrimitive.Root;
|
|
7
7
|
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
8
8
|
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
5
|
const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
5
|
const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
|
|
6
6
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
7
7
|
const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
4
|
const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
4
|
import { ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
5
|
-
import { cn } from '
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
6
|
const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": 'breadcrumb', ...props }));
|
|
7
7
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
8
8
|
const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className), ...props })));
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
|
-
import { cn } from '
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
6
|
const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
3
3
|
import { DayPicker } from "react-day-picker";
|
|
4
|
-
import { cn } from "
|
|
5
|
-
import { buttonVariants } from "
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
|
+
import { buttonVariants } from "../../components/ui/button";
|
|
6
6
|
function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
7
7
|
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("p-3", className), classNames: {
|
|
8
8
|
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
4
|
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border bg-card text-card-foreground shadow-sm', className), ...props })));
|
|
5
5
|
Card.displayName = 'Card';
|
|
6
6
|
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as RechartsPrimitive from "recharts";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
5
|
// Format: { THEME_NAME: CSS_SELECTOR }
|
|
6
6
|
const THEMES = { light: "", dark: ".dark" };
|
|
7
7
|
const ChartContext = React.createContext(null);
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
4
|
import { Check } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
6
|
const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
|
|
7
7
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
8
8
|
export { Checkbox };
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Command as CommandPrimitive } from "cmdk";
|
|
4
4
|
import { Search } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
6
|
-
import { Dialog, DialogContent } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
|
+
import { Dialog, DialogContent } from "../../components/ui/dialog";
|
|
7
7
|
const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props })));
|
|
8
8
|
Command.displayName = CommandPrimitive.displayName;
|
|
9
9
|
const CommandDialog = ({ children, ...props }) => {
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
4
4
|
import { X } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
6
|
const Dialog = DialogPrimitive.Root;
|
|
7
7
|
const DialogTrigger = DialogPrimitive.Trigger;
|
|
8
8
|
const DialogPortal = DialogPrimitive.Portal;
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
import { Check, ChevronRight, Circle } from 'lucide-react';
|
|
6
|
-
import { cn } from '
|
|
6
|
+
import { cn } from '../../lib/utils';
|
|
7
7
|
const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
8
8
|
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
9
9
|
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import { Controller, FormProvider, useFormContext, } from "react-hook-form";
|
|
5
|
-
import { cn } from "
|
|
6
|
-
import { Label } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
|
+
import { Label } from "../../components/ui/label";
|
|
7
7
|
const Form = FormProvider;
|
|
8
8
|
const FormFieldContext = React.createContext({});
|
|
9
9
|
const FormField = ({ ...props }) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { cn } from '
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
4
|
const Input = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
5
5
|
return (_jsx("input", { type: type, className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
|
|
6
6
|
});
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
|
-
import { cn } from '
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
6
6
|
const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
|
|
7
7
|
const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
|
|
8
8
|
Label.displayName = LabelPrimitive.Root.displayName;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
5
|
const Popover = PopoverPrimitive.Root;
|
|
6
6
|
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
7
7
|
const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md 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', className), ...props })));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
5
|
const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
|
|
6
6
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
7
7
|
export { Progress };
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
4
4
|
import { Circle } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
6
|
const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
|
|
7
7
|
return (_jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref: ref }));
|
|
8
8
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
5
|
const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
|
|
6
6
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
7
7
|
const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
4
|
import { Check, ChevronDown, ChevronUp } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
6
|
const Select = SelectPrimitive.Root;
|
|
7
7
|
const SelectGroup = SelectPrimitive.Group;
|
|
8
8
|
const SelectValue = SelectPrimitive.Value;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
|
-
import { cn } from '
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
5
|
const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-border', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
|
|
6
6
|
Separator.displayName = SeparatorPrimitive.Root.displayName;
|
|
7
7
|
export { Separator };
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { X } from 'lucide-react';
|
|
7
|
-
import { cn } from '
|
|
7
|
+
import { cn } from '../../lib/utils';
|
|
8
8
|
const Sheet = SheetPrimitive.Root;
|
|
9
9
|
const SheetTrigger = SheetPrimitive.Trigger;
|
|
10
10
|
const SheetClose = SheetPrimitive.Close;
|