canny-ui-react 2.0.0 → 4.0.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+type RootSingle = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    type: 'single';
+};
+type RootMultiple = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    type: 'multiple';
+};
+export type AccordionProps = (RootSingle | RootMultiple) & {
+    variant?: 'plain' | 'bordered' | 'separated';
+};
+export declare const Accordion: import("react").ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    type: "single";
+} & {
+    variant?: "plain" | "bordered" | "separated";
+}) | (Omit<AccordionPrimitive.AccordionMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    type: "multiple";
+} & {
+    variant?: "plain" | "bordered" | "separated";
+})) & import("react").RefAttributes<HTMLDivElement>>;
+export type AccordionItemProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /** Optional leading icon in the trigger row. */
+    icon?: ReactNode;
+    /** Hide the chevron indicator. */
+    hideIndicator?: boolean;
+}
+export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type AccordionContentProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps } from './Accordion';

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,19 @@
+import type { AutocompleteProps } from './Autocomplete.types';
+/**
+ * Searchable combobox. Single or multi-select. Built on @radix-ui/react-popover
+ * for positioning + cmdk for filter / keyboard nav. Replaces MUI's
+ * `Autocomplete` with a more compact API.
+ *
+ * @example
+ *   <Autocomplete
+ *     options={[
+ *       { value: 'eng', label: 'Engineering', group: 'Departments' },
+ *       { value: 'des', label: 'Design',      group: 'Departments' },
+ *     ]}
+ *     placeholder="Pick a department"
+ *     onValueChange={(v) => console.log(v)}
+ *   />
+ *
+ *   <Autocomplete multiple options={…} placeholder="Pick attendees" />
+ */
+export declare const Autocomplete: import("react").ForwardRefExoticComponent<AutocompleteProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Autocomplete/Autocomplete.types.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from 'react';
+export interface AutocompleteOption {
+    /** Stable identifier — what gets stored in `value`. */
+    value: string;
+    /** Visible label. */
+    label: string;
+    /** Optional group heading. Options with the same `group` cluster together. */
+    group?: string;
+    /** Disable selection of this option. */
+    disabled?: boolean;
+    /** Right-aligned secondary text (e.g. department, hint). */
+    hint?: ReactNode;
+    /** Leading icon node (overrides the avatar character). */
+    icon?: ReactNode;
+}
+export type AutocompleteSize = 'sm' | 'md' | 'lg';
+export type AutocompleteColor = 'primary' | 'danger' | 'warning' | 'success';
+interface AutocompleteBase {
+    /** Flat list of options. */
+    options: AutocompleteOption[];
+    /** Trigger placeholder when nothing is selected. */
+    placeholder?: string;
+    /** Search input placeholder inside the dropdown. */
+    searchPlaceholder?: string;
+    /** Empty-state when no options match the search. */
+    emptyText?: ReactNode;
+    /** Show a loading spinner inside the dropdown. */
+    loading?: boolean;
+    /** Loading-state text. */
+    loadingText?: ReactNode;
+    /** Trigger size. */
+    size?: AutocompleteSize;
+    /** Validation color on the trigger. */
+    color?: AutocompleteColor;
+    /** Disable the entire control. */
+    disabled?: boolean;
+    /** Show a clear button when something is selected. */
+    clearable?: boolean;
+    /** Field-threading: id forwarded to the trigger. */
+    id?: string;
+    /** Field-threading: forwarded ARIA. */
+    'aria-invalid'?: boolean;
+    /** Field-threading: forwarded ARIA. */
+    'aria-describedby'?: string;
+    /** Accessible label when no `<Field>` wraps the control. */
+    'aria-label'?: string;
+    /** Custom className on the trigger. */
+    className?: string;
+}
+export interface AutocompleteSingleProps extends AutocompleteBase {
+    multiple?: false;
+    /** Controlled selected value. */
+    value?: string | null;
+    /** Uncontrolled initial value. */
+    defaultValue?: string | null;
+    /** Fires on selection change. */
+    onValueChange?: (value: string | null) => void;
+}
+export interface AutocompleteMultipleProps extends AutocompleteBase {
+    multiple: true;
+    /** Controlled selected values. */
+    value?: string[];
+    /** Uncontrolled initial values. */
+    defaultValue?: string[];
+    /** Fires on selection change. */
+    onValueChange?: (value: string[]) => void;
+    /** Cap on how many can be selected. */
+    maxItems?: number;
+}
+export type AutocompleteProps = AutocompleteSingleProps | AutocompleteMultipleProps;
+export {};

