canny-ui-react 2.0.0 → 3.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/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/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/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/Layout/AspectRatio.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface AspectRatioProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Ratio = width / height. e.g. 16/9, 4/3, 1, 21/9. Default 16/9. */
+    ratio?: number;
+    children?: ReactNode;
+}
+/**
+ * Locks a child to a fixed aspect ratio. Useful for video/image tiles,
+ * map embeds, and avatar grids. Pure CSS via `aspect-ratio`.
+ */
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Layout/Center.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType, ForwardedRef, ReactElement } from 'react';
+import type { BoxProps } from './Box';
+export type CenterProps<E extends ElementType = 'div'> = Omit<BoxProps<E>, 'display' | 'align' | 'justify'>;
+/** Flex-centers its children (both axes). */
+export declare const Center: <E extends ElementType = "div">(props: CenterProps<E> & {
+    ref?: ForwardedRef<Element>;
+}) => ReactElement;

package/dist/components/Layout/Grid.d.ts

@@ -2,9 +2,15 @@ import type { ElementType, ForwardedRef, ReactElement } from 'react';
 import type { BoxProps } from './Box';
 type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export type GridProps<E extends ElementType = 'div'> = Omit<BoxProps<E>, 'display' | 'direction'> & {
+    /** Fixed column count. Maps to `.grid-cols-{n}` utility. Ignored if `minColWidth` is set. */
     cols?: GridCols;
+    /**
+     * Auto-fit responsive grid: `repeat(auto-fit, minmax(minColWidth, 1fr))`.
+     * Pass a CSS length (e.g. `'240px'`, `'18rem'`).
+     */
+    minColWidth?: string;
 };
-/** CSS Grid container. `cols` maps to `.grid-cols-{n}` utility. */
+/** CSS Grid container. Use `cols` for fixed tracks, or `minColWidth` for responsive auto-fit. */
 export declare const Grid: <E extends ElementType = "div">(props: GridProps<E> & {
     ref?: ForwardedRef<Element>;
 }) => ReactElement;

package/dist/components/Layout/Group.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType, ForwardedRef, ReactElement } from 'react';
+import type { BoxProps } from './Box';
+export type GroupProps<E extends ElementType = 'div'> = Omit<BoxProps<E>, 'direction' | 'display'>;
+/**
+ * Horizontal flex row tuned for toolbars / trigger groups.
+ * Defaults: align center, gap 2, wrap on overflow.
+ */
+export declare const Group: <E extends ElementType = "div">(props: GroupProps<E> & {
+    ref?: ForwardedRef<Element>;
+}) => ReactElement;

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

@@ -4,10 +4,16 @@ export { Grid } from './Grid';
 export { Container } from './Container';
 export { Divider } from './Divider';
 export { Spacer } from './Spacer';
+export { AspectRatio } from './AspectRatio';
+export { Center } from './Center';
+export { Group } from './Group';
 export type { BoxProps } from './Box';
 export type { StackProps, RowProps } from './Stack';
 export type { GridProps } from './Grid';
 export type { ContainerProps, ContainerSize } from './Container';
 export type { DividerProps } from './Divider';
 export type { SpacerProps } from './Spacer';
+export type { AspectRatioProps } from './AspectRatio';
+export type { CenterProps } from './Center';
+export type { GroupProps } from './Group';
 export type { Space, Align, Justify, Direction, Display, LayoutProps } from './layout.types';

package/dist/components/List/List.d.ts

