doodleui-react 0.1.1 → 0.3.0

package/dist/index.d.ts

@@ -1,10 +1,17 @@
 import * as react from 'react';
-import { CSSProperties, HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef } from 'react';
+import { CSSProperties, HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } 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';
 import * as Dialog 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';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+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';
 
 type FillStyle = "hachure" | "solid" | "zigzag" | "cross-hatch" | "dots" | "dashed" | "zigzag-line";
 type RoughShape = "rectangle" | "ellipse" | "line" | "line-vertical" | "path";
@@ -68,6 +75,14 @@ interface SketchBoxProps extends SketchProps, Omit<HTMLAttributes<HTMLDivElement
     contentStyle?: CSSProperties;
     inset?: number;
     path?: string;
+    /**
+     * Sketch-in the border on mount. Defaults to the DoodleUIProvider value.
+     */
+    animate?: boolean;
+    /** Override the default 400ms draw-in duration. */
+    drawInDuration?: number;
+    /** Replay draw-in when this value changes. */
+    drawInKey?: unknown;
 }
 declare const SketchBox: react.ForwardRefExoticComponent<SketchBoxProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -99,26 +114,96 @@ declare function useSketchSeed(): SketchSeedContextValue;
  */
 declare function useResolvedSeed(seed?: number): number;
 
