@bleakedev/bleake-components 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import * as React$1 from 'react';
-import React__default, { ReactElement, ComponentProps } from 'react';
+import React__default, { ReactElement, ReactNode, ComponentProps } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Label as Label$1, Menubar as Menubar$1, Popover as Popover$1, RadioGroup as RadioGroup$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1 } from 'radix-ui';
-import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { DayPicker } from 'react-day-picker';
+import { VariantProps } from 'class-variance-authority';
+import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+import { Matcher, DayPicker } from 'react-day-picker';
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Label as Label$1, Menubar as Menubar$1, Popover as Popover$1, RadioGroup as RadioGroup$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Combobox as Combobox$1 } from '@base-ui/react';
 import { Command as Command$1 } from 'cmdk';
 import { OTPInput } from 'input-otp';
@@ -16,6 +17,62 @@ type SlideUpProps = {
 };
 declare const SlideUp: ({ children, className }: SlideUpProps) => React__default.ReactElement;
 
+declare const BulkActionsGroup: {
+    ({ label, children, isFirst, }: BulkActionsGroupProps): React__default.ReactElement;
+    displayName: string;
+};
+type BulkActionsBarWithGroup = typeof BulkActionsBarInner & {
+    Group: typeof BulkActionsGroup;
+};
+
+declare const BulkActionsBarInner: ({ selectedCount, entityLabel, onClear, children, }: BulkActionsBarProps) => ReactElement;
+declare const BulkActionsBar: BulkActionsBarWithGroup;
+
+declare const AppTable: <T>({ headers, elements, renderRow, getRowId, isLoading, tableHeaderClassname, headerClassName, fixedLayout, hideHeadersWhenEmpty, empty, pagination, sort, headerLabelClassName, selection, bulkActions, }: AppTableProps<T>) => React__default.ReactElement;
+
+/**
+ * BulkUploadTable<TRow>
+ *
+ * A generic, editable data grid used in bulk upload flows (F4/F5).
+ * Each row from the server's parse response is rendered as a card
+ * with fields in a responsive grid — avoids horizontal scroll.
+ */
+declare const BulkUploadTable: <TRow extends BulkUploadRow>({ columns, rows, onRowChange, onConfirm, onCancel, isSubmitting, errors, }: BulkUploadTableProps<TRow>) => React__default.ReactElement;
+
+declare const ImagePreviewDialog: ({ src, alt, mimeType, className, previewClassName, title, onDownload, }: ImagePreviewDialogProps) => React__default.ReactElement;
+
+type InfoCardProps = {
+    children: React__default.ReactElement;
+    size?: "xs" | "sm" | "md" | "lg";
+    position?: "top" | "right" | "left" | "bottom";
+};
+declare const InfoCard: ({ children, size, position, }: InfoCardProps) => React__default.ReactElement;
+
+type BaseInfoItemProps = {
+    icon: LucideIcon;
+    label?: string;
+    className?: string;
+    copyable?: boolean;
+    isLink?: boolean;
+};
+type InfoItemWithValue = BaseInfoItemProps & {
+    value: string;
+    children?: never;
+};
+type InfoItemWithChildren = BaseInfoItemProps & {
+    children: ReactNode;
+    value?: never;
+};
+type InfoItemProps = InfoItemWithValue | InfoItemWithChildren;
+declare const InfoItem: ({ icon, label, value, children, className, copyable, isLink, }: InfoItemProps) => React.ReactElement;
+
+type SocialMediaProps = {
+    socialMedia: SocialMedia;
+};
+declare const SocialMedia: ({ socialMedia }: SocialMediaProps) => React__default.ReactElement;
+
+declare function AppToaster(): React.ReactElement;
+
 type EmptyAction = {
     label: string;
     onClick: () => void;
@@ -36,6 +93,38 @@ type ErrorFallbackProps = {
 };
 declare function ErrorFallback({ error, resetError }: ErrorFallbackProps): ReactElement;
 
+declare const AppSkeleton: () => React__default.ReactElement;
+
+declare const BreadcrumbSkeleton: () => React__default.ReactElement;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "outline" | "default" | "secondary" | "destructive" | "ghost" | "success" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariants = VariantProps<typeof buttonVariants>;
+
+type Props$5 = Pick<ButtonVariants, "size"> & {
+    className?: string;
+    fullWidth?: boolean;
+};
+declare const ButtonSkeleton: ({ size, className, fullWidth, }: Props$5) => React__default.ReactElement;
+
+declare const PageHeaderSkeleton: () => React__default.ReactElement;
+
+declare const PageSkeleton: () => React__default.ReactElement;
+
+declare const PageTitleSkeleton: () => React__default.ReactElement;
+
+type Props$4 = {
+    dateFrom?: string;
+    dateTo?: string;
+    onChangeRange: (from?: string, to?: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+declare const FilterDateRangePicker: ({ dateFrom, dateTo, onChangeRange, placeholder, disabled, className, }: Props$4) => React__default.ReactElement;
+
 type FilterSelectProps = {
     label?: string;
     options: Option[];
@@ -49,6 +138,294 @@ type FilterSelectProps = {
 };
 declare const FilterSelect: ({ label, options, value, onChange, placeholder, disabled, className, labelClassName, inputClassName, }: FilterSelectProps) => React__default.ReactElement;
 
+declare const FiltersWrapper: ({ activeFilterCount, hasActiveFilters, children, clearFilters, direction, variant, mobileTitle, mobileDescription, presets, }: FiltersWrapperProps) => React__default.ReactElement;
+
+declare const SearchFilterSelect: ({ placeholder, allLabel, searchPlaceholder, value, onChange, options, isLoading, onSearch, className, }: SearchFilterSelectProps) => React__default.ReactElement;
+
+type SearchInputProps = {
+    value: string | undefined;
+    onCommit: (value: string | undefined) => void;
+    placeholder?: string;
+    className?: string;
+};
+declare const SearchInput: ({ value, onCommit, placeholder, className, }: SearchInputProps) => React__default.ReactElement;
+
+declare const FileDropzone: <T extends FieldValues>({ label, name, form, required, helperText, acceptText, className, upload, accept, maxSize, previewSrc, getFileUrl, getPdfThumbnail, }: FormFileUploaderProps<T>) => React.ReactElement;
+
+type FormAddressProps = {
+    /**
+     * Form body rendered inside the dialog/sheet content. The consumer owns
+     * the form, fields, and submit handler. To close the wrapper after a
+     * successful submit, the consumer calls `onOpenChange(false)` (controlled)
+     * or unmounts; alternatively pass `onSuccess` and call it from the consumer's
+     * submit handler — the wrapper closes on `onSuccess`.
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Optional trigger element. When omitted, a default button is rendered.
+     * Ignored when the component is fully controlled (`open` provided) and no
+     * trigger is desired.
+     */
+    trigger?: React__default.ReactElement;
+    /**
+     * Called when the consumer signals a successful submit. The wrapper closes
+     * after invoking this. Replaces the domain `onSuccess(address)` callback;
+     * the payload is now consumer-owned.
+     */
+    onSuccess?: () => void;
+    variant?: "dialog" | "sheet";
+    /** Controlled open state — when provided, the component is fully controlled */
+    open?: boolean;
+    /** Controlled open change handler — required when `open` is provided */
+    onOpenChange?: (open: boolean) => void;
+    /** Default trigger label (used only when `trigger` is omitted) */
+    triggerLabel?: string;
+    /** Dialog max width class (dialog variant only) */
+    dialogClassName?: string;
+    /** SheetContent side (sheet variant only) */
+    sheetSide?: "left" | "right" | "top" | "bottom";
+};
+/**
+ * FormAddress — generic dialog/sheet form wrapper.
+ *
+ * Decoupled from campaign-dash during migration. The original hardcoded address
+ * fields (state, municipality, street, ext/int number, zip, neighborhood,
+ * between_streets), the `useAddressForm` hook (which depended on
+ * `useCreateAddress`, `useQueryStates`, `useQueryLocal`, `createAddressSchema`,
+ * `formatGeographicDivisionsOptions`), and the `Address`/`CreateAddress`
+ * domain types were all removed.
+ *
+ * TODO: domain-specific code removed during migration — the cascading
+ * geographic select (state → municipality) and the address schema/validation
+ * now live in the consumer. This wrapper only owns the dialog/sheet shell,
+ * open state, and the success→close behavior.
+ */
+declare const FormAddress: ({ children, trigger, onSuccess, variant, open: controlledOpen, onOpenChange: setControlledOpen, triggerLabel, dialogClassName, sheetSide, }: FormAddressProps) => React__default.ReactElement;
+
+type FormAsyncMultiSelectProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    options: Option[];
+    isLoading?: boolean;
+    hasMore?: boolean;
+    onSearch: (value: string) => void;
+    onLoadMore: () => void;
+    placeholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    disabled?: boolean;
+    optional?: boolean;
+    searchValue?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare const FormAsyncMultiSelect: <T extends FieldValues>({ label, name, form, options, isLoading, hasMore, onSearch, onLoadMore, placeholder, required, helperText, className, info, disabled, optional, searchValue, open, onOpenChange, }: FormAsyncMultiSelectProps<T>) => React__default.ReactElement;
+
+type FormAsyncSelectProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    options: Option[];
+    isLoading?: boolean;
+    hasMore?: boolean;
+    onSearch: (value: string) => void;
+    onLoadMore?: () => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    disabled?: boolean;
+    optional?: boolean;
+    searchValue?: string;
+    action?: React__default.ReactNode;
+};
+declare const FormAsyncSelect: <T extends FieldValues>({ label, name, form, options, isLoading, hasMore, onSearch, onLoadMore, placeholder, searchPlaceholder, required, helperText, className, info, disabled, optional, action, }: FormAsyncSelectProps<T>) => React__default.ReactElement;
+
+type BaseProps$2<T extends FieldValues> = {
+    label: string;
+    form: UseFormReturn<T>;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Matcher | Matcher[];
+};
+type Props$3<T extends FieldValues> = (BaseProps$2<T> & {
+    mode: "single";
+    name: FieldPath<T>;
+}) | (BaseProps$2<T> & {
+    mode: "range";
+    name: FieldPath<T>;
+});
+declare const FormDatePicker: <T extends FieldValues>({ label, form, required, helperText, className, info, optional, disabled, disabledDates, minDate, maxDate, ...props }: Props$3<T>) => React__default.ReactElement;
+
+type FormFieldProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    type?: "text" | "email" | "password" | "tel" | "number" | "currency" | "percentage";
+    placeholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    /** Solo para type="number": valor mínimo permitido (validación visual + RHF) */
+    min?: number;
+    /** Solo para type="number": valor máximo permitido (validación visual + RHF) */
+    max?: number;
+    /** Solo para type="number": permite valores decimales. Default: false */
+    allowDecimals?: boolean;
+    /** Solo para type="number": permite valores negativos. Default: false */
+    allowNegative?: boolean;
+    disabled?: boolean;
+};
+declare const FormField: <T extends FieldValues>({ label, name, form, type, placeholder, required, helperText, className, info, optional, min, max, allowDecimals, allowNegative, disabled, }: FormFieldProps<T>) => React.ReactElement;
+
+type FormMultiSelectProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    options: Option[];
+    placeholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    disabled?: boolean;
+    optional?: boolean;
+};
+declare const FormMultiSelect: <T extends FieldValues>({ label, name, form, options, placeholder, required, helperText, className, info, disabled, optional, }: FormMultiSelectProps<T>) => React__default.ReactElement;
+
+type FormSelectProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    options: Option[];
+    placeholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    disabled?: boolean;
+    optional?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    action?: React.ReactNode;
+};
+declare const FormSelect: <T extends FieldValues>({ label, name, form, options, placeholder, required, helperText, className, info, disabled, optional, searchable, searchPlaceholder, action, }: FormSelectProps<T>) => React.ReactElement;
+
+declare const FormSheet: ({ open, onOpenChange, icon: Icon, title, description, maxWidth, children, footer, }: FormSheetProps) => React__default.ReactElement;
+
+declare const FormSignaturePad: <T extends FieldValues>({ name, form, required, className, upload, getFileUrl, }: FormSignaturePadProps<T>) => React$1.JSX.Element;
+
+type FormSwitchProps<T extends FieldValues> = {
+    label?: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    activeText?: string;
+    inactiveText?: string;
+};
+declare const FormSwitch: <T extends FieldValues>({ label, name, form, helperText, className, info, optional, required, disabled, activeText, inactiveText, }: FormSwitchProps<T>) => React.ReactElement;
+
+type FormTextareaProps<T extends FieldValues> = {
+    label: string;
+    name: FieldPath<T>;
+    form: UseFormReturn<T>;
+    placeholder?: string;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    rows?: number;
+    action?: React__default.ReactElement;
+};
+declare const FormTextarea: <T extends FieldValues>({ label, name, form, placeholder, required, helperText, className, info, optional, rows, action, }: FormTextareaProps<T>) => React__default.ReactElement;
+
+type BaseProps$1<T extends FieldValues> = {
+    label: string;
+    form: UseFormReturn<T>;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    /** Step in minutes for the time options (default: 5) */
+    minuteStep?: number;
+    /** Minimum selectable time "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time "HH:mm" */
+    maxTime?: string;
+};
+type Props$2<T extends FieldValues> = (BaseProps$1<T> & {
+    mode: "single";
+    name: FieldPath<T>;
+}) | (BaseProps$1<T> & {
+    mode: "range";
+    name: FieldPath<T>;
+});
+declare const FormTimeSelector: <T extends FieldValues>({ label, form, required, helperText, className, info, optional, minuteStep, minTime, maxTime, ...props }: Props$2<T>) => React__default.ReactElement;
+
+type BaseProps<T extends FieldValues> = {
+    label: string;
+    form: UseFormReturn<T>;
+    required?: boolean;
+    helperText?: string;
+    className?: string;
+    info?: string;
+    optional?: boolean;
+    fromYear?: number;
+    toYear?: number;
+};
+type Props$1<T extends FieldValues> = (BaseProps<T> & {
+    mode: "single";
+    name: FieldPath<T>;
+}) | (BaseProps<T> & {
+    mode: "range";
+    name: FieldPath<T>;
+});
+declare const FormYearSelector: <T extends FieldValues>({ label, form, required, helperText, className, info, optional, fromYear, toYear, ...props }: Props$1<T>) => React__default.ReactElement;
+
+declare const Optional: () => React__default.ReactElement;
+
+interface SignaturePadProps {
+    /** Called with the signature as a PNG Blob whenever a stroke ends */
+    onSignature: (blob: Blob) => void;
+    /** Width in px (default: 100% of container) */
+    width?: number;
+    /** Height in px */
+    height?: number;
+    className?: string;
+    disabled?: boolean;
+    /** Hide the action buttons (Undo, Clear, Confirm). The parent controls submission. */
+    hideConfirm?: boolean;
+}
+/** Renders the SignaturePad component. */
+declare function SignaturePad({ onSignature, height, className, disabled, hideConfirm, }: SignaturePadProps): ReactElement;
+
+type LandingLayoutProps = {
+    header?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+};
+declare const LandingLayout: ({ header, footer, children, }: LandingLayoutProps) => React__default.ReactElement;
+
 declare const SectionTitle: ({ icon: Icon, title, description, action, onEdit, editLabel, }: SectionTitleProps) => React__default.ReactElement;
 
 type BreadcrumbItemConfig = {
@@ -180,7 +557,7 @@ declare const Avatar: ({ className, size, ...props }: React__default.ComponentPr
 }) => React__default.ReactElement;
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | "error" | "warning" | "info" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "destructive" | "ghost" | "success" | "warning" | "error" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare const Badge: ({ className, variant, asChild, ...props }: React__default.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
@@ -189,12 +566,6 @@ declare const Badge: ({ className, variant, asChild, ...props }: React__default.
 
 declare const Breadcrumb: ({ className, ...props }: React__default.ComponentProps<"nav">) => React__default.ReactElement;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ButtonVariants = VariantProps<typeof buttonVariants>;
-
 type Props = React__default.ComponentProps<"button"> & ButtonVariants & {
     asChild?: boolean;
 };
@@ -386,4 +757,4 @@ declare const ToggleGroup: ({ className, variant, size, spacing, orientation, ch
 
 declare const Tooltip: ({ ...props }: React__default.ComponentProps<typeof Tooltip$1.Root>) => React__default.ReactElement;
 
-export { Accordion, ActionsMenu, AlertDialog, AppBreadcrumbs, AppTabs, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Empty, ErrorFallback, FilterSelect, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, SlideUp, Spinner, Steps, Switch, Table, TablePagination, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };
+export { Accordion, ActionsMenu, AlertDialog, AppBreadcrumbs, AppSkeleton, AppTable, AppTabs, AppToaster, Avatar, Badge, Breadcrumb, BreadcrumbSkeleton, BulkActionsBar, BulkUploadTable, Button, ButtonGroup, ButtonSkeleton, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Empty, ErrorFallback, FileDropzone, FilterDateRangePicker, FilterSelect, FiltersWrapper, FormAddress, FormAsyncMultiSelect, FormAsyncSelect, FormDatePicker, FormField, FormMultiSelect, FormSelect, FormSheet, FormSignaturePad, FormSwitch, FormTextarea, FormTimeSelector, FormYearSelector, Glow, HoverCard, Image, ImagePreviewDialog, InfoCard, InfoItem, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, LandingLayout, Menubar, Modal, Optional, PageHeaderSkeleton, PageSkeleton, PageTitleSkeleton, Pagination, Popover, Progress, RadioGroup, SearchFilterSelect, SearchInput, SectionCard, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, SignaturePad, Skeleton, SlideUp, SocialMedia, Spinner, Steps, Switch, Table, TablePagination, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };