doodleui-react 0.1.0 → 0.2.0

package/dist/index.d.cts

@@ -1,10 +1,17 @@
 import * as react from 'react';
-import { CSSProperties, HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef } from 'react';
+import { CSSProperties, HTMLAttributes, ReactNode, 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";
@@ -73,14 +80,22 @@ declare const SketchBox: react.ForwardRefExoticComponent<SketchBoxProps & react.
 
 interface SketchSeedContextValue {
     seed: number;
+    fontIndex: number;
     shuffle: () => void;
     setSeed: (seed: number) => void;
 }
 interface SketchSeedProviderProps {
     children: ReactNode;
     initialSeed?: number;
+    /**
+     * CSS font-family values for Shuffle. Index 0 is the page default
+     * (`--doodle-ui-font` is left unset). Later indexes set the variable.
+     */
+    fonts?: readonly string[];
+    /** Starting palette index. Defaults to 0 (unset / page default). */
+    initialFontIndex?: number;
 }
-declare function SketchSeedProvider({ children, initialSeed, }: SketchSeedProviderProps): react.JSX.Element;
+declare function SketchSeedProvider({ children, initialSeed, fonts, initialFontIndex, }: SketchSeedProviderProps): react.JSX.Element;
 declare function useSketchSeed(): SketchSeedContextValue;
 
 /**
@@ -182,4 +197,187 @@ interface TooltipProps extends SketchProps {
 }
 declare function Tooltip({ content, children, side, delayDuration, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: TooltipProps): react.JSX.Element;
 
-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 };
+/**
+ * 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;
+}
+declare function Select({ options, placeholder, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, value, defaultValue, onValueChange, "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;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "asChild">, SketchProps {
+}
+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;
+}
+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;
+}
+declare function Toast({ open, defaultOpen, onOpenChange, title, children, variant, duration, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: 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 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, Divider, type DividerOrientation, type DividerProps, 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, 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, useResolvedSeed, useSketchSeed };

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, 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";
@@ -73,14 +80,22 @@ declare const SketchBox: react.ForwardRefExoticComponent<SketchBoxProps & react.
 
 interface SketchSeedContextValue {
     seed: number;
+    fontIndex: number;
     shuffle: () => void;
     setSeed: (seed: number) => void;
 }
 interface SketchSeedProviderProps {
     children: ReactNode;
     initialSeed?: number;
+    /**
+     * CSS font-family values for Shuffle. Index 0 is the page default
+     * (`--doodle-ui-font` is left unset). Later indexes set the variable.
+     */
+    fonts?: readonly string[];
+    /** Starting palette index. Defaults to 0 (unset / page default). */
+    initialFontIndex?: number;
 }
-declare function SketchSeedProvider({ children, initialSeed, }: SketchSeedProviderProps): react.JSX.Element;
+declare function SketchSeedProvider({ children, initialSeed, fonts, initialFontIndex, }: SketchSeedProviderProps): react.JSX.Element;
 declare function useSketchSeed(): SketchSeedContextValue;
 
 /**
@@ -182,4 +197,187 @@ interface TooltipProps extends SketchProps {
 }
 declare function Tooltip({ content, children, side, delayDuration, className, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: TooltipProps): react.JSX.Element;
 
-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 };
+/**
+ * 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;
+}
+declare function Select({ options, placeholder, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, value, defaultValue, onValueChange, "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;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "asChild">, SketchProps {
+}
+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;
+}
+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;
+}
+declare function Toast({ open, defaultOpen, onOpenChange, title, children, variant, duration, className, style, roughness, seed, sketchColor, bowing, fillStyle, strokeWidth, }: 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 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, Divider, type DividerOrientation, type DividerProps, 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, 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, useResolvedSeed, useSketchSeed };