doodleui-react 0.3.0 → 0.5.0

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttribut
 import { Options } from 'roughjs/bin/core';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as Dialog from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -12,6 +12,21 @@ import * as ToastPrimitive from '@radix-ui/react-toast';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+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';
 
 type FillStyle = "hachure" | "solid" | "zigzag" | "cross-hatch" | "dots" | "dashed" | "zigzag-line";
 type RoughShape = "rectangle" | "ellipse" | "line" | "line-vertical" | "path";
@@ -269,11 +284,11 @@ interface ModalProps extends SketchProps {
     animate?: boolean;
 }
 declare function Modal({ open, defaultOpen, onOpenChange, trigger, title, description, children, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: ModalProps): react.JSX.Element;
-declare const ModalRoot: react.FC<Dialog.DialogProps>;
-declare const ModalTrigger: react.ForwardRefExoticComponent<Dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const ModalClose: react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
-declare const ModalTitle: react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
-declare const ModalDescription: react.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const ModalRoot: react.FC<DialogPrimitive.DialogProps>;
+declare const ModalTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ModalClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ModalTitle: react.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const ModalDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
 
 type DividerOrientation = "horizontal" | "vertical";
 interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
@@ -520,4 +535,501 @@ interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, Sk
 }
 declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, 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, 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, Divider, type DividerOrientation, type DividerProps, type DoodleUIContextValue, DoodleUIProvider, type DoodleUIProviderProps, type FillStyle, Input, type InputProps, Modal, ModalClose, ModalDescription, type ModalProps, ModalRoot, ModalTitle, ModalTrigger, Pagination, type PaginationProps, 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 LabelProps extends Omit<LabelPrimitive.LabelProps, "asChild" | "color">, SketchProps {
+    children?: ReactNode;
+    /** Adds a small hand-drawn required mark after the text. */
+    required?: boolean;
+    /**
+     * Draw-in the required mark on mount.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+/**
+ * Thin, mostly-typographic wrapper around Radix Label. Ties a caption to a
+ * form field via `htmlFor` for accessibility. The only sketch chrome is a
+ * small drawn mark next to the text when `required` is set.
+ */
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+
+interface CollapsibleProps extends Omit<CollapsiblePrimitive.CollapsibleProps, "asChild">, SketchProps {
+    children?: ReactNode;
+}
+declare const Collapsible: react.ForwardRefExoticComponent<CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends Omit<ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>, "asChild"> {
+    children?: ReactNode;
+}
+declare const CollapsibleTrigger: react.ForwardRefExoticComponent<CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends Omit<ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>, "asChild"> {
+}
+declare const CollapsibleContent: react.ForwardRefExoticComponent<CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface PopoverProps extends Omit<PopoverPrimitive.PopoverProps, "children">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Draw-in the panel border when the popover opens.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare function Popover({ children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: PopoverProps): react.JSX.Element;
+declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
+interface PopoverContentProps extends Omit<PopoverPrimitive.PopoverContentProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+interface PopoverArrowProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow> {
+}
+declare const PopoverArrow: react.ForwardRefExoticComponent<PopoverArrowProps & react.RefAttributes<SVGSVGElement>>;
+
+interface DropdownMenuProps extends Omit<DropdownMenuPrimitive.DropdownMenuProps, "children">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Draw-in the panel border when the menu opens.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare function DropdownMenu({ children, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: DropdownMenuProps): react.JSX.Element;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+interface DropdownMenuContentProps extends Omit<DropdownMenuPrimitive.DropdownMenuContentProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends Omit<DropdownMenuPrimitive.DropdownMenuItemProps, "asChild"> {
+    children?: ReactNode;
+    inset?: boolean;
+}
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuCheckboxItemProps extends Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuRadioItemProps extends Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const DropdownMenuRadioItem: react.ForwardRefExoticComponent<DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends Omit<DropdownMenuPrimitive.DropdownMenuLabelProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSeparatorProps extends Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps, "asChild"> {
+}
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DialogProps extends Omit<DialogPrimitive.DialogProps, "children">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Backdrop fade, panel enter/exit, and border draw-in on open.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+/**
+ * Lighter-weight sibling to `Modal`: a composable, shadcn-style dialog built
+ * from `Dialog` / `DialogTrigger` / `DialogContent` / `DialogHeader` /
+ * `DialogFooter` / `DialogTitle` / `DialogDescription` / `DialogClose`. Unlike
+ * `Modal`, `DialogContent` has no forced width or shadow and no built-in
+ * close button — compose your own layout inside it.
+ */
+declare function Dialog({ children, open, defaultOpen, onOpenChange, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: DialogProps): react.JSX.Element;
+declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: react.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+interface DialogOverlayProps extends Omit<DialogPrimitive.DialogOverlayProps, "asChild" | "forceMount"> {
+}
+declare const DialogOverlay: react.ForwardRefExoticComponent<DialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends Omit<DialogPrimitive.DialogContentProps, "asChild" | "forceMount"> {
+    children?: ReactNode;
+    /** Panel width. Defaults to `min(420px, calc(100vw - 32px))`. */
+    contentStyle?: CSSProperties;
+}
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+interface DialogHeaderProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function DialogHeader({ children, className, style }: DialogHeaderProps): react.JSX.Element;
+interface DialogFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function DialogFooter({ children, className, style }: DialogFooterProps): react.JSX.Element;
+interface DialogTitleProps extends Omit<DialogPrimitive.DialogTitleProps, "asChild"> {
+}
+declare const DialogTitle: react.ForwardRefExoticComponent<DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface DialogDescriptionProps extends Omit<DialogPrimitive.DialogDescriptionProps, "asChild"> {
+}
+declare const DialogDescription: react.ForwardRefExoticComponent<DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+interface AlertDialogProps extends Omit<AlertDialogPrimitive.AlertDialogProps, "children">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Backdrop fade, panel enter/exit, and border draw-in on open.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+/**
+ * Confirm / destructive-action variant of `Dialog`. Same composable shape,
+ * but Radix's alert dialog primitive requires an explicit action — there is
+ * no dismiss-on-outside-click or Escape by default, and `AlertDialogAction`
+ * / `AlertDialogCancel` give the confirm button visual emphasis.
+ */
+declare function AlertDialog({ children, open, defaultOpen, onOpenChange, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, ...rest }: AlertDialogProps): react.JSX.Element;
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: react.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+interface AlertDialogOverlayProps extends Omit<AlertDialogPrimitive.AlertDialogOverlayProps, "asChild" | "forceMount"> {
+}
+declare const AlertDialogOverlay: react.ForwardRefExoticComponent<AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends Omit<AlertDialogPrimitive.AlertDialogContentProps, "asChild" | "forceMount"> {
+    children?: ReactNode;
+    contentStyle?: CSSProperties;
+}
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogHeaderProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function AlertDialogHeader({ children, className, style, }: AlertDialogHeaderProps): react.JSX.Element;
+interface AlertDialogFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function AlertDialogFooter({ children, className, style, }: AlertDialogFooterProps): react.JSX.Element;
+interface AlertDialogTitleProps extends Omit<AlertDialogPrimitive.AlertDialogTitleProps, "asChild"> {
+}
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface AlertDialogDescriptionProps extends Omit<AlertDialogPrimitive.AlertDialogDescriptionProps, "asChild"> {
+}
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface AlertDialogActionProps extends Omit<AlertDialogPrimitive.AlertDialogActionProps, "asChild"> {
+}
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogCancelProps extends Omit<AlertDialogPrimitive.AlertDialogCancelProps, "asChild"> {
+}
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CommandProps extends Omit<ComponentPropsWithoutRef<typeof Command$1>, "asChild">, SketchProps {
+    children?: ReactNode;
+    /**
+     * Draw-in the panel border on mount.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+/**
+ * Command palette / cmd+k style searchable list, built on `cmdk` with a
+ * `SketchBox` frame. Compose with `CommandInput`, `CommandList`,
+ * `CommandEmpty`, `CommandGroup`, `CommandItem`, `CommandSeparator`.
+ */
+declare const Command: react.ForwardRefExoticComponent<CommandProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandInputProps extends Omit<ComponentPropsWithoutRef<typeof CommandInput$1>, "asChild"> {
+}
+declare const CommandInput: react.ForwardRefExoticComponent<CommandInputProps & react.RefAttributes<HTMLInputElement>>;
+interface CommandListProps extends Omit<ComponentPropsWithoutRef<typeof CommandList$1>, "asChild"> {
+}
+declare const CommandList: react.ForwardRefExoticComponent<CommandListProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends Omit<ComponentPropsWithoutRef<typeof CommandEmpty$1>, "asChild"> {
+}
+declare const CommandEmpty: react.ForwardRefExoticComponent<CommandEmptyProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandGroupProps extends Omit<ComponentPropsWithoutRef<typeof CommandGroup$1>, "asChild"> {
+}
+declare const CommandGroup: react.ForwardRefExoticComponent<CommandGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandItemProps extends Omit<ComponentPropsWithoutRef<typeof CommandItem$1>, "asChild"> {
+}
+declare const CommandItem: react.ForwardRefExoticComponent<CommandItemProps & react.RefAttributes<HTMLDivElement>>;
+interface CommandSeparatorProps extends Omit<ComponentPropsWithoutRef<typeof CommandSeparator$1>, "asChild"> {
+}
+declare const CommandSeparator: react.ForwardRefExoticComponent<CommandSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare function CommandShortcut({ children, className, style, }: {
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}): react.JSX.Element;
+
+interface ComboboxProps extends SketchProps {
+    options: SelectOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    "aria-label"?: string;
+    /**
+     * Draw-in the trigger on mount and the popover border on open.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+/**
+ * Searchable select. Composes `Popover` (positioning) + `Command` (cmdk
+ * filtering/list) behind a sketchy `Input`-styled trigger button — the same
+ * recipe shadcn uses, since Radix has no dedicated Combobox primitive.
+ */
+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;
+
+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>>;
+
+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, 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, type FillStyle, HoverCard, HoverCardArrow, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, 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, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemLink, type NavigationMenuItemLinkProps, NavigationMenuLink, NavigationMenuList, type NavigationMenuProps, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, 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, 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, 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, useDoodleUI, useDrawIn, useResolvedSeed, useSketchSeed };