+interface DoodleUIContextValue {
+    /** Default for components that do not set their own `animate` prop. */
+    animate: boolean;
+    /** When true, skip the prefers-reduced-motion disable. */
+    forceAnimate: boolean;
+}
+interface DoodleUIProviderProps {
+    children: ReactNode;
+    /**
+     * Default animation setting for descendant doodle-ui components.
+     * Per-component `animate` still wins when it is set.
+     */
+    animate?: boolean;
+    /**
+     * Play animations even when the user prefers reduced motion.
+     * Off by default — only set this as an explicit escape hatch.
+     */
+    forceAnimate?: boolean;
+}
+declare function DoodleUIProvider({ children, animate, forceAnimate, }: DoodleUIProviderProps): react.JSX.Element;
+declare function useDoodleUI(): DoodleUIContextValue;
+
+/**
+ * Whether the calling component should play sketch animations.
+ * Per-component `animate` overrides the provider. Reduced motion
+ * disables animation unless the provider set `forceAnimate`.
+ */
+declare function useAnimate(animate?: boolean): boolean;
+
+/** Default sketch-in duration. Ease-out over ~400ms. */
+declare const DRAW_IN_DURATION_MS = 400;
+/** Alerts often appear dynamically — keep the sketch-in snappy. */
+declare const DRAW_IN_ALERT_MS = 200;
+/** Tooltips are transient — draw in quickly. */
+declare const DRAW_IN_TOOLTIP_MS = 180;
+/** Checkmarks, radio dots, and tab underlines. */
+declare const DRAW_IN_MARK_MS = 240;
+/** Delay between table row rules. */
+declare const TABLE_STAGGER_MS = 40;
+/**
+ * Sketch-in the rough.js stroke path on the first paint, and again when
+ * `replayKey` changes (e.g. a hover seed swap).
+ *
+ * `pathRef` may point at an SVG path, an `<svg>`, or any element that
+ * contains one — the hook finds the outline path either way.
+ */
+declare function useDrawIn(pathRef: RefObject<Element | null>, duration?: number, enabled?: boolean, replayKey?: unknown, delay?: number): void;
+
 type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
 type ButtonSize = "sm" | "md" | "lg";
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">, SketchProps {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    /**
+     * Play sketch animations (draw-in on mount, seed morph on hover).
+     * Defaults to the DoodleUIProvider value (true). Explicit `false`
+     * renders a static sketch. `prefers-reduced-motion: reduce` disables
+     * animation unless the provider set `forceAnimate`.
+     */
+    animate?: boolean;
 }
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "color" | "size">, SketchProps {
     label?: ReactNode;
+    /**
+     * Draw-in the border on mount and seed-morph on focus.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "color">, SketchProps {
     label?: ReactNode;
+    /**
+     * Draw-in the border on mount and seed-morph on focus.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
 interface CheckboxProps extends Omit<CheckboxPrimitive.CheckboxProps, "asChild">, SketchProps {
     label?: ReactNode;
+    /**
+     * Draw-in the box on mount and the checkmark when checked.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -127,6 +212,11 @@ interface RadioGroupProps extends ComponentPropsWithoutRef<typeof RadioGroupPrim
 declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
 interface RadioProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "asChild">, SketchProps {
     label?: ReactNode;
+    /**
+     * Draw-in the ring on mount and scale/draw the dot on select.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -135,12 +225,20 @@ interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "titl
     fill?: string;
     title?: ReactNode;
     footer?: ReactNode;
+    /**
+     * Draw-in the border on mount. Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
 
 type BadgeVariant = "default" | "accent" | "outline";
 interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, SketchProps {
     variant?: BadgeVariant;
+    /**
+     * Draw-in the border on mount. Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
@@ -148,6 +246,10 @@ type AlertVariant = "info" | "warning" | "error" | "success";
 interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "title">, SketchProps {
     variant?: AlertVariant;
     title?: ReactNode;
+    /**
+     * Draw-in the border on mount (~200ms). Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -160,8 +262,13 @@ interface ModalProps extends SketchProps {
     description?: ReactNode;
     children?: ReactNode;
     className?: string;
+    /**
+     * Backdrop fade, panel enter/exit, and border draw-in on open.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
-declare function Modal({ open, defaultOpen, onOpenChange, trigger, title, description, children, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: ModalProps): react.JSX.Element;
+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>>;
@@ -171,12 +278,22 @@ declare const ModalDescription: react.ForwardRefExoticComponent<Dialog.DialogDes
 type DividerOrientation = "horizontal" | "vertical";
 interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
     orientation?: DividerOrientation;
+    /**
+     * Draw-in so the line extends across its length. Defaults to the
+     * DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
 
 interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
     value?: number;
     max?: number;
+    /**
+     * Draw-in the track on mount and redraw the fill as value changes.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
 }
 declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -187,7 +304,220 @@ interface TooltipProps extends SketchProps {
     side?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>["side"];
     delayDuration?: number;
     className?: string;
+    /**
+     * Quick draw-in when the bubble shows (~180ms). Defaults to the
+     * DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare function Tooltip({ content, children, side, delayDuration, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: TooltipProps): react.JSX.Element;
+
+/**
+ * Offset a resolved sketch seed by a stable hash of `key`.
+ * Items in a list keep distinct wobbles that still redraw together on Shuffle.
+ */
+declare function deriveSeed(base: number, key: string): number;
+
+interface SelectOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface SelectProps extends Omit<SelectPrimitive.SelectProps, "children">, SketchProps {
+    options: SelectOption[];
+    placeholder?: string;
+    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;
+}
+declare function Select({ options, placeholder, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, value, defaultValue, onValueChange, animate, "aria-label": ariaLabel, ...rest }: SelectProps): react.JSX.Element;
+interface SelectTriggerProps extends Omit<SelectPrimitive.SelectTriggerProps, "asChild"> {
+    placeholder?: string;
+}
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends Omit<SelectPrimitive.SelectContentProps, "asChild" | "position"> {
+    children?: ReactNode;
+}
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends Omit<SelectPrimitive.SelectItemProps, "asChild"> {
+    children?: ReactNode;
+}
+declare const SelectItem: react.ForwardRefExoticComponent<SelectItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectRoot: react.FC<SelectPrimitive.SelectProps>;
+declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
+declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: react.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: react.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SwitchProps extends Omit<SwitchPrimitive.SwitchProps, "asChild">, SketchProps {
+    label?: ReactNode;
+    /**
+     * Slide the thumb and seed-morph the track on toggle.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "asChild">, SketchProps {
+    /**
+     * Draw-in the active underline and slide it on tab change.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare const Tabs: react.ForwardRefExoticComponent<TabsProps & react.RefAttributes<HTMLDivElement>>;
+interface TabListProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.List>, "asChild"> {
+}
+declare const TabList: react.ForwardRefExoticComponent<TabListProps & react.RefAttributes<HTMLDivElement>>;
+interface TabProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "asChild"> {
+    children?: ReactNode;
+}
+declare const Tab: react.ForwardRefExoticComponent<TabProps & react.RefAttributes<HTMLButtonElement>>;
+interface TabPanelProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "asChild"> {
+}
+declare const TabPanel: react.ForwardRefExoticComponent<TabPanelProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, "color">, SketchProps {
+    headerUnderline?: boolean;
+    children?: ReactNode;
+    /**
+     * Draw-in row rules on mount, staggered slightly. Defaults to the
+     * DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+interface TableHeaderCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "color"> {
+}
+declare const TableHeaderCell: react.ForwardRefExoticComponent<TableHeaderCellProps & react.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "color"> {
+}
+declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+
+type ToastVariant = "info" | "warning" | "error" | "success";
+type ToastPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+interface ToastProviderProps {
+    children?: ReactNode;
+    position?: ToastPosition;
+    duration?: number;
+    swipeDirection?: ToastPrimitive.ToastProviderProps["swipeDirection"];
+    label?: string;
+}
+declare function ToastProvider({ children, position, duration, swipeDirection, label, }: ToastProviderProps): react.JSX.Element;
+interface ToastProps extends SketchProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    variant?: ToastVariant;
+    duration?: number;
+    className?: string;
+    style?: CSSProperties;
+    /**
+     * Slide-in with a sketchy settle wobble, reversed on exit.
+     * Defaults to the DoodleUIProvider value (true).
+     */
+    animate?: boolean;
+}
+declare function Toast({ open, defaultOpen, onOpenChange, title, children, variant, duration, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, animate, }: ToastProps): react.JSX.Element;
+declare const ToastRoot: react.ForwardRefExoticComponent<ToastPrimitive.ToastProps & react.RefAttributes<HTMLLIElement>>;
+declare const ToastTitle: react.ForwardRefExoticComponent<ToastPrimitive.ToastTitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: react.ForwardRefExoticComponent<ToastPrimitive.ToastDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToastClose: react.ForwardRefExoticComponent<ToastPrimitive.ToastCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ToastAction: react.ForwardRefExoticComponent<ToastPrimitive.ToastActionProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ToastViewport: react.ForwardRefExoticComponent<ToastPrimitive.ToastViewportProps & react.RefAttributes<HTMLOListElement>>;
+
+interface AccordionProps extends SketchProps {
+    type?: "single" | "multiple";
+    collapsible?: boolean;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends Omit<ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, "asChild"> {
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends Omit<ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, "asChild"> {
+    children?: ReactNode;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends Omit<ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>, "asChild"> {
+}
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type AvatarStatus = "online" | "offline" | "busy";
+type AvatarShape = "circle" | "square";
+interface AvatarProps extends Omit<AvatarPrimitive.AvatarProps, "asChild">, SketchProps {
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    size?: number;
+    shape?: AvatarShape;
+    status?: AvatarStatus;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+
+type SliderThumbShape = "circle" | "square";
+interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "asChild">, SketchProps {
+    thumbShape?: SliderThumbShape;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "color" | "onChange">, SketchProps {
+    page: number;
+    count: number;
+    onPageChange?: (page: number) => void;
+}
+declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbSeparator = "slash" | "chevron";
+interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, "color">, SketchProps {
+    separator?: BreadcrumbSeparator;
+    children?: ReactNode;
+}
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+interface BreadcrumbItemProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
+    href?: string;
+    current?: boolean;
+    index?: number;
+    children?: ReactNode;
+}
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLSpanElement>>;
+
+type SkeletonVariant = "text" | "rect" | "circle";
+interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
+    variant?: SkeletonVariant;
+    pulse?: boolean;
+    width?: number | string;
+    height?: number | string;
+}
+declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
+
+type StepperOrientation = "horizontal" | "vertical";
+interface StepperStep {
+    label: ReactNode;
+    description?: ReactNode;
+}
+interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, SketchProps {
+    steps: Array<StepperStep | ReactNode>;
+    current?: number;
+    orientation?: StepperOrientation;
 }
-declare function Tooltip({ content, children, side, delayDuration, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: TooltipProps): react.JSX.Element;
+declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, DEFAULT_BOWING, DEFAULT_INK, DEFAULT_ROUGHNESS, DEFAULT_STROKE_WIDTH, Divider, type DividerOrientation, type DividerProps, type FillStyle, Input, type InputProps, Modal, ModalClose, ModalDescription, type ModalProps, ModalRoot, ModalTitle, ModalTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RoughShape, RoughSvg, type RoughSvgProps, SKETCH_COLORS, SketchBox, type SketchBoxProps, type SketchProps, type SketchSeedContextValue, SketchSeedProvider, type SketchSeedProviderProps, Textarea, type TextareaProps, Tooltip, type TooltipProps, TooltipProvider, toRoughOptions, useResolvedSeed, useSketchSeed };
+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 };