package/dist/components/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteOption, AutocompleteProps, AutocompleteSingleProps, AutocompleteMultipleProps, AutocompleteSize, AutocompleteColor, } from './Autocomplete.types';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type BadgeColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+export type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Numeric count shown in the indicator. */
+    count?: number;
+    /** Render a small dot instead of a number. */
+    dot?: boolean;
+    /** Cap displayed count; values above show `{max}+`. Default 99. */
+    max?: number;
+    /** Show the indicator even when count is 0. Default false. */
+    showZero?: boolean;
+    /** Semantic color. Default `'danger'`. */
+    color?: BadgeColor;
+    /** Corner the indicator anchors to (ignored when standalone). Default `'top-right'`. */
+    placement?: BadgePlacement;
+    /** Render the indicator inline with no anchored child. */
+    standalone?: boolean;
+    children?: ReactNode;
+}
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeColor, BadgePlacement } from './Badge';

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    /** Custom render — e.g. `<Link>`. Receives the rendered label. */
+    render?: (label: ReactNode) => ReactNode;
+}
+export interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    items: BreadcrumbItem[];
+    /** Separator node between items. Default: chevron. */
+    separator?: ReactNode;
+    size?: 'sm' | 'md';
+}
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb';

package/dist/components/Charts/BarChart.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+export interface BarSeries {
+    /** Key into each datum for this series' value. */
+    key: string;
+    /** Legend / tooltip label. Defaults to `key`. */
+    label?: string;
+    /** Override the series color. */
+    color?: string;
+}
+export interface BarChartProps<D extends Record<string, unknown> = Record<string, unknown>> {
+    data: D[];
+    /** Key for the category label on the x-axis. */
+    xKey: string;
+    series: BarSeries[];
+    height?: number;
+    /** Stack the series instead of grouping them side by side. */
+    stacked?: boolean;
+    grid?: boolean;
+    legend?: boolean;
+    /** Format y-axis tick values. */
+    yTickFormatter?: (value: number) => string;
+    /** Format x-axis category labels. */
+    xTickFormatter?: (value: string) => string;
+    /** Custom tooltip body for a hovered category. */
+    renderTooltip?: (params: {
+        label: string;
+        datum: D;
+    }) => ReactNode;
+    className?: string;
+}
+export declare function BarChart<D extends Record<string, unknown>>({ data, xKey, series, height, stacked, grid, legend, yTickFormatter, xTickFormatter, renderTooltip, className, }: BarChartProps<D>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/LineChart.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { BarSeries } from './BarChart';
+export interface LineChartProps<D extends Record<string, unknown> = Record<string, unknown>> {
+    data: D[];
+    xKey: string;
+    series: BarSeries[];
+    height?: number;
+    /** Fill the area under each line. */
+    area?: boolean;
+    /** Stack the series (area charts). */
+    stacked?: boolean;
+    /** Show point markers. */
+    dots?: boolean;
+    grid?: boolean;
+    legend?: boolean;
+    yTickFormatter?: (value: number) => string;
+    xTickFormatter?: (value: string) => string;
+    renderTooltip?: (params: {
+        label: string;
+        datum: D;
+    }) => ReactNode;
+    className?: string;
+}
+export declare function LineChart<D extends Record<string, unknown>>(props: LineChartProps<D>): import("react/jsx-runtime").JSX.Element;
+export declare function AreaChart<D extends Record<string, unknown>>(props: LineChartProps<D>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/PieChart.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export interface PieDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface PieChartProps {
+    data: PieDatum[];
+    height?: number;
+    /** Inner radius as a fraction of the outer radius (0 = pie, 0.6 = donut). */
+    innerRadius?: number;
+    legend?: boolean;
+    /** Custom tooltip body for a hovered slice. */
+    renderTooltip?: (params: {
+        datum: PieDatum;
+        percent: number;
+    }) => ReactNode;
+    /** Center label (e.g. a total) for donut charts. */
+    centerLabel?: ReactNode;
+    className?: string;
+}
+export declare function PieChart({ data, height, innerRadius, legend, renderTooltip, centerLabel, className, }: PieChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/ResponsiveContainer.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export interface ResponsiveContainerProps {
+    /** Chart height in px. */
+    height?: number;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Sizing wrapper kept for `recharts` compatibility. Canny charts already fill
+ * their parent's width; this passes `height` down and stretches to 100% width.
+ */
+export declare function ResponsiveContainer({ height, children, className }: ResponsiveContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/chartUtils.d.ts

@@ -0,0 +1,16 @@
+import type { RefObject } from 'react';
+/** Default palette — token-driven series colors, cycled by index. */
+export declare const CHART_COLORS: string[];
+export declare function seriesColor(index: number, explicit?: string): string;
+/**
+ * Measures the host element's width with a ResizeObserver and returns a fluid
+ * width. Falls back to `fallback` when measurement is unavailable (SSR/jsdom).
+ */
+export declare function useChartWidth(fallback?: number): [RefObject<HTMLDivElement | null>, number];
+/** "Nice" max + evenly spaced ticks for a [0, max] axis. */
+export declare function niceTicks(max: number, count?: number): {
+    max: number;
+    ticks: number[];
+};
+/** SVG path for a (possibly donut) pie slice. Angles in radians, 0 at 12 o'clock. */
+export declare function arcPath(cx: number, cy: number, rOuter: number, rInner: number, startAngle: number, endAngle: number): string;

package/dist/components/Charts/index.d.ts

@@ -0,0 +1,9 @@
+export { BarChart } from './BarChart';
+export type { BarChartProps, BarSeries } from './BarChart';
+export { LineChart, AreaChart } from './LineChart';
+export type { LineChartProps } from './LineChart';
+export { PieChart } from './PieChart';
+export type { PieChartProps, PieDatum } from './PieChart';
+export { ResponsiveContainer } from './ResponsiveContainer';
+export type { ResponsiveContainerProps } from './ResponsiveContainer';
+export { CHART_COLORS } from './chartUtils';

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export type ChipColor = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export type ChipSize = 'sm' | 'md';
+export type ChipVariant = 'soft' | 'outline' | 'solid';
+export interface ChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onSelect'> {
+    /** Color/variant tone. Default: `default`. */
+    color?: ChipColor;
+    /** Visual style. Default: `soft`. */
+    variant?: ChipVariant;
+    /** Size preset. Default: `md`. */
+    size?: ChipSize;
+    /** Leading icon or avatar node. */
+    icon?: ReactNode;
+    /** Avatar node (rendered before icon if both supplied). */
+    avatar?: ReactNode;
+    /** When provided, renders an X button that calls this. */
+    onDelete?: MouseEventHandler<HTMLButtonElement>;
+    /** Accessible label for the delete button. Default: `Remove`. */
+    deleteLabel?: string;
+    /** Make the chip itself clickable (becomes role=button). */
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+    /** Disabled visual + non-interactive. */
+    disabled?: boolean;
+    /** The chip's text/content. */
+    children: ReactNode;
+}
+/**
+ * Compact label primitive for tags, statuses, filter pills, and selected items.
+ * Six color tones × three variants. Optional leading icon/avatar and trailing
+ * delete button.
+ *
+ * @example
+ *   <Chip color="success">Active</Chip>
+ *   <Chip color="primary" variant="outline" onDelete={() => …}>Engineering</Chip>
+ *   <Chip avatar={<Avatar size="xs">PS</Avatar>}>Premkumar S.</Chip>
+ */
+export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export type { ChipProps, ChipColor, ChipSize, ChipVariant } from './Chip';

package/dist/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    /** Controlled open state. */
+    open: boolean;
+    /** Called with the next open state (e.g. on Esc, backdrop, or cancel). */
+    onOpenChange: (open: boolean) => void;
+    /** Dialog heading. */
+    title: ReactNode;
+    /** Body copy. Ignored when `children` is provided. */
+    message?: ReactNode;
+    /** Custom body; overrides `message`. */
+    children?: ReactNode;
+    /** Confirm button label. Default `'Confirm'`. */
+    confirmLabel?: string;
+    /** Cancel button label. Default `'Cancel'`. */
+    cancelLabel?: string;
+    /** Render the confirm button in the danger color. */
+    danger?: boolean;
+    /** Show a spinner on confirm and disable both buttons. */
+    loading?: boolean;
+    /** Fired when the confirm button is clicked. */
+    onConfirm: () => void;
+    /** Fired when the cancel button is clicked (before close). */
+    onCancel?: () => void;
+    className?: string;
+}
+/**
+ * ConfirmDialog — a small Dialog preset for destructive / confirmation prompts.
+ * Composes the base `Dialog` and `Button`.
+ */
+export declare function ConfirmDialog({ open, onOpenChange, title, message, children, confirmLabel, cancelLabel, danger, loading, onConfirm, onCancel, className, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ConfirmDialog/index.d.ts

@@ -0,0 +1,4 @@
+export { ConfirmDialog } from './ConfirmDialog';
+export type { ConfirmDialogProps } from './ConfirmDialog';
+export { useConfirm } from './useConfirm';
+export type { ConfirmOptions } from './useConfirm';

package/dist/components/ConfirmDialog/useConfirm.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface ConfirmOptions {
+    title: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    danger?: boolean;
+}
+/**
+ * Imperative confirmation. Render `confirmDialog` once in the tree, then
+ * `await confirm({ title, message })` to get a boolean.
+ */
+export declare function useConfirm(): {
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    confirmDialog: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+};

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,69 @@
+import type { ReactElement, ReactNode, Ref } from 'react';
+export type DataTableAlign = 'left' | 'center' | 'right';
+export type RowId = string | number;
+export interface DataTableColumn<R = Record<string, unknown>> {
+    /** Key into the row (and the sort field). Use `renderCell` for non-primitive values. */
+    field: string;
+    /** Column header text. Defaults to `field`. */
+    headerName?: string;
+    /** Fixed width in px. */
+    width?: number;
+    /** Proportional width (flex-grow). Ignored when `width` is set. */
+    flex?: number;
+    /** Cell text alignment. */
+    align?: DataTableAlign;
+    /** Header text alignment. Defaults to `align`. */
+    headerAlign?: DataTableAlign;
+    /** Allow sorting on this column. */
+    sortable?: boolean;
+    /** Allow drag-to-resize on this column. Default `true`. */
+    resizable?: boolean;
+    /** Custom cell renderer. */
+    renderCell?: (params: {
+        row: R;
+        value: unknown;
+        field: string;
+    }) => ReactNode;
+    /** Derive the cell value from the row instead of `row[field]`. */
+    valueGetter?: (params: {
+        row: R;
+        field: string;
+    }) => unknown;
+}
+export interface DataTableSort {
+    field: string;
+    sort: 'asc' | 'desc';
+}
+export interface DataTablePaginationModel {
+    /** Zero-based page index. */
+    page: number;
+    pageSize: number;
+}
+export interface DataTableProps<R = Record<string, unknown>> {
+    columns: DataTableColumn<R>[];
+    rows: R[];
+    /** Stable id for a row. Defaults to `row.id`. */
+    getRowId?: (row: R) => RowId;
+    /** Replace rows with skeleton placeholders. */
+    loading?: boolean;
+    /** Total server-side row count — enables the pagination footer. */
+    rowCount?: number;
+    paginationModel?: DataTablePaginationModel;
+    onPaginationModelChange?: (model: DataTablePaginationModel) => void;
+    /** Show a leading checkbox column. */
+    checkboxSelection?: boolean;
+    rowSelectionModel?: RowId[];
+    onRowSelectionModelChange?: (ids: RowId[]) => void;
+    /** Controlled sort. Header clicks emit `onSortModelChange` (server-driven). */
+    sortModel?: DataTableSort | null;
+    onSortModelChange?: (sort: DataTableSort | null) => void;
+    onRowClick?: (row: R) => void;
+    /** Empty-state content. */
+    noRowsLabel?: ReactNode;
+    /** Turn off column resizing for every column. */
+    disableColumnResize?: boolean;
+    className?: string;
+}
+export declare const DataTable: <R = Record<string, unknown>>(props: DataTableProps<R> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableColumn, DataTableSort, DataTablePaginationModel, DataTableAlign, RowId, } from './DataTable';

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface DialogProps extends ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+    /** Title rendered as the visible h2. Required for accessibility. */
+    title: ReactNode;
+    /** Optional descriptive subhead under the title. */
+    description?: ReactNode;
+    /** Body content (forms, copy, lists). */
+    children?: ReactNode;
+    /** Footer node (typically a Button row). */
+    footer?: ReactNode;
+    /** Width preset. Default: `md`. */
+    size?: DialogSize;
+    /** Hide the built-in X close button. */
+    hideClose?: boolean;
+    /** Extra className on the dialog content. */
+    className?: string;
+}
+/**
+ * Modal dialog built on @radix-ui/react-dialog. Includes a backdrop, focus trap,
+ * Esc-to-close, scroll lock, and an accessible title/description out of the box.
+ *
+ * @example
+ *   const [open, setOpen] = useState(false);
+ *   <Dialog open={open} onOpenChange={setOpen} title="Confirm delete">
+ *     This action can't be undone.
+ *   </Dialog>
+ */
+export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Trigger button to open a Dialog when wired with a controlled root. */
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/** Close button — typically used inside the body or footer. */
+export declare const DialogClose: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog, DialogTrigger, DialogClose } from './Dialog';
+export type { DialogProps, DialogSize } from './Dialog';

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export type DrawerSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface DrawerProps extends ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+    /** Visible heading for the drawer. Required for AT. */
+    title: ReactNode;
+    /** Optional subhead under the title. */
+    description?: ReactNode;
+    /** Body content. */
+    children?: ReactNode;
+    /** Footer (typically Buttons). */
+    footer?: ReactNode;
+    /** Edge the drawer slides in from. Default: `right`. */
+    side?: DrawerSide;
+    /** Width preset (for left/right) or height preset (for top/bottom). Default: `md`. */
+    size?: DrawerSize;
+    /** Hide the built-in X close button. */
+    hideClose?: boolean;
+    /** Extra className on the drawer content. */
+    className?: string;
+}
+/**
+ * Off-canvas drawer / sheet. Slides in from any edge. Built on
+ * @radix-ui/react-dialog so it gets focus trapping, Esc-to-close, scroll
+ * lock, and accessibility for free.
+ *
+ * @example
+ *   <Drawer open={open} onOpenChange={setOpen} side="right" title="Settings">
+ *     <SettingsForm />
+ *   </Drawer>
+ */
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DrawerClose: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer, DrawerTrigger, DrawerClose } from './Drawer';
+export type { DrawerProps, DrawerSide, DrawerSize } from './Drawer';

package/dist/components/FileUploader/FileUploader.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { FileRejection, UseFileDropOptions } from './useFileDrop';
+export interface FileUploaderProps extends Omit<UseFileDropOptions, 'onDrop' | 'onDropAccepted' | 'onDropRejected'> {
+    /** Fired with `(accepted, rejected)` after each drop or browse. */
+    onDrop?: (accepted: File[], rejected: FileRejection[]) => void;
+    /** Primary call-to-action line. */
+    label?: ReactNode;
+    /** Secondary hint under the label (e.g. accepted types / max size). */
+    hint?: ReactNode;
+    /** Replace the leading icon. */
+    icon?: ReactNode;
+    /** Custom body; overrides the default icon + text. */
+    children?: ReactNode;
+    /** Browse-button label. Set to `false` to hide the button. */
+    buttonLabel?: ReactNode | false;
+    size?: 'sm' | 'md';
+    className?: string;
+}
+export declare const FileUploader: import("react").ForwardRefExoticComponent<FileUploaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FileUploader/index.d.ts

@@ -0,0 +1,4 @@
+export { FileUploader } from './FileUploader';
+export type { FileUploaderProps } from './FileUploader';
+export { useFileDrop } from './useFileDrop';
+export type { UseFileDropOptions, FileRejection, FileError, FileRejectionCode, AcceptProp, } from './useFileDrop';