@boilerhaus-ui/boilerhaus-ui 0.1.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

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

@@ -0,0 +1,22 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+export declare const Accordion: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+}
+export interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+}
+export interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+/**
+ * Wrapper for one collapsible section. Requires a unique `value` prop.
+ */
+export declare function AccordionItem({ className, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Clickable header that toggles the section open/closed.
+ * Renders a rotating chevron on the right — pass children for the label.
+ */
+export declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Collapsible body panel. Animates height via CSS keyframes that consume
+ * `--radix-accordion-content-height`.
+ */
+export declare function AccordionContent({ className, children, ...props }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,34 @@
+export type AlertVariant = 'neutral' | 'info' | 'warning' | 'danger' | 'success';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Semantic intent conveyed by the alert. Defaults to 'neutral'. */
+    variant?: AlertVariant;
+    /** Bold heading line above the description. */
+    title?: string;
+    /**
+     * Override the default variant icon.
+     * Pass `null` to suppress the icon entirely.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Callback for the dismiss (×) button.
+     * When provided, an × button is rendered — the consumer is responsible
+     * for removing the alert from the DOM on click.
+     */
+    onDismiss?: () => void;
+}
+/**
+ * Inline status banner. Use for form errors, page-level warnings,
+ * and contextual success/info messages.
+ *
+ * @example
+ * <Alert variant="danger" title="Save failed">
+ *   Check your connection and try again.
+ * </Alert>
+ *
+ * @example
+ * // Dismissible
+ * {show && (
+ *   <Alert variant="success" title="Changes saved" onDismiss={() => setShow(false)} />
+ * )}
+ */
+export declare function Alert({ variant, title, icon, onDismiss, className, children, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert';

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,23 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+export interface AspectRatioProps extends React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root> {
+    /**
+     * Width-to-height ratio. Defaults to 16/9.
+     * Pass a number: `ratio={4/3}`, `ratio={1}`, `ratio={16/9}`.
+     */
+    ratio?: number;
+}
+/**
+ * Constrains children to a fixed aspect ratio box.
+ * Children should fill the box with `w-full h-full`; use `object-cover` on `<img>`.
+ * Overlay content can be positioned absolutely inside.
+ *
+ * @example
+ * <AspectRatio ratio={16 / 9}>
+ *   <img src={src} alt={alt} className="w-full h-full object-cover" />
+ * </AspectRatio>
+ *
+ * <AspectRatio ratio={1} className="rounded-md overflow-hidden">
+ *   <Skeleton className="w-full h-full" />
+ * </AspectRatio>
+ */
+export declare function AspectRatio({ ratio, className, ...props }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
+    /** Image URL. When absent or broken the initials fallback renders. */
+    src?: string;
+    /** Person's name — used for initials fallback and alt text. */
+    alt?: string;
+    /** Visual size. Defaults to 'md'. */
+    size?: AvatarSize;
+}
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars to display before showing an overflow count. Defaults to 4. */
+    max?: number;
+    /** Size forwarded to the overflow badge. Match the size used on child Avatars. Defaults to 'md'. */
+    size?: AvatarSize;
+}
+/**
+ * Circular user avatar — shows an image when available, falls back to
+ * coloured initials derived from `alt`.
+ *
+ * @example
+ * <Avatar src="/avatars/jlee.jpg" alt="Jordan Lee" />
+ * <Avatar alt="Jordan Lee" />          // initials fallback
+ * <Avatar alt="Jordan Lee" size="lg" />
+ */
+export declare function Avatar({ src, alt, size, className, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Stacks multiple Avatars with overlap rings. Shows a "+N" overflow badge
+ * when children exceed `max`.
+ *
+ * @example
+ * <AvatarGroup max={3}>
+ *   <Avatar alt="Alex Kovacs" />
+ *   <Avatar alt="Jordan Lee" />
+ *   <Avatar alt="Maria da Silva" />
+ *   <Avatar alt="Sam Chen" />   // → "+1" badge
+ * </AvatarGroup>
+ */
+export declare function AvatarGroup({ children, max, size, className, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Avatar, AvatarGroup } from './Avatar';
+export type { AvatarProps, AvatarGroupProps, AvatarSize } from './Avatar';

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

@@ -0,0 +1,14 @@
+export type BadgeVariant = 'neutral' | 'active' | 'warning' | 'danger' | 'success';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Semantic status conveyed by this badge. Defaults to 'neutral'. */
+    variant?: BadgeVariant;
+}
+/**
+ * Non-interactive status label.
+ * Conveys project state, change-order state, or any categorical label.
+ *
+ * @example
+ * <Badge variant="active">In Progress</Badge>
+ * <Badge variant="danger">Blocked</Badge>
+ */
+export declare function Badge({ variant, className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,52 @@
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+}
+/**
+ * Root `<nav>` wrapper. Sets aria-label="breadcrumb".
+ */
+export declare function Breadcrumb({ className, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbListProps extends React.HTMLAttributes<HTMLOListElement> {
+}
+/**
+ * `<ol>` that lays out breadcrumb items horizontally with wrapping.
+ */
+export declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
+}
+/**
+ * `<li>` wrapper for a link or the current page label.
+ */
+export declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Render as child component (e.g. React Router `<Link>` or Next.js `<Link>`). */
+    asChild?: boolean;
+}
+/**
+ * Ancestor crumb link. Use `asChild` to render as a router `<Link>`.
+ *
+ * @example
+ * <BreadcrumbLink href="/projects">Projects</BreadcrumbLink>
+ * <BreadcrumbLink asChild><Link to="/projects">Projects</Link></BreadcrumbLink>
+ */
+export declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbPageProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * The final (current) crumb — rendered as a `<span>` with `aria-current="page"`.
+ */
+export declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLLIElement> {
+}
+/**
+ * Separator between crumbs. Defaults to "/" — pass children to customise.
+ *
+ * @example
+ * <BreadcrumbSeparator />
+ * <BreadcrumbSeparator><ChevronRightIcon /></BreadcrumbSeparator>
+ */
+export declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * Placeholder for collapsed intermediate crumbs.
+ */
+export declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from './Breadcrumb';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,19 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual treatment of the button. Defaults to 'primary'. */
+    variant?: ButtonVariant;
+    /**
+     * Render as a child element instead of <button>.
+     * Useful for routing links: <Button asChild><a href="/path">Go</a></Button>
+     */
+    asChild?: boolean;
+}
+/**
+ * The foundational interactive element.
+ * All styles are derived from Bauhaus design tokens.
+ *
+ * @example
+ * <Button variant="primary">Submit</Button>
+ * <Button variant="destructive" asChild><a href="/delete">Delete</a></Button>
+ */
+export declare function Button({ variant, asChild, className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant } from './Button';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,39 @@
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Elevated container for project summaries, scope items, and change orders.
+ * Compose with CardHeader, CardBody, CardFooter as needed.
+ *
+ * @example
+ * <Card>
+ *   <CardHeader>
+ *     <span>Kitchen Reno</span>
+ *     <Badge variant="active">In Progress</Badge>
+ *   </CardHeader>
+ *   <CardBody>…</CardBody>
+ *   <CardFooter>
+ *     <Button variant="ghost">View</Button>
+ *   </CardFooter>
+ * </Card>
+ */
+export declare function Card({ className, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Optional header slot. Renders a flex row — ideal for a title + Badge.
+ * Separated from the body by a 1px rule border.
+ */
+export declare function CardHeader({ className, children, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main content area. Handles its own padding.
+ */
+export declare function CardBody({ className, children, ...props }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Optional footer slot. Renders a flex row for action buttons.
+ * Separated from the body by a 1px rule border.
+ */
+export declare function CardFooter({ className, children, ...props }: CardFooterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardBody, CardFooter } from './Card';
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,22 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+}
+/**
+ * Accessible checkbox. Compose with Label for labelled form fields.
+ *
+ * @example
+ * // Unlabelled
+ * <Checkbox id="approved" checked={approved} onCheckedChange={setApproved} />
+ *
+ * @example
+ * // Labelled
+ * <div className="flex items-center gap-2">
+ *   <Checkbox id="approved" />
+ *   <Label htmlFor="approved">Mark as approved</Label>
+ * </div>
+ *
+ * @example
+ * // Indeterminate (select-all pattern)
+ * <Checkbox checked="indeterminate" />
+ */
+export declare function Checkbox({ checked, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,27 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    /** Controlled selected value. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+}
+/**
+ * Searchable select — a text input that filters a dropdown list.
+ * Built on Radix Popover with a custom listbox for full token compliance.
+ * Keyboard: ArrowDown/Up navigate, Enter selects, Escape closes.
+ *
+ * @example
+ * <Combobox options={trades} placeholder="Select trade…" onValueChange={setTrade} />
+ */
+export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, id, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxOption } from './Combobox';

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

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface DataTableColumn<T> {
+    /** Column identifier — also the default sort key via `(row as any)[key]`. */
+    key: string;
+    header: string;
+    /** Custom cell renderer. If omitted, renders `(row as any)[key]` as a string. */
+    cell?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    /** Returns a stable unique string key for each row. */
+    rowKey: (row: T) => string;
+    /** Enables pagination; omit to show all rows. */
+    pageSize?: number;
+    /** Renders a search input above the table. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    /** Called when a row is clicked. */
+    onRowClick?: (row: T) => void;
+    className?: string;
+}
+/**
+ * Full-featured data table with optional column sorting, search, and pagination.
+ * Wraps the base `Table` component and manages all UI state internally.
+ *
+ * @example
+ * <DataTable columns={cols} data={rows} rowKey={(r) => r.id} pageSize={10} searchable />
+ */
+export declare function DataTable<T>({ columns, data, rowKey, pageSize, searchable, searchPlaceholder, emptyMessage, onRowClick, className, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,17 @@
+export interface DatePickerProps {
+    /** Controlled selected date. */
+    value?: Date;
+    onValueChange?: (date: Date) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+}
+/**
+ * Date input with a calendar popover.
+ * Built on Radix Popover — handles portal, focus, outside-click.
+ *
+ * @example
+ * <DatePicker value={date} onValueChange={setDate} placeholder="Select date…" />
+ */
+export declare function DatePicker({ value, onValueChange, placeholder, disabled, className, id, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,53 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+/** Controls open/close state. Wrap all Dialog parts with this. */
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+/** Renders the element that opens the dialog. Use asChild with a Button. */
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Closes the dialog without additional action.
+ * Use asChild with a Button:
+ * @example
+ * <DialogClose asChild><Button variant="secondary">Cancel</Button></DialogClose>
+ */
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+}
+/**
+ * The dialog panel — rendered in a portal above an overlay.
+ * Always include DialogTitle for accessibility.
+ *
+ * @example
+ * <Dialog>
+ *   <DialogTrigger asChild><Button>Open</Button></DialogTrigger>
+ *   <DialogContent>
+ *     <DialogTitle>Confirm Action</DialogTitle>
+ *     <DialogDescription>This cannot be undone.</DialogDescription>
+ *     <DialogFooter>
+ *       <DialogClose asChild><Button variant="secondary">Cancel</Button></DialogClose>
+ *       <Button variant="destructive">Delete</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ */
+export declare function DialogContent({ className, children, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+/**
+ * Required for accessibility — sets the dialog's accessible name.
+ * Rendered as a heading in display font.
+ */
+export declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+}
+/**
+ * Optional supporting text below the title.
+ * Sets the dialog's accessible description.
+ */
+export declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Action button row. Renders right-aligned by default.
+ * Reverses to column on small screens for touch accessibility.
+ */
+export declare function DialogFooter({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Dialog, DialogTrigger, DialogClose, DialogContent, DialogTitle, DialogDescription, DialogFooter, } from './Dialog';
+export type { DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogFooterProps, } from './Dialog';

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,51 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+}
+/**
+ * The floating menu panel. Rendered in a portal, anchored to the trigger.
+ *
+ * @example
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <Button variant="ghost" size="icon" aria-label="Row actions">⋯</Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent align="end">
+ *     <DropdownMenuItem>Edit</DropdownMenuItem>
+ *     <DropdownMenuItem>Duplicate</DropdownMenuItem>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem destructive>Delete</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ */
+export declare function DropdownMenuContent({ className, sideOffset, align, ...props }: DropdownMenuContentProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    /** Renders in signal-red — use for delete / destructive actions. */
+    destructive?: boolean;
+    /** Optional leading icon node. */
+    icon?: React.ReactNode;
+}
+export declare function DropdownMenuItem({ destructive, icon, className, children, ...props }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
+}
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
+}
+export declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+}
+/** Section label — not interactive. */
+export declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
+}
+export declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
+}
+export declare function DropdownMenuSubTrigger({ className, children, ...props }: DropdownMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface DropdownMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {
+}
+export declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './DropdownMenu';
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, } from './DropdownMenu';

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,26 @@
+export interface FileUploadProps {
+    /** Accepted MIME types or extensions, e.g. ".pdf,image/*". Passed to <input>. */
+    accept?: string;
+    multiple?: boolean;
+    /** Max bytes per file. Violations are reported as errors, not silently dropped. */
+    maxSize?: number;
+    /** Max total files. Additional files beyond this are ignored with an error. */
+    maxFiles?: number;
+    onFilesChange?: (files: File[]) => void;
+    disabled?: boolean;
+    /** Override the primary drop zone label. */
+    label?: string;
+    /** Short helper text shown below the label inside the drop zone. */
+    hint?: string;
+    className?: string;
+    id?: string;
+}
+/**
+ * Drag-and-drop file upload zone.
+ * Validates file size and count; reports errors inline.
+ * Use `accept` to restrict file types (passed straight to `<input type="file">`).
+ *
+ * @example
+ * <FileUpload accept=".pdf" multiple maxSize={10 * 1024 * 1024} onFilesChange={setDocs} />
+ */
+export declare function FileUpload({ accept, multiple, maxSize, maxFiles, onFilesChange, disabled, label, hint, className, id, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

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

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