@rafal.lemieszewski/tide-ui 0.2.3 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +17 -0
- package/dist/components/ui/alert.d.ts +1 -1
- package/dist/components/ui/avatar.d.ts +3 -3
- package/dist/components/ui/badge.d.ts +1 -1
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/chart.d.ts +7 -5
- package/dist/components/ui/checkbox.d.ts +1 -1
- package/dist/components/ui/combobox.d.ts +18 -4
- package/dist/components/ui/command.d.ts +1 -1
- package/dist/components/ui/drawer.d.ts +22 -0
- package/dist/components/ui/dropdown-menu.d.ts +59 -15
- package/dist/components/ui/editable.d.ts +4 -2
- package/dist/components/ui/empty-state.d.ts +1 -1
- package/dist/components/ui/input.d.ts +1 -1
- package/dist/components/ui/linked-chart.d.ts +2 -1
- package/dist/components/ui/progress.d.ts +1 -1
- package/dist/components/ui/radio-group.d.ts +1 -1
- package/dist/components/ui/select.d.ts +1 -1
- package/dist/components/ui/sheet.d.ts +1 -1
- package/dist/components/ui/sidebar.d.ts +2 -3
- package/dist/components/ui/skeleton.d.ts +2 -2
- package/dist/components/ui/sortable.d.ts +1 -1
- package/dist/components/ui/spinner.d.ts +1 -1
- package/dist/components/ui/textarea.d.ts +1 -1
- package/dist/index.cjs.js +1755 -1657
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +39435 -17155
- package/dist/index.es.js.map +1 -1
- package/dist/lib/hooks.d.ts +11 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +4 -3
- package/dist/components/ui/drop-drawer.d.ts +0 -28
- package/dist/components/ui/typography.d.ts +0 -10
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export { Alert, AlertDescription, AlertTitle } from './ui/alert';
|
|
2
|
+
export type { AlertProps } from './ui/alert';
|
|
3
|
+
export { Chart, generateChartColors, createChartConfig, chartColorSchemes } from './ui/chart';
|
|
4
|
+
export type { ChartProps, ChartConfig, ChartDataPoint, ChartType, ChartColorScheme } from './ui/chart';
|
|
1
5
|
export { Avatar, AvatarImage, AvatarFallback, avatarVariants, avatarFallbackVariants } from './ui/avatar';
|
|
2
6
|
export type { AvatarProps, AvatarFallbackProps } from './ui/avatar';
|
|
3
7
|
export { Badge } from './ui/badge';
|
|
@@ -6,19 +10,27 @@ export { Button } from './ui/button';
|
|
|
6
10
|
export type { ButtonProps } from './ui/button';
|
|
7
11
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card';
|
|
8
12
|
export { Checkbox, checkboxVariants } from './ui/checkbox';
|
|
13
|
+
export { RadioGroup, RadioGroupItem, radioGroupVariants, radioGroupItemVariants } from './ui/radio-group';
|
|
14
|
+
export type { RadioGroupProps, RadioGroupItemProps } from './ui/radio-group';
|
|
9
15
|
export { Input } from './ui/input';
|
|
10
16
|
export type { InputProps } from './ui/input';
|
|
11
17
|
export { Label } from './ui/label';
|
|
12
18
|
export type { LabelProps } from './ui/label';
|
|
19
|
+
export { ScrollArea, ScrollBar } from './ui/scroll-area';
|
|
13
20
|
export { Separator } from './ui/separator';
|
|
14
21
|
export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonTable, skeletonVariants } from './ui/skeleton';
|
|
15
22
|
export { Switch } from './ui/switch';
|
|
16
23
|
export { Textarea } from './ui/textarea';
|
|
17
24
|
export type { TextareaProps } from './ui/textarea';
|
|
25
|
+
export { Editable, EditablePreview, EditableInput, EditableTextarea, useEditable } from './ui/editable';
|
|
26
|
+
export type { EditableProps, EditableContextValue, EditablePreviewProps, EditableInputProps, EditableTextareaProps } from './ui/editable';
|
|
27
|
+
export { FormField, FormLabel, FormControl, FormHelperText, FormErrorMessage } from './ui/form-field';
|
|
28
|
+
export type { FormFieldProps, FormLabelProps, FormControlProps, FormHelperTextProps, FormErrorMessageProps } from './ui/form-field';
|
|
18
29
|
export { Tabs, TabsList, TabsTrigger, TabsContent, TabsGroupLabel } from './ui/tabs';
|
|
19
30
|
export type { TabsProps, TabsListProps, TabsTriggerProps, TabsGroupLabelProps } from './ui/tabs';
|
|
20
31
|
export { Toggle } from './ui/toggle';
|
|
21
32
|
export type { ToggleProps } from './ui/toggle';
|
|
33
|
+
export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group';
|
|
22
34
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, selectContentVariants, selectItemVariants, } from './ui/select';
|
|
23
35
|
export type { SelectTriggerProps, SelectContentProps, SelectItemProps } from './ui/select';
|
|
24
36
|
export { TextLink } from './ui/text-link';
|
|
@@ -30,8 +42,13 @@ export { Icon } from './ui/icon';
|
|
|
30
42
|
export type { IconColor, IconSize, CustomIconName } from './ui/icon';
|
|
31
43
|
export { Kbd } from './ui/kbd';
|
|
32
44
|
export { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './ui/command';
|
|
45
|
+
export { Combobox, MultiCombobox } from './ui/combobox';
|
|
46
|
+
export type { ComboboxProps, ComboboxOption, ComboboxTriggerProps, MultiComboboxProps, MultiComboboxTriggerProps, } from './ui/combobox';
|
|
33
47
|
export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
|
|
34
48
|
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';
|
|
49
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from './ui/drawer';
|
|
50
|
+
export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from './ui/sheet';
|
|
51
|
+
export type { SheetContentProps } from './ui/sheet';
|
|
35
52
|
export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuLabel, DropdownMenuGroup, } from './ui/dropdown-menu';
|
|
36
53
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './ui/tooltip';
|
|
37
54
|
export { cn } from '../lib/utils';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const alertVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
7
7
|
}
|
|
@@ -3,12 +3,12 @@ import * as React from "react";
|
|
|
3
3
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
4
|
declare const avatarVariants: (props?: ({
|
|
5
5
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
|
-
shape?: "circle" | "rounded" |
|
|
6
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare const avatarFallbackVariants: (props?: ({
|
|
9
9
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
10
|
-
shape?: "circle" | "rounded" |
|
|
11
|
-
variant?: "
|
|
10
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
11
|
+
variant?: "success" | "warning" | "magenta" | "violet" | "information" | "error" | 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,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
|
|
5
5
|
intent?: "success" | "warning" | "destructive" | "neutral" | "brand" | null | undefined;
|
|
6
6
|
appearance?: "outline" | "solid" | "subtle" | null | undefined;
|
|
7
7
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -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?: "default" | "success" | "destructive" | "secondary" | "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,7 +1,8 @@
|
|
|
1
1
|
export declare const chartColorSchemes: {
|
|
2
|
-
readonly bar: readonly ["
|
|
3
|
-
readonly line: readonly ["
|
|
4
|
-
readonly scatter: readonly ["
|
|
2
|
+
readonly bar: readonly ["var(--color-chart-bar-1)", "var(--color-chart-bar-2)", "var(--color-chart-bar-3)", "var(--color-chart-bar-4)", "var(--color-chart-bar-5)", "var(--color-chart-bar-6)"];
|
|
3
|
+
readonly line: readonly ["var(--color-chart-line-1)", "var(--color-chart-line-2)", "var(--color-chart-line-3)", "var(--color-chart-line-4)", "var(--color-chart-line-5)"];
|
|
4
|
+
readonly scatter: readonly ["var(--color-chart-scatter-1)", "var(--color-chart-scatter-2)", "var(--color-chart-scatter-3)", "var(--color-chart-scatter-4)", "var(--color-chart-scatter-5)", "var(--color-chart-scatter-6)"];
|
|
5
|
+
readonly area: readonly ["var(--color-chart-area-1)", "var(--color-chart-area-2)", "var(--color-chart-area-3)", "var(--color-chart-area-4)", "var(--color-chart-area-5)", "var(--color-chart-area-6)"];
|
|
5
6
|
readonly accessible: readonly ["#0066CC", "#CC6600", "#009966", "#CC0066", "#6600CC", "#CC9900", "#006666", "#CC0000"];
|
|
6
7
|
};
|
|
7
8
|
export type ChartType = "bar" | "horizontal-bar" | "line" | "scatter" | "composed";
|
|
@@ -23,6 +24,7 @@ export interface ChartProps {
|
|
|
23
24
|
className?: string;
|
|
24
25
|
height?: number;
|
|
25
26
|
width?: number;
|
|
27
|
+
minWidth?: number;
|
|
26
28
|
onDataPointClick?: (data: ChartDataPoint, index: number) => void;
|
|
27
29
|
onDataPointHover?: (data: ChartDataPoint | null, index?: number) => void;
|
|
28
30
|
highlightedIndex?: number;
|
|
@@ -33,6 +35,6 @@ export interface ChartProps {
|
|
|
33
35
|
responsive?: boolean;
|
|
34
36
|
maintainAspectRatio?: boolean;
|
|
35
37
|
}
|
|
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) => ("
|
|
38
|
+
export declare function Chart({ type, data, config, className, height, width, minWidth, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const generateChartColors: (count: number, scheme?: ChartColorScheme) => ("var(--color-chart-bar-1)" | "var(--color-chart-bar-2)" | "var(--color-chart-bar-3)" | "var(--color-chart-bar-4)" | "var(--color-chart-bar-5)" | "var(--color-chart-bar-6)" | "var(--color-chart-line-1)" | "var(--color-chart-line-2)" | "var(--color-chart-line-3)" | "var(--color-chart-line-4)" | "var(--color-chart-line-5)" | "var(--color-chart-scatter-1)" | "var(--color-chart-scatter-2)" | "var(--color-chart-scatter-3)" | "var(--color-chart-scatter-4)" | "var(--color-chart-scatter-5)" | "var(--color-chart-scatter-6)" | "var(--color-chart-area-1)" | "var(--color-chart-area-2)" | "var(--color-chart-area-3)" | "var(--color-chart-area-4)" | "var(--color-chart-area-5)" | "var(--color-chart-area-6)" | "#0066CC" | "#CC6600" | "#009966" | "#CC0066" | "#6600CC" | "#CC9900" | "#006666" | "#CC0000")[];
|
|
38
40
|
export declare const createChartConfig: (input: ChartConfig | string[], labels?: string[], colors?: string[]) => ChartConfig;
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
4
|
declare const checkboxVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "default" | "error" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
8
8
|
}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
export interface ComboboxOption {
|
|
2
3
|
value: string;
|
|
3
4
|
label: string;
|
|
4
5
|
disabled?: boolean;
|
|
5
6
|
}
|
|
7
|
+
export interface ComboboxTriggerProps {
|
|
8
|
+
open: boolean;
|
|
9
|
+
selectedOption: ComboboxOption | undefined;
|
|
10
|
+
placeholder: string;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
}
|
|
6
13
|
export interface ComboboxProps {
|
|
7
14
|
options: ComboboxOption[];
|
|
8
15
|
value?: string;
|
|
@@ -13,9 +20,16 @@ export interface ComboboxProps {
|
|
|
13
20
|
disabled?: boolean;
|
|
14
21
|
className?: string;
|
|
15
22
|
popoverClassName?: string;
|
|
16
|
-
|
|
23
|
+
trigger: (props: ComboboxTriggerProps) => React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, popoverClassName, trigger, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export interface MultiComboboxTriggerProps {
|
|
27
|
+
open: boolean;
|
|
28
|
+
selectedOptions: ComboboxOption[];
|
|
29
|
+
placeholder: string;
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
maxDisplayedItems: number;
|
|
17
32
|
}
|
|
18
|
-
export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, popoverClassName, triggerClassName, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
|
|
19
33
|
export interface MultiComboboxProps {
|
|
20
34
|
options: ComboboxOption[];
|
|
21
35
|
values?: string[];
|
|
@@ -26,7 +40,7 @@ export interface MultiComboboxProps {
|
|
|
26
40
|
disabled?: boolean;
|
|
27
41
|
className?: string;
|
|
28
42
|
popoverClassName?: string;
|
|
29
|
-
|
|
43
|
+
trigger: (props: MultiComboboxTriggerProps) => React.ReactNode;
|
|
30
44
|
maxDisplayedItems?: number;
|
|
31
45
|
}
|
|
32
|
-
export declare function MultiCombobox({ options, values, onValuesChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, popoverClassName,
|
|
46
|
+
export declare function MultiCombobox({ options, values, onValuesChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, popoverClassName, trigger, maxDisplayedItems, }: MultiComboboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
68
68
|
ref?: React.Ref<HTMLDivElement>;
|
|
69
69
|
} & {
|
|
70
70
|
asChild?: boolean;
|
|
71
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "
|
|
71
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
|
|
72
72
|
disabled?: boolean;
|
|
73
73
|
onSelect?: (value: string) => void;
|
|
74
74
|
value?: string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Drawer: {
|
|
4
|
+
({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
declare const DrawerPortal: typeof import('vaul').Portal;
|
|
9
|
+
declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DrawerHeader: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DrawerFooter: {
|
|
17
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
21
|
+
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
@@ -1,28 +1,72 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
-
declare const
|
|
4
|
-
declare const
|
|
3
|
+
declare const DropdownMenuDesktop: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
4
|
+
declare const DropdownMenuDesktopTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
7
|
-
declare const
|
|
8
|
-
declare const
|
|
9
|
-
declare const
|
|
10
|
-
inset?: boolean;
|
|
11
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
7
|
+
declare const DropdownMenuDesktopRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const DropdownMenuDesktopContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DropdownMenuDesktopItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
10
|
inset?: boolean;
|
|
16
11
|
destructive?: boolean;
|
|
17
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
declare const
|
|
19
|
-
declare const
|
|
20
|
-
declare const
|
|
13
|
+
declare const DropdownMenuDesktopCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const DropdownMenuDesktopRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const DropdownMenuDesktopLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
21
16
|
inset?: boolean;
|
|
22
17
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const
|
|
18
|
+
declare const DropdownMenuDesktopSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
19
|
declare const DropdownMenuShortcut: {
|
|
25
20
|
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
26
21
|
displayName: string;
|
|
27
22
|
};
|
|
28
|
-
|
|
23
|
+
interface ResponsiveDropdownMenuProps {
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
declare const ResponsiveDropdownMenu: ({ children }: ResponsiveDropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
interface ResponsiveDropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
|
|
28
|
+
children: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
declare const ResponsiveDropdownMenuContent: React.ForwardRefExoticComponent<ResponsiveDropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
interface ResponsiveDropdownMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
}
|
|
35
|
+
declare const ResponsiveDropdownMenuTrigger: React.ForwardRefExoticComponent<ResponsiveDropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
36
|
+
interface ResponsiveDropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
|
|
37
|
+
inset?: boolean;
|
|
38
|
+
destructive?: boolean;
|
|
39
|
+
}
|
|
40
|
+
declare const ResponsiveDropdownMenuItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
+
interface ResponsiveDropdownMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
|
|
42
|
+
checked?: boolean;
|
|
43
|
+
}
|
|
44
|
+
declare const ResponsiveDropdownMenuCheckboxItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
interface ResponsiveDropdownMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
|
|
46
|
+
value: string;
|
|
47
|
+
}
|
|
48
|
+
declare const ResponsiveDropdownMenuRadioItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
interface ResponsiveDropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
|
|
50
|
+
inset?: boolean;
|
|
51
|
+
}
|
|
52
|
+
declare const ResponsiveDropdownMenuLabel: React.ForwardRefExoticComponent<ResponsiveDropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
declare const ResponsiveDropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
interface ResponsiveDropdownMenuRadioGroupProps {
|
|
55
|
+
value?: string;
|
|
56
|
+
onValueChange?: (value: string) => void;
|
|
57
|
+
children: React.ReactNode;
|
|
58
|
+
}
|
|
59
|
+
declare const ResponsiveDropdownMenuRadioGroup: ({ value, onValueChange, children }: ResponsiveDropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
|
+
interface ResponsiveDropdownMenuSubProps {
|
|
61
|
+
children: React.ReactNode;
|
|
62
|
+
}
|
|
63
|
+
declare const ResponsiveDropdownMenuSub: ({ children }: ResponsiveDropdownMenuSubProps) => import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
interface ResponsiveDropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
|
|
65
|
+
inset?: boolean;
|
|
66
|
+
}
|
|
67
|
+
declare const ResponsiveDropdownMenuSubTrigger: React.ForwardRefExoticComponent<ResponsiveDropdownMenuSubTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
68
|
+
interface ResponsiveDropdownMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {
|
|
69
|
+
children: React.ReactNode;
|
|
70
|
+
}
|
|
71
|
+
declare const ResponsiveDropdownMenuSubContent: React.ForwardRefExoticComponent<ResponsiveDropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
export { ResponsiveDropdownMenu as DropdownMenu, ResponsiveDropdownMenuTrigger as DropdownMenuTrigger, ResponsiveDropdownMenuContent as DropdownMenuContent, ResponsiveDropdownMenuItem as DropdownMenuItem, ResponsiveDropdownMenuCheckboxItem as DropdownMenuCheckboxItem, ResponsiveDropdownMenuRadioItem as DropdownMenuRadioItem, ResponsiveDropdownMenuLabel as DropdownMenuLabel, ResponsiveDropdownMenuSeparator as DropdownMenuSeparator, ResponsiveDropdownMenuRadioGroup as DropdownMenuRadioGroup, ResponsiveDropdownMenuSub as DropdownMenuSub, ResponsiveDropdownMenuSubContent as DropdownMenuSubContent, ResponsiveDropdownMenuSubTrigger as DropdownMenuSubTrigger, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuDesktop, DropdownMenuDesktopTrigger, DropdownMenuDesktopContent, DropdownMenuDesktopItem, DropdownMenuDesktopCheckboxItem, DropdownMenuDesktopRadioItem, DropdownMenuDesktopLabel, DropdownMenuDesktopSeparator, DropdownMenuDesktopRadioGroup, };
|
|
@@ -17,6 +17,8 @@ export interface EditableContextValue {
|
|
|
17
17
|
maxLength?: number;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
triggerMode: "click" | "dblclick" | "focus";
|
|
20
|
+
previewFontSize?: string;
|
|
21
|
+
setPreviewFontSize: (fontSize: string | undefined) => void;
|
|
20
22
|
}
|
|
21
23
|
declare const useEditable: () => EditableContextValue;
|
|
22
24
|
export interface EditableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onSubmit">, VariantProps<typeof editableVariants> {
|
|
@@ -42,10 +44,10 @@ declare const EditablePreview: React.ForwardRefExoticComponent<EditablePreviewPr
|
|
|
42
44
|
export interface EditableInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
|
|
43
45
|
autoFocus?: boolean;
|
|
44
46
|
}
|
|
45
|
-
declare const EditableInput: React.ForwardRefExoticComponent<EditableInputProps & React.RefAttributes<
|
|
47
|
+
declare const EditableInput: React.ForwardRefExoticComponent<EditableInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
48
|
export interface EditableTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
|
|
47
49
|
autoFocus?: boolean;
|
|
48
50
|
autoResize?: boolean;
|
|
49
51
|
}
|
|
50
|
-
declare const EditableTextarea: React.ForwardRefExoticComponent<EditableTextareaProps & React.RefAttributes<
|
|
52
|
+
declare const EditableTextarea: React.ForwardRefExoticComponent<EditableTextareaProps & React.RefAttributes<HTMLDivElement>>;
|
|
51
53
|
export { Editable, EditablePreview, EditableInput, EditableTextarea, useEditable };
|
|
@@ -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?: "default" | "success" | "warning" | "error" | "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> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const inputVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "default" | "error" | null | undefined;
|
|
5
5
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
@@ -16,6 +16,7 @@ export interface LinkedChartProps extends Omit<ChartProps, "onDataPointClick" |
|
|
|
16
16
|
showTable?: boolean;
|
|
17
17
|
tableClassName?: string;
|
|
18
18
|
chartClassName?: string;
|
|
19
|
+
chartFilterMode?: "highlight" | "filter";
|
|
19
20
|
}
|
|
20
|
-
export declare function LinkedChart({ title, description, data, config, columns, type, enableFiltering, enableRowSelection, onRowSelectionChange, onDataFilter, showTable, tableClassName, chartClassName, className, ...chartProps }: LinkedChartProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function LinkedChart({ title, description, data, config, columns, type, enableFiltering, enableRowSelection, onRowSelectionChange, onDataFilter, showTable, tableClassName, chartClassName, chartFilterMode, className, ...chartProps }: LinkedChartProps): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export declare const createLinkedChartColumns: (config: ChartConfig, additionalColumns?: LinkedChartColumn[]) => LinkedChartColumn[];
|
|
@@ -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?: "
|
|
5
|
+
variant?: "default" | "success" | "warning" | "error" | 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> {
|
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
4
4
|
declare const radioGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
5
5
|
declare const radioGroupItemVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "default" | "error" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof radioGroupVariants> {
|
|
9
9
|
}
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
4
|
declare const selectTriggerVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "default" | "error" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare const selectContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
|
|
|
7
7
|
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
8
8
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const sheetVariants: (props?: ({
|
|
10
|
-
side?: "
|
|
10
|
+
side?: "top" | "bottom" | "left" | "right" | null | undefined;
|
|
11
11
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
12
|
export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
13
13
|
showClose?: boolean;
|
|
@@ -47,10 +47,9 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
|
|
|
47
47
|
tooltip?: string | React.ComponentProps<typeof TooltipPrimitive.Content>;
|
|
48
48
|
} & VariantProps<(props?: ({
|
|
49
49
|
variant?: "default" | "outline" | null | undefined;
|
|
50
|
-
size?: "
|
|
50
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
51
51
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
52
|
-
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<
|
|
53
|
-
asChild?: boolean;
|
|
52
|
+
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement> & {
|
|
54
53
|
showOnHover?: boolean;
|
|
55
54
|
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
56
55
|
declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const skeletonVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "default" | "circle" | "rectangular" | null | undefined;
|
|
5
5
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
@@ -27,7 +27,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, Var
|
|
|
27
27
|
lines?: number;
|
|
28
28
|
}
|
|
29
29
|
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
declare const SkeletonAvatar: React.ForwardRefExoticComponent<Omit<SkeletonProps, "
|
|
30
|
+
declare const SkeletonAvatar: React.ForwardRefExoticComponent<Omit<SkeletonProps, "variant" | "size"> & {
|
|
31
31
|
size?: "sm" | "md" | "lg" | "xl";
|
|
32
32
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
declare const SkeletonButton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "size"> & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const sortableVariants: (props?: ({
|
|
4
|
-
orientation?: "grid" | "
|
|
4
|
+
orientation?: "grid" | "vertical" | "horizontal" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export interface SortableRootProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onDragEnd">, VariantProps<typeof sortableVariants> {
|
|
7
7
|
items: T[];
|
|
@@ -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?: "default" | "success" | "warning" | "error" | "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> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const textareaVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "default" | "error" | null | undefined;
|
|
5
5
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, VariantProps<typeof textareaVariants> {
|