@append-fact/react-ui 0.0.1 → 0.2.0

package/lib/components/async-select.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface AsyncSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface AsyncSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    options: AsyncSelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    emptyMessage?: string;
+}
+declare function AsyncSelect({ className, options, value, onChange, placeholder, isLoading, disabled, emptyMessage, ...props }: AsyncSelectProps): import("react/jsx-runtime").JSX.Element;
+export { AsyncSelect };

package/lib/components/bmi-indicator.d.ts

@@ -0,0 +1,31 @@
+export type BmiCategory = "underweight" | "normal" | "overweight" | "obese1" | "obese2" | "obese3";
+declare const BMI_RANGES: {
+    category: BmiCategory;
+    label: string;
+    min: number;
+    max: number;
+    color: string;
+    bg: string;
+}[];
+declare function calcBmi(weightKg: number, heightCm: number): number;
+declare function getBmiCategory(bmi: number): {
+    category: BmiCategory;
+    label: string;
+    min: number;
+    max: number;
+    color: string;
+    bg: string;
+};
+export interface BmiIndicatorProps {
+    /** Weight in kilograms */
+    weightKg: number;
+    /** Height in centimeters */
+    heightCm: number;
+    /** Show weight/height inputs alongside the indicator */
+    showInputs?: boolean;
+    onWeightChange?: (value: number) => void;
+    onHeightChange?: (value: number) => void;
+    className?: string;
+}
+declare function BmiIndicator({ weightKg, heightCm, showInputs, onWeightChange, onHeightChange, className, }: BmiIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export { BmiIndicator, calcBmi, getBmiCategory, BMI_RANGES };

package/lib/components/drag-drop-list.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface DragDropItem {
+    id: string;
+    [key: string]: unknown;
+}
+export interface DragDropListProps<T extends DragDropItem> {
+    items: T[];
+    onReorder: (items: T[]) => void;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    itemClassName?: string;
+    disabled?: boolean;
+}
+declare function DragDropList<T extends DragDropItem>({ items, onReorder, renderItem, className, itemClassName, disabled, }: DragDropListProps<T>): import("react/jsx-runtime").JSX.Element;
+export { DragDropList };

package/lib/components/empty-state.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from 'lucide-react';
+import * as React from "react";
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+declare function EmptyState({ className, icon: Icon, title, description, action, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export { EmptyState };

package/lib/components/filter-panel.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface FilterField<TFilters extends Record<string, unknown>> {
+    key: keyof TFilters;
+    label: string;
+    type: "text" | "select" | "date" | "boolean";
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}
+export interface FilterPanelProps<TFilters extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    fields: FilterField<TFilters>[];
+    value: TFilters;
+    onChange: (filters: TFilters) => void;
+    onReset?: () => void;
+    className?: string;
+}
+declare function FilterPanel<TFilters extends Record<string, unknown>>({ fields, value, onChange, onReset, className, ...props }: FilterPanelProps<TFilters>): import("react/jsx-runtime").JSX.Element;
+export { FilterPanel };

package/lib/components/responsive-table.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ResponsiveTableColumn<T> {
+    key: keyof T;
+    header: string;
+    className?: string;
+    render?: (value: T[keyof T], row: T) => React.ReactNode;
+    /** If true, this column is shown as the primary field in mobile card view */
+    primary?: boolean;
+}
+export interface ResponsiveTableProps<T extends Record<string, unknown>> extends React.HTMLAttributes<HTMLDivElement> {
+    columns: ResponsiveTableColumn<T>[];
+    data: T[];
+    getRowKey: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: string;
+    isLoading?: boolean;
+}
+declare function ResponsiveTable<T extends Record<string, unknown>>({ columns, data, getRowKey, onRowClick, emptyMessage, isLoading, className, ...props }: ResponsiveTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export { ResponsiveTable };

package/lib/components/spinner.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg" | "xl";
+    variant?: "default" | "primary" | "secondary" | "muted";
+}
+declare function Spinner({ className, size, variant, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { Spinner };

package/lib/components/time-picker.d.ts

@@ -0,0 +1,10 @@
+export interface TimePickerProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    minuteStep?: number;
+}
+declare function TimePicker({ value, onChange, disabled, className, label, minuteStep, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export { TimePicker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@append-fact/react-ui",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {