doodleui-react 0.4.0 → 0.6.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, SelectHTMLAttributes, ReactElement } from 'react';
 import { Options } from 'roughjs/bin/core';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -18,6 +18,16 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Command as Command$1, CommandEmpty as CommandEmpty$1, CommandGroup as CommandGroup$1, CommandInput as CommandInput$1, CommandItem as CommandItem$1, CommandList as CommandList$1, CommandSeparator as CommandSeparator$1 } from 'cmdk';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { OTPInput } from 'input-otp';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 
 type FillStyle = "hachure" | "solid" | "zigzag" | "cross-hatch" | "dots" | "dashed" | "zigzag-line";
 type RoughShape = "rectangle" | "ellipse" | "line" | "line-vertical" | "path";
@@ -773,4 +783,407 @@ interface ComboboxProps extends SketchProps {
  */
 declare function Combobox({ options, placeholder, searchPlaceholder, emptyMessage, value, defaultValue, onValueChange, disabled, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, "aria-label": ariaLabel, }: ComboboxProps): react.JSX.Element;
 
-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, Avatar, type AvatarProps, type AvatarShape, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, type BreadcrumbSeparator, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, 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, 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, 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, type FillStyle, Input, type InputProps, Label, type LabelProps, Modal, ModalClose, ModalDescription, type ModalProps, ModalRoot, ModalTitle, ModalTrigger, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RoughShape, RoughSvg, type RoughSvgProps, SKETCH_COLORS, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Skeleton, type SkeletonProps, type SkeletonVariant, SketchBox, type SketchBoxProps, type SketchProps, type SketchSeedContextValue, SketchSeedProvider, type SketchSeedProviderProps, Slider, type SliderProps, type SliderThumbShape, 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, Textarea, type TextareaProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastVariant, ToastViewport, Tooltip, type TooltipProps, TooltipProvider, deriveSeed, toRoughOptions, useAnimate, useDoodleUI, useDrawIn, useResolvedSeed, useSketchSeed };
+interface KbdProps extends Omit<HTMLAttributes<HTMLElement>, "color">, SketchProps {
+    /**
+     * Draw-in the border on mount. Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
+
+type SpinnerSize = "sm" | "md" | "lg";
+interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
+    size?: SpinnerSize;
+    /**
+     * Continuous rotation. Defaults to the DoodleUIProvider value (true).
+     * Reduced motion shows a static arc.
+     */
+    animate?: boolean;
+}
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+type ToggleSize = "sm" | "md" | "lg";
+interface ToggleProps extends Omit<TogglePrimitive.ToggleProps, "asChild">, SketchProps {
+    size?: ToggleSize;
+    /**
+     * Draw-in on mount and seed morph on press.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+
+type ToggleGroupProps = SketchProps & {
+    children?: ReactNode;
+    size?: ToggleSize;
+    animate?: boolean;
+} & (({
+    type?: "single";
+} & Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type" | "children">) | ({
+    type: "multiple";
+} & Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps, "type" | "children">));
+declare function ToggleGroup(props: ToggleGroupProps): react.JSX.Element;
+interface ToggleGroupItemProps extends Omit<ToggleGroupPrimitive.ToggleGroupItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const ToggleGroupItem: react.ForwardRefExoticComponent<ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface InputGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare function InputGroup({ children, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, onFocus, onBlur, ...rest }: InputGroupProps): react.JSX.Element;
+interface InputGroupAddonProps extends HTMLAttributes<HTMLSpanElement> {
+    align?: "inline-start" | "inline-end";
+}
+declare const InputGroupAddon: react.ForwardRefExoticComponent<InputGroupAddonProps & react.RefAttributes<HTMLSpanElement>>;
+interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "color" | "size"> {
+}
+declare const InputGroupInput: react.ForwardRefExoticComponent<InputGroupInputProps & react.RefAttributes<HTMLInputElement>>;
+interface InputGroupButtonProps extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const InputGroupButton: react.ForwardRefExoticComponent<InputGroupButtonProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface InputOTPProps extends Omit<ComponentPropsWithoutRef<typeof OTPInput>, "render">, SketchProps {
+    animate?: boolean;
+}
+declare const InputOTP: react.ForwardRefExoticComponent<InputOTPProps & react.RefAttributes<HTMLInputElement>>;
+interface InputOTPGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare const InputOTPGroup: react.ForwardRefExoticComponent<InputOTPGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface InputOTPSlotProps extends HTMLAttributes<HTMLDivElement> {
+    index: number;
+}
+declare const InputOTPSlot: react.ForwardRefExoticComponent<InputOTPSlotProps & react.RefAttributes<HTMLDivElement>>;
+interface InputOTPSeparatorProps extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const InputOTPSeparator: react.ForwardRefExoticComponent<InputOTPSeparatorProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, "children">, SketchProps {
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaViewport: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface ScrollBarProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> {
+}
+declare const ScrollBar: react.ForwardRefExoticComponent<ScrollBarProps & react.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaCorner: react.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaCornerProps & react.RefAttributes<HTMLDivElement>>;
+
+type ResizablePanelGroupProps = ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup> & SketchProps;
+declare function ResizablePanelGroup({ className, style, ...rest }: ResizablePanelGroupProps): react.JSX.Element;
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLStyleElement | HTMLSlotElement | HTMLTitleElement | HTMLLinkElement | HTMLButtonElement | HTMLMeterElement | HTMLTextAreaElement | HTMLProgressElement | HTMLTableElement | HTMLEmbedElement | HTMLPreElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: react.ReactNode;
+} & react.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+interface ResizableHandleProps extends ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelResizeHandle>, SketchProps {
+    withHandle?: boolean;
+}
+declare function ResizableHandle({ className, style, withHandle, roughness, seed, sketchColor, bowing, strokeWidth, ...rest }: ResizableHandleProps): react.JSX.Element;
+
+interface HoverCardProps extends Omit<ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>, "children">, SketchProps {
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare function HoverCard({ children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: HoverCardProps): react.JSX.Element;
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
+interface HoverCardContentProps extends ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
+    children?: ReactNode;
+}
+declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const HoverCardArrow: react.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardArrowProps & react.RefAttributes<SVGSVGElement>>;
+
+interface ContextMenuProps extends Omit<ContextMenuPrimitive.ContextMenuProps, "children">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Draw-in the panel border when the menu opens.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare function ContextMenu({ children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: ContextMenuProps): react.JSX.Element;
+declare const ContextMenuTrigger: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & react.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSub: react.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+interface ContextMenuContentProps extends Omit<ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>, "asChild"> {
+    children?: ReactNode;
+}
+declare const ContextMenuContent: react.ForwardRefExoticComponent<ContextMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuItemProps extends Omit<ContextMenuPrimitive.ContextMenuItemProps, "asChild"> {
+    children?: ReactNode;
+    inset?: boolean;
+}
+declare const ContextMenuItem: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuCheckboxItemProps extends Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const ContextMenuCheckboxItem: react.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuRadioItemProps extends Omit<ContextMenuPrimitive.ContextMenuRadioItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const ContextMenuRadioItem: react.ForwardRefExoticComponent<ContextMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuLabelProps extends Omit<ContextMenuPrimitive.ContextMenuLabelProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const ContextMenuLabel: react.ForwardRefExoticComponent<ContextMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSeparatorProps extends Omit<ContextMenuPrimitive.ContextMenuSeparatorProps, "asChild"> {
+}
+declare const ContextMenuSeparator: react.ForwardRefExoticComponent<ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface NavigationMenuProps extends Omit<ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>, "children">, SketchProps {
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare function NavigationMenu({ children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: NavigationMenuProps): react.JSX.Element;
+declare const NavigationMenuList: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & react.RefAttributes<HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: react.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & react.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: react.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface NavigationMenuItemLinkProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
+    active?: boolean;
+}
+declare const NavigationMenuItemLink: react.ForwardRefExoticComponent<NavigationMenuItemLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
+interface MenubarProps extends Omit<ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>, "children">, SketchProps {
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare function Menubar({ children, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: MenubarProps): react.JSX.Element;
+declare const MenubarMenu: typeof MenubarPrimitive.Menu;
+declare const MenubarTrigger: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const MenubarContent: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
+declare const MenubarSub: react.FC<MenubarPrimitive.MenubarSubProps>;
+declare const MenubarSubTrigger: react.ForwardRefExoticComponent<MenubarPrimitive.MenubarSubTriggerProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: react.ForwardRefExoticComponent<MenubarPrimitive.MenubarSubContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: react.ForwardRefExoticComponent<MenubarPrimitive.MenubarCheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioGroup: react.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: react.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioItemProps & react.RefAttributes<HTMLDivElement>>;
+
+type SlidingPanelSide = "top" | "right" | "bottom" | "left";
+interface SlidingPanelRootProps extends Omit<DialogPrimitive.DialogProps, "children">, SketchProps {
+    children?: ReactNode;
+    side?: SlidingPanelSide;
+    animate?: boolean;
+}
+interface SlidingPanelContentProps extends Omit<DialogPrimitive.DialogContentProps, "asChild" | "forceMount"> {
+    children?: ReactNode;
+    contentStyle?: CSSProperties;
+    /** Extra chrome above panel content (e.g. drawer handle). */
+    chrome?: ReactNode;
+}
+interface SlidingPanelHeaderProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function SlidingPanelHeader({ children, className, style, }: SlidingPanelHeaderProps): react.JSX.Element;
+interface SlidingPanelFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function SlidingPanelFooter({ children, className, style, }: SlidingPanelFooterProps): react.JSX.Element;
+
+type SheetProps = SlidingPanelRootProps & {
+    side?: SlidingPanelSide;
+};
+declare function Sheet({ side, ...rest }: SheetProps): react.JSX.Element;
+declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+type SheetContentProps = SlidingPanelContentProps;
+declare const SheetContent: react.ForwardRefExoticComponent<SlidingPanelContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: typeof SlidingPanelHeader;
+declare const SheetFooter: typeof SlidingPanelFooter;
+declare const SheetTitle: react.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+type DrawerProps = Omit<SlidingPanelRootProps, "side">;
+declare function Drawer(props: DrawerProps): react.JSX.Element;
+declare const DrawerTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerHandle: react.ForwardRefExoticComponent<{
+    className?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+type DrawerContentProps = Omit<SlidingPanelContentProps, "chrome">;
+declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: typeof SlidingPanelHeader;
+declare const DrawerFooter: typeof SlidingPanelFooter;
+declare const DrawerTitle: react.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+interface AspectRatioProps extends SketchProps {
+    ratio?: number;
+    /** Wrap content in a hand-drawn frame. Default false — ratio box only. */
+    bordered?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    animate?: boolean;
+}
+declare function AspectRatio({ ratio, bordered, className, style, children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: AspectRatioProps): react.JSX.Element;
+
+interface NativeSelectOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface NativeSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "color" | "size">, SketchProps {
+    options?: NativeSelectOption[];
+    /** Draw-in the border on mount. Defaults to DoodleUIProvider (true). */
+    animate?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const NativeSelect: react.ForwardRefExoticComponent<NativeSelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
+    bordered?: boolean;
+    animate?: boolean;
+}
+declare const Empty: react.ForwardRefExoticComponent<EmptyProps & react.RefAttributes<HTMLDivElement>>;
+declare function EmptyMedia({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function EmptyTitle({ className, style, children, }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
+declare function EmptyDescription({ className, style, children, }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
+declare function EmptyAction({ className, style, children, }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    error?: ReactNode;
+}
+declare function Field({ className, style, children, invalid, error, ...rest }: FieldProps): react.JSX.Element;
+interface FieldLabelProps extends Omit<React.ComponentProps<typeof Label>, "htmlFor"> {
+}
+declare function FieldLabel({ className, style, ...rest }: FieldLabelProps): react.JSX.Element;
+declare function FieldDescription({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
+declare function FieldError({ className, style, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element | null;
+interface FieldControlProps {
+    children: ReactElement;
+}
+declare function FieldControl({ children }: FieldControlProps): ReactElement<Record<string, unknown>, string | react.JSXElementConstructor<any>>;
+
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingAccent = "none" | "underline" | "highlight";
+interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "color">, SketchProps {
+    level?: HeadingLevel;
+    accent?: HeadingAccent;
+    animate?: boolean;
+}
+declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    variant?: "body" | "lead" | "muted";
+}
+declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const Paragraph: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLParagraphElement>>;
+interface BlockquoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "color">, SketchProps {
+    animate?: boolean;
+}
+declare const Blockquote: react.ForwardRefExoticComponent<BlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
+interface InlineCodeProps extends Omit<HTMLAttributes<HTMLElement>, "color">, SketchProps {
+    animate?: boolean;
+}
+declare const InlineCode: react.ForwardRefExoticComponent<InlineCodeProps & react.RefAttributes<HTMLElement>>;
+interface HighlightProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, SketchProps {
+    animate?: boolean;
+}
+declare const Highlight: react.ForwardRefExoticComponent<HighlightProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface SidebarContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    collapsed: boolean;
+    toggleCollapsed: () => void;
+    ink: string;
+    sketch: SketchProps;
+}
+declare function useSidebar(): SidebarContextValue;
+interface SidebarProviderProps extends SketchProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultCollapsed?: boolean;
+    children?: ReactNode;
+}
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, defaultCollapsed, children, roughness, seed, sketchColor, bowing, strokeWidth, }: SidebarProviderProps): react.JSX.Element;
+interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    side?: "left" | "right";
+}
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
+declare function SidebarHeader({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function SidebarContent({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function SidebarFooter({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function SidebarGroup({ className, style, children, title, ...rest }: HTMLAttributes<HTMLDivElement> & {
+    title?: ReactNode;
+}): react.JSX.Element;
+interface SidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+}
+declare const SidebarItem: react.ForwardRefExoticComponent<SidebarItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare function SidebarTrigger({ className, style, children, ...rest }: ButtonHTMLAttributes<HTMLButtonElement>): react.JSX.Element;
+interface SidebarLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare function SidebarLayout({ className, style, children, ...rest }: SidebarLayoutProps): react.JSX.Element;
+declare function SidebarInset({ className, style, children, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+type CarouselApi = UseEmblaCarouselType[1];
+interface CarouselContextValue {
+    emblaRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: CarouselApi;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    orientation: "horizontal" | "vertical";
+    sketch: SketchProps & {
+        animate?: boolean;
+    };
+    bordered: boolean;
+}
+declare function useCarousel(): CarouselContextValue;
+type CarouselOptions = Parameters<typeof useEmblaCarousel>[0];
+interface CarouselProps extends SketchProps {
+    opts?: CarouselOptions;
+    plugins?: Parameters<typeof useEmblaCarousel>[1];
+    orientation?: "horizontal" | "vertical";
+    bordered?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    setApi?: (api: CarouselApi) => void;
+    animate?: boolean;
+}
+declare function Carousel({ opts, plugins, orientation, bordered, className, style, children, setApi, roughness, seed, sketchColor, bowing, strokeWidth, fillStyle, animate, }: CarouselProps): react.JSX.Element;
+interface CarouselContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselContent: react.ForwardRefExoticComponent<CarouselContentProps & react.RefAttributes<HTMLDivElement>>;
+interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselItem: react.ForwardRefExoticComponent<CarouselItemProps & react.RefAttributes<HTMLDivElement>>;
+interface CarouselArrowProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselPrevious: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: react.ForwardRefExoticComponent<CarouselArrowProps & react.RefAttributes<HTMLButtonElement>>;
+
+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 };