doodleui-react 0.5.0 → 0.6.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/README.md +2 -2
- package/dist/index.cjs +1368 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +156 -2
- package/dist/index.d.ts +156 -2
- package/dist/index.js +1332 -1
- package/dist/index.js.map +1 -1
- package/package.json +7 -5
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
|
+
import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, SelectHTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { Options } from 'roughjs/bin/core';
|
|
4
4
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
5
5
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
@@ -27,6 +27,7 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
|
27
27
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
28
28
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
29
29
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
30
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
30
31
|
|
|
31
32
|
type FillStyle = "hachure" | "solid" | "zigzag" | "cross-hatch" | "dots" | "dashed" | "zigzag-line";
|
|
32
33
|
type RoughShape = "rectangle" | "ellipse" | "line" | "line-vertical" | "path";
|
|
@@ -1032,4 +1033,157 @@ declare const DrawerFooter: typeof SlidingPanelFooter;
|
|
|
1032
1033
|
declare const DrawerTitle: react.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
1033
1034
|
declare const DrawerDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1034
1035
|
|
|
1035
|
-
|
|
1036
|
+
interface AspectRatioProps extends SketchProps {
|
|
1037
|
+
ratio?: number;
|
|
1038
|
+
/** Wrap content in a hand-drawn frame. Default false — ratio box only. */
|
|
1039
|
+
bordered?: boolean;
|
|
1040
|
+
className?: string;
|
|
1041
|
+
style?: CSSProperties;
|
|
1042
|
+
children?: ReactNode;
|
|
1043
|
+
animate?: boolean;
|
|
1044
|
+
}
|
|
1045
|
+
declare function AspectRatio({ ratio, bordered, className, style, children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: AspectRatioProps): react.JSX.Element;
|
|
1046
|
+
|
|
1047
|
+
interface NativeSelectOption {
|
|
1048
|
+
value: string;
|
|
1049
|
+
label: ReactNode;
|
|
1050
|
+
disabled?: boolean;
|
|
1051
|
+
}
|
|
1052
|
+
interface NativeSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "color" | "size">, SketchProps {
|
|
1053
|
+
options?: NativeSelectOption[];
|
|
1054
|
+
/** Draw-in the border on mount. Defaults to DoodleUIProvider (true). */
|
|
1055
|
+
animate?: boolean;
|
|
1056
|
+
className?: string;
|
|
1057
|
+
style?: CSSProperties;
|
|
1058
|
+
}
|
|
1059
|
+
declare const NativeSelect: react.ForwardRefExoticComponent<NativeSelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
1060
|
+
|
|
1061
|
+
interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
|
|
1062
|
+
bordered?: boolean;
|
|
1063
|
+
animate?: boolean;
|
|
1064
|
+
}
|
|
1065
|
+
declare const Empty: react.ForwardRefExoticComponent<EmptyProps & react.RefAttributes<HTMLDivElement>>;
|
|
1066
|
+
declare function EmptyMedia({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1067
|
+
declare function EmptyTitle({ className, style, children, }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
|
|
1068
|
+
declare function EmptyDescription({ className, style, children, }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
|
|
1069
|
+
declare function EmptyAction({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1070
|
+
|
|
1071
|
+
interface FieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
1072
|
+
invalid?: boolean;
|
|
1073
|
+
error?: ReactNode;
|
|
1074
|
+
}
|
|
1075
|
+
declare function Field({ className, style, children, invalid, error, ...rest }: FieldProps): react.JSX.Element;
|
|
1076
|
+
interface FieldLabelProps extends Omit<React.ComponentProps<typeof Label>, "htmlFor"> {
|
|
1077
|
+
}
|
|
1078
|
+
declare function FieldLabel({ className, style, ...rest }: FieldLabelProps): react.JSX.Element;
|
|
1079
|
+
declare function FieldDescription({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
|
|
1080
|
+
declare function FieldError({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element | null;
|
|
1081
|
+
interface FieldControlProps {
|
|
1082
|
+
children: ReactElement;
|
|
1083
|
+
}
|
|
1084
|
+
declare function FieldControl({ children }: FieldControlProps): ReactElement<Record<string, unknown>, string | react.JSXElementConstructor<any>>;
|
|
1085
|
+
|
|
1086
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
1087
|
+
type HeadingAccent = "none" | "underline" | "highlight";
|
|
1088
|
+
interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "color">, SketchProps {
|
|
1089
|
+
level?: HeadingLevel;
|
|
1090
|
+
accent?: HeadingAccent;
|
|
1091
|
+
animate?: boolean;
|
|
1092
|
+
}
|
|
1093
|
+
declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
1094
|
+
interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
1095
|
+
variant?: "body" | "lead" | "muted";
|
|
1096
|
+
}
|
|
1097
|
+
declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1098
|
+
declare const Paragraph: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1099
|
+
interface BlockquoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "color">, SketchProps {
|
|
1100
|
+
animate?: boolean;
|
|
1101
|
+
}
|
|
1102
|
+
declare const Blockquote: react.ForwardRefExoticComponent<BlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
|
|
1103
|
+
interface InlineCodeProps extends Omit<HTMLAttributes<HTMLElement>, "color">, SketchProps {
|
|
1104
|
+
animate?: boolean;
|
|
1105
|
+
}
|
|
1106
|
+
declare const InlineCode: react.ForwardRefExoticComponent<InlineCodeProps & react.RefAttributes<HTMLElement>>;
|
|
1107
|
+
interface HighlightProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, SketchProps {
|
|
1108
|
+
animate?: boolean;
|
|
1109
|
+
}
|
|
1110
|
+
declare const Highlight: react.ForwardRefExoticComponent<HighlightProps & react.RefAttributes<HTMLSpanElement>>;
|
|
1111
|
+
|
|
1112
|
+
interface SidebarContextValue {
|
|
1113
|
+
open: boolean;
|
|
1114
|
+
setOpen: (open: boolean) => void;
|
|
1115
|
+
collapsed: boolean;
|
|
1116
|
+
toggleCollapsed: () => void;
|
|
1117
|
+
ink: string;
|
|
1118
|
+
sketch: SketchProps;
|
|
1119
|
+
}
|
|
1120
|
+
declare function useSidebar(): SidebarContextValue;
|
|
1121
|
+
interface SidebarProviderProps extends SketchProps {
|
|
1122
|
+
defaultOpen?: boolean;
|
|
1123
|
+
open?: boolean;
|
|
1124
|
+
onOpenChange?: (open: boolean) => void;
|
|
1125
|
+
defaultCollapsed?: boolean;
|
|
1126
|
+
children?: ReactNode;
|
|
1127
|
+
}
|
|
1128
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, defaultCollapsed, children, roughness, seed, sketchColor, bowing, strokeWidth, }: SidebarProviderProps): react.JSX.Element;
|
|
1129
|
+
interface SidebarProps extends HTMLAttributes<HTMLElement> {
|
|
1130
|
+
side?: "left" | "right";
|
|
1131
|
+
}
|
|
1132
|
+
declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
|
|
1133
|
+
declare function SidebarHeader({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1134
|
+
declare function SidebarContent({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1135
|
+
declare function SidebarFooter({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1136
|
+
declare function SidebarGroup({ className, style, children, title, ...rest }: HTMLAttributes<HTMLDivElement> & {
|
|
1137
|
+
title?: ReactNode;
|
|
1138
|
+
}): react.JSX.Element;
|
|
1139
|
+
interface SidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1140
|
+
active?: boolean;
|
|
1141
|
+
}
|
|
1142
|
+
declare const SidebarItem: react.ForwardRefExoticComponent<SidebarItemProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1143
|
+
declare function SidebarTrigger({ className, style, children, ...rest }: ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
|
|
1144
|
+
interface SidebarLayoutProps extends HTMLAttributes<HTMLDivElement> {
|
|
1145
|
+
children?: ReactNode;
|
|
1146
|
+
}
|
|
1147
|
+
declare function SidebarLayout({ className, style, children, ...rest }: SidebarLayoutProps): react.JSX.Element;
|
|
1148
|
+
declare function SidebarInset({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1149
|
+
|
|
1150
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
1151
|
+
interface CarouselContextValue {
|
|
1152
|
+
emblaRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
1153
|
+
api: CarouselApi;
|
|
1154
|
+
scrollPrev: () => void;
|
|
1155
|
+
scrollNext: () => void;
|
|
1156
|
+
canScrollPrev: boolean;
|
|
1157
|
+
canScrollNext: boolean;
|
|
1158
|
+
orientation: "horizontal" | "vertical";
|
|
1159
|
+
sketch: SketchProps & {
|
|
1160
|
+
animate?: boolean;
|
|
1161
|
+
};
|
|
1162
|
+
bordered: boolean;
|
|
1163
|
+
}
|
|
1164
|
+
declare function useCarousel(): CarouselContextValue;
|
|
1165
|
+
type CarouselOptions = Parameters<typeof useEmblaCarousel>[0];
|
|
1166
|
+
interface CarouselProps extends SketchProps {
|
|
1167
|
+
opts?: CarouselOptions;
|
|
1168
|
+
plugins?: Parameters<typeof useEmblaCarousel>[1];
|
|
1169
|
+
orientation?: "horizontal" | "vertical";
|
|
1170
|
+
bordered?: boolean;
|
|
1171
|
+
className?: string;
|
|
1172
|
+
style?: CSSProperties;
|
|
1173
|
+
children?: ReactNode;
|
|
1174
|
+
setApi?: (api: CarouselApi) => void;
|
|
1175
|
+
animate?: boolean;
|
|
1176
|
+
}
|
|
1177
|
+
declare function Carousel({ opts, plugins, orientation, bordered, className, style, children, setApi, roughness, seed, sketchColor, bowing, strokeWidth, fillStyle, animate, }: CarouselProps): react.JSX.Element;
|
|
1178
|
+
interface CarouselContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
1179
|
+
}
|
|
1180
|
+
declare const CarouselContent: react.ForwardRefExoticComponent<CarouselContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
1181
|
+
interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1182
|
+
}
|
|
1183
|
+
declare const CarouselItem: react.ForwardRefExoticComponent<CarouselItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
1184
|
+
interface CarouselArrowProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1185
|
+
}
|
|
1186
|
+
declare const CarouselPrevious: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1187
|
+
declare const CarouselNext: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1188
|
+
|
|
1189
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarShape, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Blockquote, type BlockquoteProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, type BreadcrumbSeparator, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Carousel, type CarouselArrowProps, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselOptions, CarouselPrevious, type CarouselProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, type ComboboxProps, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuTrigger, DEFAULT_BOWING, DEFAULT_INK, DEFAULT_ROUGHNESS, DEFAULT_STROKE_WIDTH, DRAW_IN_ALERT_MS, DRAW_IN_DURATION_MS, DRAW_IN_MARK_MS, DRAW_IN_TOOLTIP_MS, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, Divider, type DividerOrientation, type DividerProps, type DoodleUIContextValue, DoodleUIProvider, type DoodleUIProviderProps, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuTrigger, Empty, EmptyAction, EmptyDescription, EmptyMedia, type EmptyProps, EmptyTitle, Field, FieldControl, type FieldControlProps, FieldDescription, FieldError, FieldLabel, type FieldLabelProps, type FieldProps, type FillStyle, Heading, type HeadingProps, Highlight, type HighlightProps, HoverCard, HoverCardArrow, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps, type InputProps, Kbd, type KbdProps, Label, type LabelProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalDescription, type ModalProps, ModalRoot, ModalTitle, ModalTrigger, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemLink, type NavigationMenuItemLinkProps, NavigationMenuLink, NavigationMenuList, type NavigationMenuProps, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, Paragraph, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type RoughShape, RoughSvg, type RoughSvgProps, SKETCH_COLORS, ScrollArea, ScrollAreaCorner, type ScrollAreaProps, ScrollAreaViewport, ScrollBar, type ScrollBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetProps, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarInset, SidebarItem, type SidebarItemProps, SidebarLayout, type SidebarLayoutProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, Skeleton, type SkeletonProps, type SkeletonVariant, SketchBox, type SketchBoxProps, type SketchProps, type SketchSeedContextValue, SketchSeedProvider, type SketchSeedProviderProps, Slider, type SliderProps, type SliderThumbShape, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperOrientation, type StepperProps, type StepperStep, Switch, type SwitchProps, TABLE_STAGGER_MS, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastVariant, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, Tooltip, type TooltipProps, TooltipProvider, deriveSeed, toRoughOptions, useAnimate, useCarousel, useDoodleUI, useDrawIn, useResolvedSeed, useSidebar, useSketchSeed };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
|
+
import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, SelectHTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { Options } from 'roughjs/bin/core';
|
|
4
4
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
5
5
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
@@ -27,6 +27,7 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
|
27
27
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
28
28
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
29
29
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
30
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
30
31
|
|
|
31
32
|
type FillStyle = "hachure" | "solid" | "zigzag" | "cross-hatch" | "dots" | "dashed" | "zigzag-line";
|
|
32
33
|
type RoughShape = "rectangle" | "ellipse" | "line" | "line-vertical" | "path";
|
|
@@ -1032,4 +1033,157 @@ declare const DrawerFooter: typeof SlidingPanelFooter;
|
|
|
1032
1033
|
declare const DrawerTitle: react.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
1033
1034
|
declare const DrawerDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1034
1035
|
|
|
1035
|
-
|
|
1036
|
+
interface AspectRatioProps extends SketchProps {
|
|
1037
|
+
ratio?: number;
|
|
1038
|
+
/** Wrap content in a hand-drawn frame. Default false — ratio box only. */
|
|
1039
|
+
bordered?: boolean;
|
|
1040
|
+
className?: string;
|
|
1041
|
+
style?: CSSProperties;
|
|
1042
|
+
children?: ReactNode;
|
|
1043
|
+
animate?: boolean;
|
|
1044
|
+
}
|
|
1045
|
+
declare function AspectRatio({ ratio, bordered, className, style, children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: AspectRatioProps): react.JSX.Element;
|
|
1046
|
+
|
|
1047
|
+
interface NativeSelectOption {
|
|
1048
|
+
value: string;
|
|
1049
|
+
label: ReactNode;
|
|
1050
|
+
disabled?: boolean;
|
|
1051
|
+
}
|
|
1052
|
+
interface NativeSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "color" | "size">, SketchProps {
|
|
1053
|
+
options?: NativeSelectOption[];
|
|
1054
|
+
/** Draw-in the border on mount. Defaults to DoodleUIProvider (true). */
|
|
1055
|
+
animate?: boolean;
|
|
1056
|
+
className?: string;
|
|
1057
|
+
style?: CSSProperties;
|
|
1058
|
+
}
|
|
1059
|
+
declare const NativeSelect: react.ForwardRefExoticComponent<NativeSelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
1060
|
+
|
|
1061
|
+
interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
|
|
1062
|
+
bordered?: boolean;
|
|
1063
|
+
animate?: boolean;
|
|
1064
|
+
}
|
|
1065
|
+
declare const Empty: react.ForwardRefExoticComponent<EmptyProps & react.RefAttributes<HTMLDivElement>>;
|
|
1066
|
+
declare function EmptyMedia({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1067
|
+
declare function EmptyTitle({ className, style, children, }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
|
|
1068
|
+
declare function EmptyDescription({ className, style, children, }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
|
|
1069
|
+
declare function EmptyAction({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1070
|
+
|
|
1071
|
+
interface FieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
1072
|
+
invalid?: boolean;
|
|
1073
|
+
error?: ReactNode;
|
|
1074
|
+
}
|
|
1075
|
+
declare function Field({ className, style, children, invalid, error, ...rest }: FieldProps): react.JSX.Element;
|
|
1076
|
+
interface FieldLabelProps extends Omit<React.ComponentProps<typeof Label>, "htmlFor"> {
|
|
1077
|
+
}
|
|
1078
|
+
declare function FieldLabel({ className, style, ...rest }: FieldLabelProps): react.JSX.Element;
|
|
1079
|
+
declare function FieldDescription({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
|
|
1080
|
+
declare function FieldError({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element | null;
|
|
1081
|
+
interface FieldControlProps {
|
|
1082
|
+
children: ReactElement;
|
|
1083
|
+
}
|
|
1084
|
+
declare function FieldControl({ children }: FieldControlProps): ReactElement<Record<string, unknown>, string | react.JSXElementConstructor<any>>;
|
|
1085
|
+
|
|
1086
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
1087
|
+
type HeadingAccent = "none" | "underline" | "highlight";
|
|
1088
|
+
interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "color">, SketchProps {
|
|
1089
|
+
level?: HeadingLevel;
|
|
1090
|
+
accent?: HeadingAccent;
|
|
1091
|
+
animate?: boolean;
|
|
1092
|
+
}
|
|
1093
|
+
declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
1094
|
+
interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
1095
|
+
variant?: "body" | "lead" | "muted";
|
|
1096
|
+
}
|
|
1097
|
+
declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1098
|
+
declare const Paragraph: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
1099
|
+
interface BlockquoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "color">, SketchProps {
|
|
1100
|
+
animate?: boolean;
|
|
1101
|
+
}
|
|
1102
|
+
declare const Blockquote: react.ForwardRefExoticComponent<BlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
|
|
1103
|
+
interface InlineCodeProps extends Omit<HTMLAttributes<HTMLElement>, "color">, SketchProps {
|
|
1104
|
+
animate?: boolean;
|
|
1105
|
+
}
|
|
1106
|
+
declare const InlineCode: react.ForwardRefExoticComponent<InlineCodeProps & react.RefAttributes<HTMLElement>>;
|
|
1107
|
+
interface HighlightProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, SketchProps {
|
|
1108
|
+
animate?: boolean;
|
|
1109
|
+
}
|
|
1110
|
+
declare const Highlight: react.ForwardRefExoticComponent<HighlightProps & react.RefAttributes<HTMLSpanElement>>;
|
|
1111
|
+
|
|
1112
|
+
interface SidebarContextValue {
|
|
1113
|
+
open: boolean;
|
|
1114
|
+
setOpen: (open: boolean) => void;
|
|
1115
|
+
collapsed: boolean;
|
|
1116
|
+
toggleCollapsed: () => void;
|
|
1117
|
+
ink: string;
|
|
1118
|
+
sketch: SketchProps;
|
|
1119
|
+
}
|
|
1120
|
+
declare function useSidebar(): SidebarContextValue;
|
|
1121
|
+
interface SidebarProviderProps extends SketchProps {
|
|
1122
|
+
defaultOpen?: boolean;
|
|
1123
|
+
open?: boolean;
|
|
1124
|
+
onOpenChange?: (open: boolean) => void;
|
|
1125
|
+
defaultCollapsed?: boolean;
|
|
1126
|
+
children?: ReactNode;
|
|
1127
|
+
}
|
|
1128
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, defaultCollapsed, children, roughness, seed, sketchColor, bowing, strokeWidth, }: SidebarProviderProps): react.JSX.Element;
|
|
1129
|
+
interface SidebarProps extends HTMLAttributes<HTMLElement> {
|
|
1130
|
+
side?: "left" | "right";
|
|
1131
|
+
}
|
|
1132
|
+
declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
|
|
1133
|
+
declare function SidebarHeader({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1134
|
+
declare function SidebarContent({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1135
|
+
declare function SidebarFooter({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1136
|
+
declare function SidebarGroup({ className, style, children, title, ...rest }: HTMLAttributes<HTMLDivElement> & {
|
|
1137
|
+
title?: ReactNode;
|
|
1138
|
+
}): react.JSX.Element;
|
|
1139
|
+
interface SidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1140
|
+
active?: boolean;
|
|
1141
|
+
}
|
|
1142
|
+
declare const SidebarItem: react.ForwardRefExoticComponent<SidebarItemProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1143
|
+
declare function SidebarTrigger({ className, style, children, ...rest }: ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
|
|
1144
|
+
interface SidebarLayoutProps extends HTMLAttributes<HTMLDivElement> {
|
|
1145
|
+
children?: ReactNode;
|
|
1146
|
+
}
|
|
1147
|
+
declare function SidebarLayout({ className, style, children, ...rest }: SidebarLayoutProps): react.JSX.Element;
|
|
1148
|
+
declare function SidebarInset({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
1149
|
+
|
|
1150
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
1151
|
+
interface CarouselContextValue {
|
|
1152
|
+
emblaRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
1153
|
+
api: CarouselApi;
|
|
1154
|
+
scrollPrev: () => void;
|
|
1155
|
+
scrollNext: () => void;
|
|
1156
|
+
canScrollPrev: boolean;
|
|
1157
|
+
canScrollNext: boolean;
|
|
1158
|
+
orientation: "horizontal" | "vertical";
|
|
1159
|
+
sketch: SketchProps & {
|
|
1160
|
+
animate?: boolean;
|
|
1161
|
+
};
|
|
1162
|
+
bordered: boolean;
|
|
1163
|
+
}
|
|
1164
|
+
declare function useCarousel(): CarouselContextValue;
|
|
1165
|
+
type CarouselOptions = Parameters<typeof useEmblaCarousel>[0];
|
|
1166
|
+
interface CarouselProps extends SketchProps {
|
|
1167
|
+
opts?: CarouselOptions;
|
|
1168
|
+
plugins?: Parameters<typeof useEmblaCarousel>[1];
|
|
1169
|
+
orientation?: "horizontal" | "vertical";
|
|
1170
|
+
bordered?: boolean;
|
|
1171
|
+
className?: string;
|
|
1172
|
+
style?: CSSProperties;
|
|
1173
|
+
children?: ReactNode;
|
|
1174
|
+
setApi?: (api: CarouselApi) => void;
|
|
1175
|
+
animate?: boolean;
|
|
1176
|
+
}
|
|
1177
|
+
declare function Carousel({ opts, plugins, orientation, bordered, className, style, children, setApi, roughness, seed, sketchColor, bowing, strokeWidth, fillStyle, animate, }: CarouselProps): react.JSX.Element;
|
|
1178
|
+
interface CarouselContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
1179
|
+
}
|
|
1180
|
+
declare const CarouselContent: react.ForwardRefExoticComponent<CarouselContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
1181
|
+
interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1182
|
+
}
|
|
1183
|
+
declare const CarouselItem: react.ForwardRefExoticComponent<CarouselItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
1184
|
+
interface CarouselArrowProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1185
|
+
}
|
|
1186
|
+
declare const CarouselPrevious: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1187
|
+
declare const CarouselNext: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1188
|
+
|
|
1189
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarShape, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Blockquote, type BlockquoteProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, type BreadcrumbSeparator, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Carousel, type CarouselArrowProps, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselOptions, CarouselPrevious, type CarouselProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Combobox, type ComboboxProps, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, type ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuTrigger, DEFAULT_BOWING, DEFAULT_INK, DEFAULT_ROUGHNESS, DEFAULT_STROKE_WIDTH, DRAW_IN_ALERT_MS, DRAW_IN_DURATION_MS, DRAW_IN_MARK_MS, DRAW_IN_TOOLTIP_MS, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, Divider, type DividerOrientation, type DividerProps, type DoodleUIContextValue, DoodleUIProvider, type DoodleUIProviderProps, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuTrigger, Empty, EmptyAction, EmptyDescription, EmptyMedia, type EmptyProps, EmptyTitle, Field, FieldControl, type FieldControlProps, FieldDescription, FieldError, FieldLabel, type FieldLabelProps, type FieldProps, type FillStyle, Heading, type HeadingProps, Highlight, type HighlightProps, HoverCard, HoverCardArrow, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps, type InputProps, Kbd, type KbdProps, Label, type LabelProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalDescription, type ModalProps, ModalRoot, ModalTitle, ModalTrigger, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemLink, type NavigationMenuItemLinkProps, NavigationMenuLink, NavigationMenuList, type NavigationMenuProps, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, Paragraph, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type RoughShape, RoughSvg, type RoughSvgProps, SKETCH_COLORS, ScrollArea, ScrollAreaCorner, type ScrollAreaProps, ScrollAreaViewport, ScrollBar, type ScrollBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetProps, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarInset, SidebarItem, type SidebarItemProps, SidebarLayout, type SidebarLayoutProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, Skeleton, type SkeletonProps, type SkeletonVariant, SketchBox, type SketchBoxProps, type SketchProps, type SketchSeedContextValue, SketchSeedProvider, type SketchSeedProviderProps, Slider, type SliderProps, type SliderThumbShape, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperOrientation, type StepperProps, type StepperStep, Switch, type SwitchProps, TABLE_STAGGER_MS, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastVariant, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, Tooltip, type TooltipProps, TooltipProvider, deriveSeed, toRoughOptions, useAnimate, useCarousel, useDoodleUI, useDrawIn, useResolvedSeed, useSidebar, useSketchSeed };
|