@@ -0,0 +1,42 @@
+import type { ElementType, HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
+export type ListVariant = 'plain' | 'bordered' | 'dividers';
+export type ListSize = 'sm' | 'md' | 'lg';
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Visual style. Default: `dividers`. */
+    variant?: ListVariant;
+    /** Row size. Default: `md`. */
+    size?: ListSize;
+    /** Use this when items have explicit dividers via `<ListSeparator>` to
+     * disable automatic divider rendering. */
+    dense?: boolean;
+}
+export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLUListElement>>;
+export interface ListItemProps {
+    /** Leading icon or avatar. */
+    leading?: ReactNode;
+    /** Trailing actions (button, chip, badge). */
+    trailing?: ReactNode;
+    /** Primary text — bold/regular depending on variant. */
+    primary?: ReactNode;
+    /** Secondary text — muted, single-line by default. */
+    secondary?: ReactNode;
+    /** Whole-row click handler. Becomes role=button. */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** Render the row as a link by passing an `href`. */
+    href?: string;
+    /** Disable interactivity + visual. */
+    disabled?: boolean;
+    /** Render as currently-active row. */
+    active?: boolean;
+    /** Override the rendered element (default: `li`, `a` if href, `button` if onClick). */
+    as?: ElementType;
+    /** Accessible name override (when `primary` isn't a string). */
+    'aria-label'?: string;
+    /** Free-form children — overrides the leading/primary/secondary/trailing slots. */
+    children?: ReactNode;
+    /** Extra className. */
+    className?: string;
+}
+export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLElement>>;
+export declare const ListSeparator: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const ListSubheader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,2 @@
+export { List, ListItem, ListSeparator, ListSubheader } from './List';
+export type { ListProps, ListItemProps, ListVariant, ListSize } from './List';

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,51 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+export declare const Menu: import("react").FC<RadixMenu.DropdownMenuProps>;
+export declare const MenuTrigger: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface MenuContentProps extends ComponentPropsWithoutRef<typeof RadixMenu.Content> {
+    className?: string;
+    /** Visual size — controls padding + font size. Default: `md`. */
+    size?: 'sm' | 'md';
+}
+/**
+ * The popup panel. Wrap in `<Menu>` and pair with `<MenuTrigger>`.
+ *
+ * @example
+ *   <Menu>
+ *     <MenuTrigger asChild><Button>Actions</Button></MenuTrigger>
+ *     <MenuContent>
+ *       <MenuItem onSelect={...}>Edit</MenuItem>
+ *       <MenuSeparator />
+ *       <MenuItem destructive onSelect={...}>Delete</MenuItem>
+ *     </MenuContent>
+ *   </Menu>
+ */
+export declare const MenuContent: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuItemProps extends ComponentPropsWithoutRef<typeof RadixMenu.Item> {
+    /** Leading icon. */
+    icon?: ReactNode;
+    /** Right-aligned shortcut hint (e.g. `⌘C`). */
+    shortcut?: ReactNode;
+    /** Apply danger styling (red text, danger hover). */
+    destructive?: boolean;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuCheckboxItemProps extends ComponentPropsWithoutRef<typeof RadixMenu.CheckboxItem> {
+    shortcut?: ReactNode;
+}
+export declare const MenuCheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuRadioItemProps extends ComponentPropsWithoutRef<typeof RadixMenu.RadioItem> {
+    shortcut?: ReactNode;
+}
+export declare const MenuRadioItem: import("react").ForwardRefExoticComponent<MenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuLabelProps extends ComponentPropsWithoutRef<typeof RadixMenu.Label> {
+}
+export declare const MenuLabel: import("react").ForwardRefExoticComponent<MenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuSeparator: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuSub: import("react").FC<RadixMenu.DropdownMenuSubProps>;
+export interface MenuSubTriggerProps extends ComponentPropsWithoutRef<typeof RadixMenu.SubTrigger> {
+    icon?: ReactNode;
+}
+export declare const MenuSubTrigger: import("react").ForwardRefExoticComponent<MenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuSubContent: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuLabel, MenuSeparator, MenuSub, MenuSubTrigger, MenuSubContent, } from './Menu';
+export type { MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuLabelProps, MenuSubTriggerProps, } from './Menu';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,22 @@
+export interface PaginationProps {
+    /** Current page (1-based). */
+    page: number;
+    /** Total number of pages. */
+    pageCount: number;
+    /** Fired with the new page when the user clicks. */
+    onPageChange: (page: number) => void;
+    /** Pages to show on each side of the current page. Default 1. */
+    siblingCount?: number;
+    /** Whether to always show the first/last page. Default true. */
+    showEdges?: boolean;
+    /** Hide the prev/next chevrons. */
+    hideControls?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    'aria-label'?: string;
+}
+/**
+ * Pagination — page-number nav with prev/next chevrons. Server-driven:
+ * pass `page`, `pageCount`, and `onPageChange`.
+ */
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import * as RadixPopover from '@radix-ui/react-popover';
+/**
+ * Popover root. Controlled (`open` + `onOpenChange`) or uncontrolled.
+ * Wrap a `<PopoverTrigger>` and `<PopoverContent>`.
+ *
+ * @example
+ *   <Popover>
+ *     <PopoverTrigger asChild><Button>Filters</Button></PopoverTrigger>
+ *     <PopoverContent side="bottom" align="end">
+ *       <FilterForm />
+ *     </PopoverContent>
+ *   </Popover>
+ */
+export declare const Popover: import("react").FC<RadixPopover.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface PopoverContentProps extends ComponentPropsWithoutRef<typeof RadixPopover.Content> {
+    className?: string;
+    /** Render the small directional arrow on the popover. Default: false. */
+    withArrow?: boolean;
+}
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverClose, PopoverContent, } from './Popover';
+export type { PopoverContentProps } from './Popover';

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export interface SliderProps extends ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    size?: 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'success' | 'warning' | 'danger';
+    /** Show inline value bubble above the active thumb on hover/focus. */
+    showValue?: boolean;
+    /** Format value for the bubble. Default: `String(v)`. */
+    formatValue?: (v: number) => ReactNode;
+}
+/**
+ * Slider — single or range value picker. Pass an array length 1 for single,
+ * length 2 for range. Built on @radix-ui/react-slider.
+ */
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface StepperStep {
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+}
+export interface StepperProps extends Omit<HTMLAttributes<HTMLOListElement>, 'children'> {
+    steps: StepperStep[];
+    /** Active step index (0-based). Steps before this are marked complete. */
+    active: number;
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md';
+    /** Fired when a previously-completed step is clicked. */
+    onStepClick?: (index: number) => void;
+}
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLOListElement>>;

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

@@ -0,0 +1,2 @@
+export { Stepper } from './Stepper';
+export type { StepperProps, StepperStep } from './Stepper';

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import * as RadixTabs from '@radix-ui/react-tabs';
+export type TabsVariant = 'line' | 'pills' | 'segmented';
+export type TabsSize = 'sm' | 'md' | 'lg';
+/**
+ * Tabbed view container. Built on @radix-ui/react-tabs — handles roving
+ * tabindex, arrow-key nav, and proper ARIA wiring out of the box.
+ *
+ * @example
+ *   <Tabs defaultValue="overview">
+ *     <TabsList>
+ *       <TabsTrigger value="overview">Overview</TabsTrigger>
+ *       <TabsTrigger value="activity">Activity</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="overview">…</TabsContent>
+ *     <TabsContent value="activity">…</TabsContent>
+ *   </Tabs>
+ */
+export interface TabsProps extends ComponentPropsWithoutRef<typeof RadixTabs.Root> {
+    /** Visual style. Default: `line`. */
+    variant?: TabsVariant;
+    /** Size preset. Default: `md`. */
+    size?: TabsSize;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof RadixTabs.Trigger> {
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
+    /** Optional right-aligned badge (count, status). */
+    badge?: React.ReactNode;
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './Tabs';
+export type { TabsProps, TabsTriggerProps, TabsVariant, TabsSize } from './Tabs';