@rafal.lemieszewski/tide-ui 0.1.2 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +9 -2
- package/dist/components/ui/alert-dialog.d.ts +6 -3
- package/dist/components/ui/avatar.d.ts +3 -3
- package/dist/components/ui/badge.d.ts +3 -2
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/chart.d.ts +11 -6
- package/dist/components/ui/data-table.d.ts +3 -3
- package/dist/components/ui/dialog.d.ts +5 -2
- package/dist/components/ui/editable.d.ts +1 -1
- package/dist/components/ui/empty-state.d.ts +4 -4
- package/dist/components/ui/file-upload.d.ts +1 -2
- package/dist/components/ui/icon.d.ts +2 -2
- package/dist/components/ui/linked-chart.d.ts +1 -1
- package/dist/components/ui/listbox.d.ts +17 -14
- package/dist/components/ui/mention.d.ts +0 -1
- package/dist/components/ui/number-scrubber.d.ts +2 -2
- package/dist/components/ui/progress.d.ts +1 -1
- package/dist/components/ui/spinner.d.ts +1 -2
- package/dist/components/ui/tag.d.ts +1 -2
- package/dist/components/ui/tree.d.ts +0 -1
- package/dist/index.cjs.js +1659 -1653
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +17313 -16356
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/avatars/acme.png +0 -0
- package/dist/avatars/rl.png +0 -0
- package/dist/avatars/sea.png +0 -0
- package/dist/components/product/app-frame.d.ts +0 -10
|
@@ -13,17 +13,24 @@ export type { LabelProps } from './ui/label';
|
|
|
13
13
|
export { Separator } from './ui/separator';
|
|
14
14
|
export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonTable, skeletonVariants } from './ui/skeleton';
|
|
15
15
|
export { Switch } from './ui/switch';
|
|
16
|
+
export { Textarea } from './ui/textarea';
|
|
17
|
+
export type { TextareaProps } from './ui/textarea';
|
|
16
18
|
export { Tabs, TabsList, TabsTrigger, TabsContent, TabsGroupLabel } from './ui/tabs';
|
|
17
19
|
export type { TabsProps, TabsListProps, TabsTriggerProps, TabsGroupLabelProps } from './ui/tabs';
|
|
18
20
|
export { Toggle } from './ui/toggle';
|
|
19
21
|
export type { ToggleProps } from './ui/toggle';
|
|
20
|
-
export {
|
|
22
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, selectContentVariants, selectItemVariants, } from './ui/select';
|
|
23
|
+
export type { SelectTriggerProps, SelectContentProps, SelectItemProps } from './ui/select';
|
|
24
|
+
export { TextLink } from './ui/text-link';
|
|
25
|
+
export type { TextLinkProps } from './ui/text-link';
|
|
26
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './ui/accordion';
|
|
27
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './ui/alert-dialog';
|
|
21
28
|
export { Icon } from './ui/icon';
|
|
22
29
|
export type { IconColor, IconSize, CustomIconName } from './ui/icon';
|
|
23
30
|
export { Kbd } from './ui/kbd';
|
|
24
31
|
export { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './ui/command';
|
|
25
32
|
export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
|
|
26
|
-
export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarInset, SidebarProvider, SidebarTrigger, useSidebar, } from './ui/sidebar';
|
|
33
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarRail, SidebarSeparator, SidebarGroup, SidebarGroupAction, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarInset, SidebarProvider, SidebarTrigger, useSidebar, } from './ui/sidebar';
|
|
27
34
|
export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuLabel, DropdownMenuGroup, } from './ui/dropdown-menu';
|
|
28
35
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './ui/tooltip';
|
|
29
36
|
export { cn } from '../lib/utils';
|
|
@@ -13,10 +13,13 @@ declare const AlertDialogFooter: {
|
|
|
13
13
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
16
|
+
declare const AlertDialogBody: {
|
|
17
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
16
20
|
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
-
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
21
|
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
19
|
-
variant?: "default" | "destructive";
|
|
22
|
+
variant?: "default" | "primary" | "destructive";
|
|
20
23
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
21
24
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle,
|
|
25
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogTitle, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -2,13 +2,13 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
4
|
declare const avatarVariants: (props?: ({
|
|
5
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
5
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
6
|
shape?: "circle" | "rounded" | "square" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare const avatarFallbackVariants: (props?: ({
|
|
9
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
9
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
10
10
|
shape?: "circle" | "rounded" | "square" | null | undefined;
|
|
11
|
-
variant?: "
|
|
11
|
+
variant?: "information" | "success" | "error" | "warning" | "violet" | "magenta" | null | undefined;
|
|
12
12
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
13
13
|
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
|
|
14
14
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
|
|
5
|
+
intent?: "success" | "warning" | "destructive" | "neutral" | "brand" | null | undefined;
|
|
6
|
+
appearance?: "outline" | "solid" | "subtle" | null | undefined;
|
|
6
7
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
9
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
@@ -2,7 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { IconType } from './icon';
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "success" | "default" | "secondary" | "destructive" | "primary" | "ghost" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
iconPosition?: "none" | "left" | "right" | "only" | null | undefined;
|
|
8
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export declare const chartColorSchemes: {
|
|
2
|
-
readonly bar: readonly ["#3B82F6", "#1D4ED8", "#1E40AF", "#1E3A8A", "#312E81", "#1E1B4B"];
|
|
3
|
-
readonly line: readonly ["#10B981", "#059669", "#047857", "#065F46", "#064E3B", "#022C22"];
|
|
4
|
-
readonly scatter: readonly ["#8B5CF6", "#7C3AED", "#6D28D9", "#5B21B6", "#4C1D95", "#312E81"];
|
|
2
|
+
readonly bar: readonly ["#3B82F6", "#1D4ED8", "#1E40AF", "#1E3A8A", "#312E81", "#1E1B4B", "#F59E0B", "#DC2626"];
|
|
3
|
+
readonly line: readonly ["#10B981", "#059669", "#047857", "#065F46", "#064E3B", "#022C22", "#8B5CF6", "#DC2626"];
|
|
4
|
+
readonly scatter: readonly ["#8B5CF6", "#7C3AED", "#6D28D9", "#5B21B6", "#4C1D95", "#312E81", "#10B981", "#F59E0B"];
|
|
5
|
+
readonly accessible: readonly ["#0066CC", "#CC6600", "#009966", "#CC0066", "#6600CC", "#CC9900", "#006666", "#CC0000"];
|
|
5
6
|
};
|
|
6
|
-
export type ChartType = "bar" | "horizontal-bar" | "line" | "scatter";
|
|
7
|
+
export type ChartType = "bar" | "horizontal-bar" | "line" | "scatter" | "composed";
|
|
7
8
|
export type ChartColorScheme = keyof typeof chartColorSchemes;
|
|
8
9
|
export interface ChartDataPoint {
|
|
9
10
|
[key: string]: string | number;
|
|
@@ -12,6 +13,7 @@ export interface ChartConfig {
|
|
|
12
13
|
[key: string]: {
|
|
13
14
|
label: string;
|
|
14
15
|
color?: string;
|
|
16
|
+
type?: "bar" | "line" | "area";
|
|
15
17
|
};
|
|
16
18
|
}
|
|
17
19
|
export interface ChartProps {
|
|
@@ -27,7 +29,10 @@ export interface ChartProps {
|
|
|
27
29
|
showGrid?: boolean;
|
|
28
30
|
showLegend?: boolean;
|
|
29
31
|
showTooltip?: boolean;
|
|
32
|
+
colorScheme?: ChartColorScheme;
|
|
33
|
+
responsive?: boolean;
|
|
34
|
+
maintainAspectRatio?: boolean;
|
|
30
35
|
}
|
|
31
|
-
export declare function Chart({ type, data, config, className, height, width, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare const generateChartColors: (count: number, scheme?: ChartColorScheme) => ("#3B82F6" | "#1D4ED8" | "#1E40AF" | "#1E3A8A" | "#312E81" | "#1E1B4B" | "#10B981" | "#059669" | "#047857" | "#065F46" | "#064E3B" | "#022C22" | "#8B5CF6" | "#7C3AED" | "#6D28D9" | "#5B21B6" | "#4C1D95")[];
|
|
36
|
+
export declare function Chart({ type, data, config, className, height, width, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare const generateChartColors: (count: number, scheme?: ChartColorScheme) => ("#3B82F6" | "#1D4ED8" | "#1E40AF" | "#1E3A8A" | "#312E81" | "#1E1B4B" | "#F59E0B" | "#DC2626" | "#10B981" | "#059669" | "#047857" | "#065F46" | "#064E3B" | "#022C22" | "#8B5CF6" | "#7C3AED" | "#6D28D9" | "#5B21B6" | "#4C1D95" | "#0066CC" | "#CC6600" | "#009966" | "#CC0066" | "#6600CC" | "#CC9900" | "#006666" | "#CC0000")[];
|
|
33
38
|
export declare const createChartConfig: (input: ChartConfig | string[], labels?: string[], colors?: string[]) => ChartConfig;
|
|
@@ -14,7 +14,7 @@ export interface ColumnMeta {
|
|
|
14
14
|
}
|
|
15
15
|
declare const fuzzyFilter: FilterFn<any>;
|
|
16
16
|
declare const multiSelectFilter: FilterFn<any>;
|
|
17
|
-
interface DataTableToolbarProps<
|
|
17
|
+
interface DataTableToolbarProps<_TData = any> {
|
|
18
18
|
table: any;
|
|
19
19
|
searchKey?: string;
|
|
20
20
|
searchPlaceholder?: string;
|
|
@@ -24,12 +24,12 @@ interface DataTableFilterProps {
|
|
|
24
24
|
column: any;
|
|
25
25
|
}
|
|
26
26
|
declare function DataTableFilter({ column }: DataTableFilterProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
interface DataTableColumnHeaderProps<
|
|
27
|
+
interface DataTableColumnHeaderProps<_TData = any, _TValue = any> extends React.HTMLAttributes<HTMLDivElement> {
|
|
28
28
|
column: any;
|
|
29
29
|
title: string;
|
|
30
30
|
}
|
|
31
31
|
declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
interface DataTablePaginationProps<
|
|
32
|
+
interface DataTablePaginationProps<_TData = any> {
|
|
33
33
|
table: any;
|
|
34
34
|
}
|
|
35
35
|
declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,10 +10,13 @@ declare const DialogHeader: {
|
|
|
10
10
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
|
+
declare const DialogBody: {
|
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
13
17
|
declare const DialogFooter: {
|
|
14
18
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
19
|
displayName: string;
|
|
16
20
|
};
|
|
17
21
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
-
|
|
19
|
-
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
22
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, };
|
|
@@ -19,7 +19,7 @@ export interface EditableContextValue {
|
|
|
19
19
|
triggerMode: "click" | "dblclick" | "focus";
|
|
20
20
|
}
|
|
21
21
|
declare const useEditable: () => EditableContextValue;
|
|
22
|
-
export interface EditableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof editableVariants> {
|
|
22
|
+
export interface EditableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onSubmit">, VariantProps<typeof editableVariants> {
|
|
23
23
|
value?: string;
|
|
24
24
|
defaultValue?: string;
|
|
25
25
|
onValueChange?: (value: string) => void;
|
|
@@ -5,7 +5,7 @@ declare const emptyStateVariants: (props?: ({
|
|
|
5
5
|
fullWidth?: boolean | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
declare const emptyStateIconVariants: (props?: ({
|
|
8
|
-
variant?: "
|
|
8
|
+
variant?: "success" | "error" | "warning" | "default" | "primary" | null | undefined;
|
|
9
9
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
10
10
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
11
|
export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
|
|
@@ -22,13 +22,13 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, V
|
|
|
22
22
|
label: string;
|
|
23
23
|
onClick?: () => void;
|
|
24
24
|
href?: string;
|
|
25
|
-
variant?: "default" | "secondary" | "ghost" | "
|
|
25
|
+
variant?: "default" | "secondary" | "ghost" | "primary" | "destructive" | "success";
|
|
26
26
|
};
|
|
27
27
|
secondaryAction?: {
|
|
28
28
|
label: string;
|
|
29
29
|
onClick?: () => void;
|
|
30
30
|
href?: string;
|
|
31
|
-
variant?: "default" | "secondary" | "ghost" | "
|
|
31
|
+
variant?: "default" | "secondary" | "ghost" | "primary" | "destructive" | "success";
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -44,4 +44,4 @@ export declare const EmptyStates: {
|
|
|
44
44
|
ComingSoon: ({ title, description, ...props }: Partial<EmptyStateProps>) => import("react/jsx-runtime").JSX.Element;
|
|
45
45
|
NoNotifications: ({ title, description, ...props }: Partial<EmptyStateProps>) => import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
};
|
|
47
|
-
export
|
|
47
|
+
export {};
|
|
@@ -72,5 +72,4 @@ export declare const FileUpload: {
|
|
|
72
72
|
ItemProgress: React.ForwardRefExoticComponent<FileUploadItemProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
73
|
ItemDelete: React.ForwardRefExoticComponent<Omit<FileUploadItemDeleteProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
74
74
|
};
|
|
75
|
-
export { FileUploadRoot, FileUploadDropzone, FileUploadTrigger, FileUploadList, FileUploadItem, FileUploadItemPreview, FileUploadItemMetadata, FileUploadItemProgress, FileUploadItemDelete, useFileUpload, formatFileSize };
|
|
76
|
-
export type { FileUploadProps, FileUploadDropzoneProps, FileUploadTriggerProps, FileUploadListProps, FileUploadItemProps, FileUploadItemPreviewProps, FileUploadItemMetadataProps, FileUploadItemProgressProps, FileUploadItemDeleteProps, };
|
|
75
|
+
export { FileUploadRoot, FileUploadDropzone, FileUploadTrigger, FileUploadList, FileUploadItem, FileUploadItemPreview, FileUploadItemMetadata, FileUploadItemProgress, FileUploadItemDelete, useFileUpload, formatFileSize, };
|
|
@@ -28,12 +28,12 @@ export type IconSize = keyof typeof iconSizes;
|
|
|
28
28
|
export type { CustomIconName };
|
|
29
29
|
export type LucideIconName = string;
|
|
30
30
|
export type IconType = CustomIconName | LucideIconName;
|
|
31
|
-
export interface IconProps extends Omit<React.SVGAttributes<SVGElement>,
|
|
31
|
+
export interface IconProps extends Omit<React.SVGAttributes<SVGElement>, "color"> {
|
|
32
32
|
name: IconType;
|
|
33
33
|
size?: IconSize;
|
|
34
34
|
color?: IconColor;
|
|
35
35
|
/** Accessible label for the icon. If not provided, icon will be marked as decorative (aria-hidden) */
|
|
36
|
-
|
|
36
|
+
"aria-label"?: string;
|
|
37
37
|
}
|
|
38
38
|
declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
|
39
39
|
export { Icon, iconColors, iconSizes };
|
|
@@ -3,7 +3,7 @@ export interface LinkedChartColumn {
|
|
|
3
3
|
key: string;
|
|
4
4
|
label: string;
|
|
5
5
|
type?: "text" | "number" | "currency" | "percentage";
|
|
6
|
-
format?: (value: any) => string;
|
|
6
|
+
format?: (value: any, row?: any) => string;
|
|
7
7
|
}
|
|
8
8
|
export interface LinkedChartProps extends Omit<ChartProps, "onDataPointClick" | "onDataPointHover" | "highlightedIndex"> {
|
|
9
9
|
title?: string;
|
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const listboxVariants: (props?: ({
|
|
4
|
-
orientation?: "grid" | "horizontal" | "vertical" | null | undefined;
|
|
5
4
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
6
|
export interface ListboxContextValue {
|
|
8
|
-
value: string | string[];
|
|
9
|
-
|
|
7
|
+
value: string | string[] | undefined;
|
|
8
|
+
onChange: (value: string | string[]) => void;
|
|
10
9
|
multiple?: boolean;
|
|
11
|
-
orientation?: "vertical" | "horizontal" | "grid";
|
|
12
10
|
disabled?: boolean;
|
|
11
|
+
size?: "sm" | "md" | "lg";
|
|
12
|
+
options: {
|
|
13
|
+
value: string;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
16
|
+
}[];
|
|
17
|
+
registerOption: (value: string, disabled: boolean, ref: React.RefObject<HTMLDivElement>) => void;
|
|
18
|
+
unregisterOption: (value: string) => void;
|
|
19
|
+
activeValue: string | null;
|
|
20
|
+
setActiveValue: (value: string | null) => void;
|
|
13
21
|
}
|
|
14
|
-
export interface ListboxProps extends
|
|
22
|
+
export interface ListboxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof listboxVariants> {
|
|
15
23
|
value?: string | string[];
|
|
16
|
-
|
|
24
|
+
onChange?: (value: string | string[]) => void;
|
|
17
25
|
multiple?: boolean;
|
|
18
26
|
disabled?: boolean;
|
|
19
|
-
gridCols?: number;
|
|
20
27
|
}
|
|
21
28
|
declare const Listbox: React.ForwardRefExoticComponent<ListboxProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
export interface
|
|
29
|
+
export interface ListboxOptionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
30
|
value: string;
|
|
24
31
|
disabled?: boolean;
|
|
25
32
|
children: React.ReactNode;
|
|
26
33
|
}
|
|
27
|
-
declare const
|
|
28
|
-
export interface ListboxItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
29
|
-
children: React.ReactNode;
|
|
30
|
-
}
|
|
31
|
-
declare const ListboxItemIndicator: React.ForwardRefExoticComponent<ListboxItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
34
|
+
declare const ListboxOption: React.ForwardRefExoticComponent<ListboxOptionProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
35
|
export interface ListboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
33
36
|
children: React.ReactNode;
|
|
34
37
|
}
|
|
@@ -37,4 +40,4 @@ export interface ListboxGroupLabelProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
37
40
|
children: React.ReactNode;
|
|
38
41
|
}
|
|
39
42
|
declare const ListboxGroupLabel: React.ForwardRefExoticComponent<ListboxGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
-
export { Listbox,
|
|
43
|
+
export { Listbox, ListboxOption, ListboxGroup, ListboxGroupLabel };
|
|
@@ -66,4 +66,3 @@ export interface MentionTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
66
66
|
onMentionClick?: (mention: string) => void;
|
|
67
67
|
}
|
|
68
68
|
export declare const MentionText: React.ForwardRefExoticComponent<MentionTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
-
export type { MentionProps, MentionSuggestion, MentionTextProps };
|
|
@@ -4,7 +4,7 @@ declare const numberScrubberVariants: (props?: ({
|
|
|
4
4
|
variant?: "default" | "ghost" | null | undefined;
|
|
5
5
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
export interface NumberScrubberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type">, VariantProps<typeof numberScrubberVariants> {
|
|
7
|
+
export interface NumberScrubberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "size">, VariantProps<typeof numberScrubberVariants> {
|
|
8
8
|
value?: number;
|
|
9
9
|
onChange?: (value: number) => void;
|
|
10
10
|
min?: number;
|
|
@@ -18,4 +18,4 @@ export interface NumberScrubberProps extends Omit<React.InputHTMLAttributes<HTML
|
|
|
18
18
|
onScrubEnd?: () => void;
|
|
19
19
|
}
|
|
20
20
|
export declare const NumberScrubber: React.ForwardRefExoticComponent<NumberScrubberProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
export
|
|
21
|
+
export {};
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
4
4
|
declare const progressVariants: (props?: ({
|
|
5
|
-
variant?: "success" | "
|
|
5
|
+
variant?: "success" | "error" | "warning" | "default" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const spinnerVariants: (props?: ({
|
|
4
4
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "success" | "error" | "warning" | "default" | "secondary" | "primary" | "tertiary" | "disabled" | "inverse" | null | undefined;
|
|
6
6
|
speed?: "normal" | "slow" | "fast" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
|
|
@@ -89,4 +89,3 @@ export interface ProgressDotsProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
89
89
|
}
|
|
90
90
|
declare const ProgressDots: React.ForwardRefExoticComponent<ProgressDotsProps & React.RefAttributes<HTMLDivElement>>;
|
|
91
91
|
export { Spinner, LoadingOverlay, Skeleton, Pulse, ProgressDots, spinnerVariants };
|
|
92
|
-
export type { SpinnerProps, LoadingOverlayProps, SkeletonProps, PulseProps, ProgressDotsProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const tagVariants: (props?: ({
|
|
4
|
-
intent?: "success" | "warning" | "
|
|
4
|
+
intent?: "success" | "warning" | "destructive" | "neutral" | "brand" | null | undefined;
|
|
5
5
|
appearance?: "solid" | "subtle" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
closable?: boolean | null | undefined;
|
|
@@ -79,4 +79,3 @@ export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
79
79
|
}
|
|
80
80
|
declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
81
81
|
export { Tag, TagGroup, tagVariants };
|
|
82
|
-
export type { TagProps, TagGroupProps };
|