@litelens/design-system 1.9.0 → 1.10.8
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/atoms/index.d.ts +10 -44
- package/dist/atoms/index.js +2 -2
- package/dist/{chunk-XTGOPYN4.js → chunk-6BS5SEWS.js} +1 -1
- package/dist/{chunk-F6TPAVF5.js → chunk-CGMXJHGR.js} +1 -1
- package/dist/{chunk-HAXQPI4Z.js → chunk-GRVJU2SC.js} +5 -4
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.js +2 -2
- package/dist/dialog-CJpB-W1u.d.ts +42 -0
- package/dist/index.d.ts +3 -2
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/atoms/index.d.ts
CHANGED
|
@@ -5,15 +5,17 @@ import { useRender } from '@base-ui/react/use-render';
|
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
6
|
export { VariantProps } from 'class-variance-authority';
|
|
7
7
|
import { Button as Button$1 } from '@base-ui/react/button';
|
|
8
|
+
import { k as buttonVariants } from '../dialog-CJpB-W1u.js';
|
|
9
|
+
export { D as Dialog, a as DialogClose, b as DialogContent, c as DialogDescription, d as DialogFooter, e as DialogHeader, f as DialogOverlay, g as DialogPortal, h as DialogSize, i as DialogTitle, j as DialogTrigger } from '../dialog-CJpB-W1u.js';
|
|
8
10
|
import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
|
|
9
11
|
import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
|
|
10
12
|
import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
|
|
11
|
-
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
12
13
|
import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
|
|
13
14
|
import { Menu } from '@base-ui/react/menu';
|
|
14
15
|
import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
|
|
15
16
|
import { Select as Select$1 } from '@base-ui/react/select';
|
|
16
17
|
import { Separator as Separator$1 } from '@base-ui/react/separator';
|
|
18
|
+
import { Dialog } from '@base-ui/react/dialog';
|
|
17
19
|
import { Slider as Slider$1 } from '@base-ui/react/slider';
|
|
18
20
|
import { ToasterProps } from 'sonner';
|
|
19
21
|
export { toast } from 'sonner';
|
|
@@ -27,11 +29,6 @@ declare const badgeVariants: (props?: ({
|
|
|
27
29
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
30
|
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
29
31
|
|
|
30
|
-
declare const buttonVariants: (props?: ({
|
|
31
|
-
variant?: "default" | "secondary" | "destructive" | "success" | "ghost" | "link" | "outline" | null | undefined;
|
|
32
|
-
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
33
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
34
|
-
|
|
35
32
|
declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React.JSX.Element;
|
|
36
33
|
|
|
37
34
|
declare function Checkbox({ className, state, ...props }: Checkbox$1.Root.Props & {
|
|
@@ -49,37 +46,6 @@ declare function ContextMenuContent({ className, ...props }: ContextMenu$1.Popup
|
|
|
49
46
|
declare function ContextMenuItem({ className, ...props }: ContextMenu$1.Item.Props): React.JSX.Element;
|
|
50
47
|
declare function ContextMenuSeparator({ className, ...props }: ContextMenu$1.Separator.Props): React.JSX.Element;
|
|
51
48
|
|
|
52
|
-
declare function Dialog({ ...props }: Dialog$1.Root.Props): React.JSX.Element;
|
|
53
|
-
declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
|
|
54
|
-
declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
|
|
55
|
-
declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
|
|
56
|
-
declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
|
|
57
|
-
declare const dialogSizeClasses: {
|
|
58
|
-
readonly sm: "sm:max-w-sm";
|
|
59
|
-
readonly md: "sm:max-w-md";
|
|
60
|
-
readonly lg: "sm:max-w-lg";
|
|
61
|
-
readonly xl: "sm:max-w-xl";
|
|
62
|
-
readonly "2xl": "sm:max-w-2xl";
|
|
63
|
-
};
|
|
64
|
-
type DialogSize = keyof typeof dialogSizeClasses;
|
|
65
|
-
declare function DialogContent({ className, children, showCloseButton, size, ...props }: Dialog$1.Popup.Props & {
|
|
66
|
-
showCloseButton?: boolean;
|
|
67
|
-
size?: DialogSize;
|
|
68
|
-
}): React.JSX.Element;
|
|
69
|
-
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
70
|
-
type ButtonSize = VariantProps<typeof buttonVariants>["size"];
|
|
71
|
-
/**
|
|
72
|
-
* Renders `Button` children at `buttonSize` (default `"sm"`) unless a child
|
|
73
|
-
* already sets its own `size`, so footer button sizing has one source of
|
|
74
|
-
* truth instead of being repeated by every dialog.
|
|
75
|
-
*/
|
|
76
|
-
declare function DialogFooter({ className, showCloseButton, buttonSize, children, ...props }: React.ComponentProps<"div"> & {
|
|
77
|
-
showCloseButton?: boolean;
|
|
78
|
-
buttonSize?: ButtonSize;
|
|
79
|
-
}): React.JSX.Element;
|
|
80
|
-
declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
|
|
81
|
-
declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
|
|
82
|
-
|
|
83
49
|
declare function Drawer({ ...props }: Drawer$1.Root.Props): React.JSX.Element;
|
|
84
50
|
declare function DrawerPortal({ ...props }: Drawer$1.Portal.Props): React.JSX.Element;
|
|
85
51
|
declare function DrawerViewport({ className, ...props }: Drawer$1.Viewport.Props): React.JSX.Element;
|
|
@@ -149,17 +115,17 @@ declare function SelectScrollDownButton({ className, ...props }: React.Component
|
|
|
149
115
|
|
|
150
116
|
declare function Separator({ className, orientation, ...props }: Separator$1.Props): React.JSX.Element;
|
|
151
117
|
|
|
152
|
-
declare function Sheet({ ...props }: Dialog
|
|
153
|
-
declare function SheetTrigger({ ...props }: Dialog
|
|
154
|
-
declare function SheetClose({ ...props }: Dialog
|
|
155
|
-
declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog
|
|
118
|
+
declare function Sheet({ ...props }: Dialog.Root.Props): React.JSX.Element;
|
|
119
|
+
declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
|
|
120
|
+
declare function SheetClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
|
|
121
|
+
declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog.Popup.Props & {
|
|
156
122
|
side?: "top" | "right" | "bottom" | "left";
|
|
157
123
|
showCloseButton?: boolean;
|
|
158
124
|
}): React.JSX.Element;
|
|
159
125
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
160
126
|
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
161
|
-
declare function SheetTitle({ className, ...props }: Dialog
|
|
162
|
-
declare function SheetDescription({ className, ...props }: Dialog
|
|
127
|
+
declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
|
|
128
|
+
declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;
|
|
163
129
|
|
|
164
130
|
declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): React.JSX.Element;
|
|
165
131
|
|
|
@@ -218,4 +184,4 @@ declare function TooltipContent({ className, positionerClassName, side, sideOffs
|
|
|
218
184
|
positionerClassName?: string;
|
|
219
185
|
}): React.JSX.Element;
|
|
220
186
|
|
|
221
|
-
export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger,
|
|
187
|
+
export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, GithubIcon, Input, LinuxIcon, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WindowsIcon, buttonVariants, textareaVariants };
|
package/dist/atoms/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-
|
|
2
|
-
export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from '../chunk-
|
|
1
|
+
export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-6BS5SEWS.js';
|
|
2
|
+
export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from '../chunk-CGMXJHGR.js';
|
|
3
3
|
import '../chunk-3ZL7QROP.js';
|
|
4
4
|
import '../chunk-NFJMUQY6.js';
|
|
5
5
|
export { AppWindowIcon, AppleIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleHelpIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, GithubIcon, HardDriveIcon, HouseIcon, InfoIcon, Input, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, LinuxIcon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, WindowsIcon, XCircleIcon, XIcon } from '../chunk-VDTVYVY4.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button } from './chunk-
|
|
1
|
+
import { Button } from './chunk-CGMXJHGR.js';
|
|
2
2
|
import { useCopyToClipboard } from './chunk-3ZL7QROP.js';
|
|
3
3
|
import { SplitAndHighlightText } from './chunk-NFJMUQY6.js';
|
|
4
4
|
import { CheckIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, CopyIcon } from './chunk-VDTVYVY4.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Tooltip, TooltipTrigger, TooltipContent, Button, DropdownMenuItem, TooltipProvider, Sheet, SheetContent, SheetHeader, ScrollArea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, TableRow, TableCell, toast, Badge } from './chunk-
|
|
1
|
+
import { Tooltip, TooltipTrigger, TooltipContent, Button, DropdownMenuItem, TooltipProvider, Sheet, SheetContent, SheetHeader, ScrollArea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, TableRow, TableCell, toast, Badge } from './chunk-CGMXJHGR.js';
|
|
2
2
|
import { CheckIcon, CopyIcon, Loader2Icon, MinusIcon, PlusIcon, Trash2Icon, PencilIcon, RefreshCwIcon, PlayIcon, RocketIcon, ScalingIcon, XCircleIcon, CheckCircle2Icon, SearchIcon, Input, CircleHelpIcon, ChevronLeftIcon, ChevronRightIcon, CircleCheckIcon, CircleXIcon } from './chunk-VDTVYVY4.js';
|
|
3
3
|
import { cn } from './chunk-QUNCRUSO.js';
|
|
4
4
|
import { useRef, useState, useLayoutEffect, Component, useMemo } from 'react';
|
|
@@ -665,7 +665,8 @@ var ConfirmationModal = ({
|
|
|
665
665
|
confirmVariant = "default",
|
|
666
666
|
isPending,
|
|
667
667
|
onClose,
|
|
668
|
-
onConfirm
|
|
668
|
+
onConfirm,
|
|
669
|
+
size = "md"
|
|
669
670
|
}) => /* @__PURE__ */ jsx(
|
|
670
671
|
Dialog,
|
|
671
672
|
{
|
|
@@ -673,7 +674,7 @@ var ConfirmationModal = ({
|
|
|
673
674
|
onOpenChange: (o) => {
|
|
674
675
|
if (!o && !isPending) onClose();
|
|
675
676
|
},
|
|
676
|
-
children: /* @__PURE__ */ jsxs(DialogContent, { children: [
|
|
677
|
+
children: /* @__PURE__ */ jsxs(DialogContent, { size, children: [
|
|
677
678
|
/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-h2 flex gap-2", children: title }) }),
|
|
678
679
|
/* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: description }),
|
|
679
680
|
/* @__PURE__ */ jsxs(DialogFooter, { children: [
|
|
@@ -697,7 +698,7 @@ var FormModal = ({
|
|
|
697
698
|
submitDisabled = false,
|
|
698
699
|
submitLabel = "Submit",
|
|
699
700
|
cancelLabel = "Cancel",
|
|
700
|
-
size = "
|
|
701
|
+
size = "md"
|
|
701
702
|
}) => /* @__PURE__ */ jsx(
|
|
702
703
|
Dialog,
|
|
703
704
|
{
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import { FC, ReactNode, Component, ErrorInfo, PropsWithChildren, InputHTMLAttributes, MouseEvent, CSSProperties } from 'react';
|
|
3
|
+
import { h as DialogSize } from '../dialog-CJpB-W1u.js';
|
|
4
|
+
import '@base-ui/react/dialog';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
import 'class-variance-authority/types';
|
|
3
7
|
|
|
4
8
|
interface Props$1 {
|
|
5
9
|
label: string;
|
|
@@ -192,10 +196,10 @@ interface ConfirmationModalProps {
|
|
|
192
196
|
isPending: boolean;
|
|
193
197
|
onClose: () => void;
|
|
194
198
|
onConfirm: () => void;
|
|
199
|
+
size?: DialogSize;
|
|
195
200
|
}
|
|
196
201
|
declare const ConfirmationModal: FC<ConfirmationModalProps>;
|
|
197
202
|
|
|
198
|
-
type DialogSize = "sm" | "md" | "lg" | "xl" | "2xl";
|
|
199
203
|
interface FormModalProps {
|
|
200
204
|
open: boolean;
|
|
201
205
|
onOpenChange?: (open: boolean) => void;
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, NameSpaceSelectDropdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceExplanationTooltip, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceResumeButton, ResourceRunNowButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, NameSpaceSelectDropdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceExplanationTooltip, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceResumeButton, ResourceRunNowButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from '../chunk-GRVJU2SC.js';
|
|
2
|
+
import '../chunk-CGMXJHGR.js';
|
|
3
3
|
import '../chunk-VDTVYVY4.js';
|
|
4
4
|
import '../chunk-QUNCRUSO.js';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
|
|
6
|
+
declare const buttonVariants: (props?: ({
|
|
7
|
+
variant?: "default" | "secondary" | "destructive" | "success" | "ghost" | "link" | "outline" | null | undefined;
|
|
8
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
|
|
11
|
+
declare function Dialog({ ...props }: Dialog$1.Root.Props): React.JSX.Element;
|
|
12
|
+
declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
|
|
13
|
+
declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
|
|
14
|
+
declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
|
|
15
|
+
declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
|
|
16
|
+
declare const dialogSizeClasses: {
|
|
17
|
+
readonly sm: "sm:max-w-sm";
|
|
18
|
+
readonly md: "sm:max-w-md";
|
|
19
|
+
readonly lg: "sm:max-w-lg";
|
|
20
|
+
readonly xl: "sm:max-w-xl";
|
|
21
|
+
readonly "2xl": "sm:max-w-2xl";
|
|
22
|
+
};
|
|
23
|
+
type DialogSize = keyof typeof dialogSizeClasses;
|
|
24
|
+
declare function DialogContent({ className, children, showCloseButton, size, ...props }: Dialog$1.Popup.Props & {
|
|
25
|
+
showCloseButton?: boolean;
|
|
26
|
+
size?: DialogSize;
|
|
27
|
+
}): React.JSX.Element;
|
|
28
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
29
|
+
type ButtonSize = VariantProps<typeof buttonVariants>["size"];
|
|
30
|
+
/**
|
|
31
|
+
* Renders `Button` children at `buttonSize` (default `"sm"`) unless a child
|
|
32
|
+
* already sets its own `size`, so footer button sizing has one source of
|
|
33
|
+
* truth instead of being repeated by every dialog.
|
|
34
|
+
*/
|
|
35
|
+
declare function DialogFooter({ className, showCloseButton, buttonSize, children, ...props }: React.ComponentProps<"div"> & {
|
|
36
|
+
showCloseButton?: boolean;
|
|
37
|
+
buttonSize?: ButtonSize;
|
|
38
|
+
}): React.JSX.Element;
|
|
39
|
+
declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
|
|
40
|
+
declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
|
|
41
|
+
|
|
42
|
+
export { Dialog as D, DialogClose as a, DialogContent as b, DialogDescription as c, DialogFooter as d, DialogHeader as e, DialogOverlay as f, DialogPortal as g, type DialogSize as h, DialogTitle as i, DialogTrigger as j, buttonVariants as k };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger,
|
|
1
|
+
export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, GithubIcon, Input, LinuxIcon, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WindowsIcon, textareaVariants } from './atoms/index.js';
|
|
2
|
+
export { D as Dialog, a as DialogClose, b as DialogContent, c as DialogDescription, d as DialogFooter, e as DialogHeader, f as DialogOverlay, g as DialogPortal, h as DialogSize, i as DialogTitle, j as DialogTrigger, k as buttonVariants } from './dialog-CJpB-W1u.js';
|
|
2
3
|
export { toast } from 'sonner';
|
|
3
4
|
export { AnnotationBadge, ButtonGroup, ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, EmptyStateProps, ErrorBoundary, ErrorToast, ErrorToastProps, FormModal, LineIcon, LoadingSpinner, LoadingSpinnerProps, Markdown, NameSpaceSelectDropdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailDrawerProps, ResourceDetailEmptyBody, ResourceDetailEmptyBodyProps, ResourceExplanationTooltip, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceResumeButton, ResourceRunNowButton, ResourceScaleButton, SearchInput, SuccessToast, SuccessToastProps, TOAST_STYLE, TablePagination, TablePaginationProps, TableSkeletonLoader, TableSkeletonLoaderProps, TableSkeletonRow, TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './components/index.js';
|
|
4
5
|
export { BREAKPOINTS, Breakpoint, useBreakpoint, useCopyToClipboard, useMediaQuery } from './hooks/index.js';
|
|
@@ -13,12 +14,12 @@ import '@base-ui/react/button';
|
|
|
13
14
|
import '@base-ui/react/checkbox';
|
|
14
15
|
import '@base-ui/react/collapsible';
|
|
15
16
|
import '@base-ui/react/context-menu';
|
|
16
|
-
import '@base-ui/react/dialog';
|
|
17
17
|
import '@base-ui/react/drawer';
|
|
18
18
|
import '@base-ui/react/menu';
|
|
19
19
|
import '@base-ui/react/scroll-area';
|
|
20
20
|
import '@base-ui/react/select';
|
|
21
21
|
import '@base-ui/react/separator';
|
|
22
|
+
import '@base-ui/react/dialog';
|
|
22
23
|
import '@base-ui/react/slider';
|
|
23
24
|
import '@base-ui/react/switch';
|
|
24
25
|
import '@base-ui/react/tabs';
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-
|
|
2
|
-
export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, NameSpaceSelectDropdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceExplanationTooltip, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceResumeButton, ResourceRunNowButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './chunk-
|
|
3
|
-
export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from './chunk-
|
|
1
|
+
export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-6BS5SEWS.js';
|
|
2
|
+
export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, NameSpaceSelectDropdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceExplanationTooltip, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceResumeButton, ResourceRunNowButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './chunk-GRVJU2SC.js';
|
|
3
|
+
export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from './chunk-CGMXJHGR.js';
|
|
4
4
|
export { BREAKPOINTS, useBreakpoint, useMediaQuery } from './chunk-XLB44BWQ.js';
|
|
5
5
|
export { useCopyToClipboard } from './chunk-3ZL7QROP.js';
|
|
6
6
|
export { formatRelativeTime, formatTs } from './chunk-CPX26L4M.js';
|