@jmruthers/pace-core 0.2.4

package/dist/components.d.ts

@@ -0,0 +1,1308 @@
+export { b as UnifiedAuthContextType, U as UnifiedAuthProvider, a as UnifiedAuthProviderProps, u as useUnifiedAuth } from './UnifiedAuthProvider-w66zSCUf.js';
+export { A as Alert, r as AlertDescription, q as AlertTitle, s as Avatar, u as AvatarFallback, t as AvatarImage, B as Button, g as ButtonProps, C as Card, m as CardActions, b6 as CardActionsProps, l as CardContent, k as CardDescription, i as CardFooter, h as CardHeader, n as CardProps, j as CardTitle, v as Checkbox, aX as DefaultPublicErrorFallback, D as Dialog, H as DialogBody, z as DialogClose, E as DialogContent, b9 as DialogContentProps, M as DialogDescription, be as DialogDescriptionProps, J as DialogFooter, bc as DialogFooterProps, G as DialogHeader, bb as DialogHeaderProps, x as DialogOverlay, ba as DialogOverlayProps, w as DialogPortal, b7 as DialogProps, bf as DialogSize, K as DialogTitle, bd as DialogTitleProps, y as DialogTrigger, b8 as DialogTriggerProps, aq as ErrorBoundary, bi as ErrorBoundaryProps, bj as ErrorBoundaryState, aS as EventLogo, aT as EventLogoCompact, aU as EventLogoLarge, b2 as EventLogoProps, as as EventSelector, av as FileUpload, aw as FileUploadProps, af as Footer, ag as FooterProps, ab as Form, bg as FormProps, ae as Header, I as Input, o as InputProps, L as Label, p as LabelProps, ar as LoadingSpinner, ac as LoginForm, ad as LoginFormProps, aj as NavigationItem, ah as NavigationMenu, ai as NavigationMenuProps, at as OrganisationSelector, bh as OrganisationSelectorProps, am as PaceAppLayout, an as PaceAppLayoutProps, ao as PaceLoginPage, ap as PaceLoginPageProps, au as PasswordResetForm, P as Progress, aV as PublicErrorBoundary, b3 as PublicErrorBoundaryProps, b4 as PublicErrorBoundaryState, a_ as PublicLoadingSkeleton, aY as PublicLoadingSpinner, aZ as PublicLoadingSpinnerFullPage, b5 as PublicLoadingSpinnerProps, aR as PublicPageContextChecker, aP as PublicPageDebugger, aQ as PublicPageDiagnostic, aO as PublicPageFooter, b1 as PublicPageFooterProps, aK as PublicPageHeader, b0 as PublicPageHeaderProps, aI as PublicPageLayout, a$ as PublicPageLayoutProps, aL as PublicPageProvider, N as Select, T as SelectContent, O as SelectGroup, V as SelectItem, U as SelectLabel, W as SelectSeparator, R as SelectTrigger, Q as SelectValue, az as Table, aB as TableBody, aC as TableCaption, aD as TableCell, aE as TableFooter, aF as TableHead, aA as TableHeader, aG as TableRow, X as Toast, Z as ToastAction, a4 as ToastActionElement, a2 as ToastClose, a1 as ToastDescription, a5 as ToastProps, _ as ToastProvider, a0 as ToastTitle, $ as ToastViewport, Y as Toaster, a6 as Tooltip, a8 as TooltipContent, a9 as TooltipProvider, aa as TooltipRoot, a7 as TooltipTrigger, bk as UseStorageOptions, bl as UseStorageReturn, ak as UserMenu, aW as useErrorBoundary, ay as useFileUpload, aN as useIsPublicPage, aJ as usePublicPageContext, aM as usePublicPageProviderContext, ax as useStorage, a3 as useToast } from './PublicLoadingSpinner-DztrzuJr.js';
+export { D as DataTable, a as DataTableProps } from './DataTable-BHlzyKZP.js';
+export { A as AggregateConfig, D as DataRecord, e as DataTableAction, a as DataTableColumn, f as DataTableToolbarButton, E as EmptyStateConfig, G as GetRowId } from './types-CInEi-ng.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ReactNode, ComponentType } from 'react';
+import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+import '@supabase/supabase-js';
+import './unified-CM7T0aTK.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-progress';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-toast';
+import '@radix-ui/react-tooltip';
+import 'zod';
+import './organisation-CO3Sh3_D.js';
+import '@tanstack/react-table';
+
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
+    /**
+     * Field name
+     */
+    name: TName;
+    /**
+     * Field label
+     */
+    label?: string;
+    /**
+     * Field type
+     */
+    type?: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Additional props for the input
+     */
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Validation rules
+     */
+    validation?: {
+        required?: boolean;
+        pattern?: {
+            value: RegExp;
+            message: string;
+        };
+        minLength?: {
+            value: number;
+            message: string;
+        };
+        maxLength?: {
+            value: number;
+            message: string;
+        };
+    };
+    /**
+     * Custom render function
+     */
+    render?: ({ field }: {
+        field: any;
+    }) => React__default.ReactElement;
+    /**
+     * Test ID
+     */
+    'data-testid'?: string;
+    /**
+     * Class name
+     */
+    className?: string;
+}
+/**
+ * FormField component for React Hook Form integration
+ *
+ * @template TFieldValues - The type of form field values
+ * @template TName - The type of the field name (must be a valid field path)
+ * @param props - Form field configuration and validation
+ * @returns JSX.Element - The rendered form field with validation
+ *
+ * @example
+ * ```tsx
+ * <FormField
+ *   name="email"
+ *   label="Email"
+ *   type="email"
+ *   validation={{
+ *     required: true,
+ *     pattern: {
+ *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+ *       message: "Please enter a valid email address"
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, type, placeholder, inputProps, validation, render, 'data-testid': testId, className, }: FormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file FormErrorSummary Component
+ * @package @jmruthers/pace-core
+ * @module Components/Form
+ * @since 0.1.0
+ *
+ * A form error summary component that displays validation errors in a user-friendly format.
+ * Provides a centralized location for users to see all form errors at once.
+ *
+ * Features:
+ * - Displays all form errors in one place
+ * - Configurable error display format
+ * - Optional field name display
+ * - Accessible error presentation
+ * - Consistent styling with Alert component
+ * - Automatic error filtering
+ * - Responsive design
+ *
+ * @example
+ * ```tsx
+ * // Basic error summary
+ * <FormErrorSummary errors={formErrors} />
+ *
+ * // With custom title
+ * <FormErrorSummary
+ *   errors={formErrors}
+ *   title="Please correct the following issues:"
+ * />
+ *
+ * // Show field names with errors
+ * <FormErrorSummary
+ *   errors={formErrors}
+ *   showFieldNames={true}
+ * />
+ *
+ * // In a form with React Hook Form
+ * const { formState: { errors } } = useForm();
+ *
+ * <Form onSubmit={handleSubmit}>
+ *   <FormField name="email" label="Email" />
+ *   <FormField name="password" label="Password" />
+ *   <FormErrorSummary errors={errors} />
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ * ```
+ *
+ * @accessibility
+ * - Uses Alert component for consistent accessibility
+ * - Proper heading hierarchy with h3
+ * - List structure for error items
+ * - Screen reader friendly error announcements
+ * - High contrast support via Alert component
+ *
+ * @dependencies
+ * - Alert component for consistent styling
+ * - React 18+ - Component framework
+ * - Tailwind CSS - Styling
+ */
+interface FormErrorSummaryProps {
+    /** Form validation errors object */
+    errors?: Record<string, any>;
+    /** Title displayed above the error list */
+    title?: string;
+    /** Whether to show field names alongside error messages */
+    showFieldNames?: boolean;
+}
+/**
+ * FormErrorSummary component for displaying form validation errors
+ *
+ * This component provides a user-friendly way to display all form errors
+ * in one centralized location, improving the user experience by making
+ * it clear what needs to be fixed.
+ *
+ * @param props - Component configuration
+ * @param props.errors - Form validation errors object
+ * @param props.title - Title displayed above the error list
+ * @param props.showFieldNames - Whether to show field names with errors
+ * @returns JSX.Element - The rendered error summary or null if no errors
+ */
+declare function FormErrorSummary({ errors, title, showFieldNames }: FormErrorSummaryProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * @file FormLiveRegion Component
+ * @package @jmruthers/pace-core
+ * @module Components/Form
+ * @since 0.1.0
+ *
+ * An accessible live region component for form validation announcements.
+ * Provides real-time feedback to screen readers about form validation states
+ * and error messages, improving accessibility for users with assistive technologies.
+ *
+ * Features:
+ * - Real-time form validation announcements
+ * - Configurable politeness levels (polite/assertive)
+ * - Customizable delay timing
+ * - Field-level and form-level announcements
+ * - Success message customization
+ * - Automatic error counting and field identification
+ * - Accessibility compliant with ARIA live regions
+ * - Integration with React Hook Form
+ *
+ * @example
+ * ```tsx
+ * // Basic live region
+ * const { control, formState } = useForm();
+ *
+ * <Form onSubmit={handleSubmit}>
+ *   <FormField name="email" label="Email" />
+ *   <FormField name="password" label="Password" />
+ *   <FormLiveRegion form={{ control, formState }} />
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ *
+ * // With custom configuration
+ * <FormLiveRegion
+ *   form={{ control, formState }}
+ *   politeness="assertive"
+ *   delay={1000}
+ *   successMessage="Your form was submitted successfully!"
+ *   enableFieldAnnouncements={true}
+ * />
+ *
+ * // In a complex form
+ * function ComplexForm() {
+ *   const methods = useForm({
+ *     defaultValues: { name: '', email: '', message: '' }
+ *   });
+ *
+ *   return (
+ *     <FormProvider {...methods}>
+ *       <form onSubmit={methods.handleSubmit(onSubmit)}>
+ *         <FormField name="name" label="Name" />
+ *         <FormField name="email" label="Email" />
+ *         <FormField name="message" label="Message" />
+ *         <FormLiveRegion
+ *           form={methods}
+ *           politeness="polite"
+ *           delay={300}
+ *         />
+ *         <Button type="submit">Send Message</Button>
+ *       </form>
+ *     </FormProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @accessibility
+ * - ARIA live region for screen reader announcements
+ * - Configurable politeness levels for different message types
+ * - Automatic error counting and field identification
+ * - Non-intrusive validation feedback
+ * - WCAG 2.1 AA compliant
+ * - Screen reader friendly error announcements
+ *
+ * @dependencies
+ * - react-hook-form - Form state management
+ * - React 18+ - Hooks and effects
+ * - Tailwind CSS - Styling
+ */
+
+/**
+ * Props for the FormLiveRegion component
+ */
+interface FormLiveRegionProps<T extends FieldValues> {
+    /** React Hook Form instance */
+    form: UseFormReturn<T>;
+    /** ARIA live region politeness level */
+    politeness?: 'polite' | 'assertive';
+    /** Delay before announcing messages (in ms) */
+    delay?: number;
+    /** Custom success message */
+    successMessage?: string;
+    /** Custom class name */
+    className?: string;
+    /** Enable field-level validation announcements */
+    enableFieldAnnouncements?: boolean;
+}
+/**
+ * FormLiveRegion component for accessible form validation announcements
+ */
+declare function FormLiveRegion<T extends FieldValues>({ form, politeness, delay, successMessage, className, enableFieldAnnouncements }: FormLiveRegionProps<T>): React__default.ReactElement;
+
+/**
+ * @file FormFieldset Component
+ * @package @jmruthers/pace-core
+ * @module Components/Form
+ * @since 0.1.0
+ *
+ * A form fieldset component that groups related form fields together with a legend
+ * and optional description. Provides semantic structure and accessibility for form sections.
+ *
+ * Features:
+ * - Semantic fieldset grouping for related form fields
+ * - Accessible legend with required indicator
+ * - Optional description text with proper ARIA association
+ * - Consistent styling with design system
+ * - Forwarded ref support
+ * - Customizable styling via className
+ * - Required field indication
+ * - Responsive design
+ *
+ * @example
+ * ```tsx
+ * // Basic fieldset
+ * <FormFieldset legend="Personal Information">
+ *   <FormField name="firstName" label="First Name" />
+ *   <FormField name="lastName" label="Last Name" />
+ *   <FormField name="email" label="Email" />
+ * </FormFieldset>
+ *
+ * // Fieldset with description
+ * <FormFieldset
+ *   legend="Contact Details"
+ *   description="We'll use this information to contact you about your order"
+ * >
+ *   <FormField name="phone" label="Phone Number" />
+ *   <FormField name="address" label="Address" />
+ * </FormFieldset>
+ *
+ * // Required fieldset
+ * <FormFieldset
+ *   legend="Account Settings"
+ *   required={true}
+ *   description="These settings are required for account creation"
+ * >
+ *   <FormField name="username" label="Username" required />
+ *   <FormField name="password" label="Password" type="password" required />
+ * </FormFieldset>
+ *
+ * // With custom styling
+ * <FormFieldset
+ *   legend="Preferences"
+ *   className="bg-sec-50 border-sec-200"
+ * >
+ *   <FormField name="newsletter" label="Subscribe to newsletter" type="checkbox" />
+ *   <FormField name="notifications" label="Enable notifications" type="checkbox" />
+ * </FormFieldset>
+ * ```
+ *
+ * @accessibility
+ * - Proper semantic HTML with fieldset and legend
+ * - ARIA describedby association for descriptions
+ * - Required field indication with asterisk
+ * - Screen reader friendly structure
+ * - Keyboard navigation support
+ * - WCAG 2.1 AA compliant
+ *
+ * @dependencies
+ * - React 18+ - Component framework and hooks
+ * - Tailwind CSS - Styling
+ * - cn utility - Class name merging
+ */
+
+interface FormFieldsetProps extends React__default.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    /** The legend text for the fieldset */
+    legend: string;
+    /** Optional description text below the legend */
+    description?: string;
+    /** Whether the fieldset contains required fields */
+    required?: boolean;
+    /** Form fields to group within the fieldset */
+    children: React__default.ReactNode;
+}
+/**
+ * FormFieldset component for grouping related form fields
+ *
+ * This component provides semantic grouping for form fields with proper
+ * accessibility support and consistent styling. Use it to organize
+ * related form inputs into logical sections.
+ *
+ * @param props - Component configuration
+ * @param props.legend - The legend text for the fieldset
+ * @param props.description - Optional description text
+ * @param props.required - Whether the fieldset contains required fields
+ * @param props.children - Form fields to group
+ * @param ref - Forwarded ref to the fieldset element
+ * @returns JSX.Element - The rendered fieldset with legend and fields
+ */
+declare const FormFieldset: React__default.ForwardRefExoticComponent<FormFieldsetProps & React__default.RefAttributes<HTMLFieldSetElement>>;
+
+interface SuperAdminGuardProps {
+    children: React__default.ReactNode;
+    fallback?: React__default.ReactNode;
+    showDebugInfo?: boolean;
+}
+/**
+ * Super Admin Guard Component
+ *
+ * Renders children only if the current user is a super admin.
+ * Provides a fallback for non-super admin users.
+ *
+ * @param children - Content to render for super admins
+ * @param fallback - Content to render for non-super admins (optional)
+ * @param showDebugInfo - Whether to show debug information (optional)
+ */
+declare function SuperAdminGuard({ children, fallback, showDebugInfo }: SuperAdminGuardProps): react_jsx_runtime.JSX.Element;
+/**
+ * Super Admin Badge Component
+ *
+ * Shows a visual indicator when the current user is a super admin.
+ */
+declare function SuperAdminBadge(): react_jsx_runtime.JSX.Element | null;
+/**
+ * Super Admin Debug Panel
+ *
+ * Shows debug information about the current user's permissions.
+ * Only visible to super admins and in development mode.
+ */
+declare function SuperAdminDebugPanel(): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * @file PrintLayout Types
+ * @package @jmruthers/pace-core
+ * @module PrintLayout
+ * @since 0.4.38
+ *
+ * Type definitions for PrintLayout component and related utilities.
+ */
+
+type PageSize = 'A4' | 'A3' | 'A5';
+type Orientation = 'portrait' | 'landscape';
+interface PrintLayoutProps {
+    children: ReactNode;
+    orientation?: Orientation;
+    pageSize?: PageSize;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    firstPageHeader?: ReactNode;
+    subsequentPageHeader?: ReactNode;
+    className?: string;
+}
+interface PrintLayoutContextType {
+    isFirstPage: boolean;
+    pageSize: PageSize;
+    orientation: Orientation;
+    hasFirstPageHeader: boolean;
+    hasSubsequentPageHeader: boolean;
+}
+
+/**
+ * PrintLayout component provides a print-optimized base layout with support for
+ * different page sizes, orientations, and header management.
+ */
+declare function PrintLayout({ children, orientation, pageSize, showHeader, showFooter, firstPageHeader, subsequentPageHeader, className, ...props }: PrintLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface PrintLayoutProviderProps {
+    children: React__default.ReactNode;
+    pageSize: PageSize;
+    orientation: Orientation;
+    hasFirstPageHeader: boolean;
+    hasSubsequentPageHeader: boolean;
+}
+declare function PrintLayoutProvider({ children, pageSize, orientation, hasFirstPageHeader, hasSubsequentPageHeader, }: PrintLayoutProviderProps): react_jsx_runtime.JSX.Element;
+declare function usePrintLayout(): PrintLayoutContextType;
+
+/**
+ * @file PrintHeader Types
+ * @package @jmruthers/pace-core
+ * @module PrintHeader
+ * @since 0.4.38
+ *
+ * Type definitions for PrintHeader and PrintCoverHeader components.
+ */
+
+interface PrintBranding {
+    logo?: string;
+    companyName?: string;
+    projectName?: string;
+    version?: string;
+    tagline?: string;
+}
+interface PrintMetadata {
+    label: string;
+    value: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface PrintHeaderProps {
+    title: string;
+    subtitle?: string;
+    branding?: PrintBranding;
+    metadata?: PrintMetadata[];
+    printDate?: boolean;
+    className?: string;
+}
+interface PrintCoverHeaderProps extends PrintHeaderProps {
+    coverStyle?: boolean;
+    logoSize?: 'small' | 'medium' | 'large';
+    titleSize?: 'small' | 'medium' | 'large' | 'xl';
+    showDivider?: boolean;
+    backgroundImage?: string;
+    backgroundColor?: string;
+}
+
+/**
+ * PrintHeader component provides flexible branding and metadata display for print layouts.
+ */
+declare function PrintHeader({ title, subtitle, branding, metadata, printDate, className, }: PrintHeaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * PrintCoverHeader component provides a cover-style header design for first pages.
+ */
+declare function PrintCoverHeader({ title, subtitle, branding, metadata, printDate, coverStyle, logoSize, titleSize, showDivider, backgroundImage, backgroundColor, className, }: PrintCoverHeaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintText Types
+ * @package @jmruthers/pace-core
+ * @module PrintText
+ * @since 0.4.38
+ *
+ * Type definitions for PrintText component.
+ */
+
+type PrintTextVariant = 'heading' | 'subheading' | 'body' | 'caption' | 'small';
+type PrintTextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+type PrintTextColor = 'primary' | 'secondary' | 'muted' | 'accent';
+interface PrintTextProps {
+    children: ReactNode;
+    variant?: PrintTextVariant;
+    weight?: PrintTextWeight;
+    color?: PrintTextColor;
+    printOptimized?: boolean;
+    className?: string;
+    as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+
+/**
+ * PrintText component provides print-optimized typography with consistent styling.
+ */
+declare function PrintText({ children, variant, weight, color, printOptimized, className, as: Component, ...props }: PrintTextProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintDataTable Types
+ * @package @jmruthers/pace-core
+ * @module PrintDataTable
+ * @since 0.4.38
+ *
+ * Type definitions for PrintDataTable component and related utilities.
+ */
+
+type PrintColumnAlign = 'left' | 'center' | 'right';
+type PrintBreakType = 'avoid' | 'auto' | 'always';
+type PrintHeaderStyle = 'solid' | 'outline';
+type PrintRowStyle = 'striped' | 'solid' | 'bordered';
+type PrintCellPadding = 'compact' | 'normal' | 'spacious';
+interface PrintColumn$1 {
+    key: string;
+    header: string;
+    width?: string | number;
+    align?: PrintColumnAlign;
+    render?: (value: any, row: any) => ReactNode;
+    groupable?: boolean;
+    sortable?: boolean;
+    printBreak?: PrintBreakType;
+}
+interface PrintGrouping {
+    enabled: boolean;
+    groupBy: string;
+    groupHeader?: (group: string) => ReactNode;
+}
+interface PrintTableStyling {
+    headerStyle?: PrintHeaderStyle;
+    rowStyle?: PrintRowStyle;
+    cellPadding?: PrintCellPadding;
+}
+interface PrintDataTableProps {
+    data: any[];
+    columns: PrintColumn$1[];
+    title?: string;
+    showTitle?: boolean;
+    grouping?: PrintGrouping;
+    styling?: PrintTableStyling;
+    printOptimized?: boolean;
+    className?: string;
+}
+interface PrintTableGroupProps {
+    groupKey: string;
+    groupData: any[];
+    columns: PrintColumn$1[];
+    groupHeader?: (group: string) => ReactNode;
+    styling?: PrintTableStyling;
+    printOptimized?: boolean;
+}
+interface PrintTableRowProps {
+    row: any;
+    columns: PrintColumn$1[];
+    styling?: PrintTableStyling;
+    printOptimized?: boolean;
+    isEven?: boolean;
+}
+
+/**
+ * PrintDataTable component provides print-optimized table rendering with grouping support.
+ */
+declare function PrintDataTable({ data, columns, title, showTitle, grouping, styling, printOptimized, className, ...props }: PrintDataTableProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * PrintTableGroup component renders a group of table rows with optional group header.
+ */
+declare function PrintTableGroup({ groupKey, groupData, columns, groupHeader, styling, printOptimized, }: PrintTableGroupProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * PrintTableRow component renders a single table row with styling and print optimization.
+ */
+declare function PrintTableRow({ row, columns, styling, printOptimized, isEven, }: PrintTableRowProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintCard Types
+ * @package @jmruthers/pace-core
+ * @module PrintCard
+ * @since 0.4.38
+ *
+ * Type definitions for PrintCard component.
+ */
+
+interface PrintCardProps {
+    /** Card content */
+    children: ReactNode;
+    /** Card title */
+    title?: string;
+    /** Card subtitle */
+    subtitle?: string;
+    /** Card variant */
+    variant?: 'default' | 'outlined' | 'filled' | 'elevated';
+    /** Card size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Card layout */
+    layout?: 'vertical' | 'horizontal' | 'compact';
+    /** Show card border */
+    showBorder?: boolean;
+    /** Card background color */
+    backgroundColor?: 'white' | 'gray' | 'primary' | 'secondary' | 'accent';
+    /** Card text color */
+    textColor?: 'primary' | 'secondary' | 'muted' | 'accent' | 'destructive';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintCardHeaderProps {
+    /** Header content */
+    children: ReactNode;
+    /** Header title */
+    title?: string;
+    /** Header subtitle */
+    subtitle?: string;
+    /** Header actions */
+    actions?: ReactNode;
+    /** Header alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintCardContentProps {
+    /** Content */
+    children: ReactNode;
+    /** Content padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintCardFooterProps {
+    /** Footer content */
+    children: ReactNode;
+    /** Footer alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintCardImageProps {
+    /** Image source */
+    src: string;
+    /** Image alt text */
+    alt: string;
+    /** Image width */
+    width?: string | number;
+    /** Image height */
+    height?: string | number;
+    /** Image aspect ratio */
+    aspectRatio?: 'square' | 'portrait' | 'landscape' | 'auto';
+    /** Image object fit */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintCardGridProps {
+    /** Grid items */
+    children: ReactNode;
+    /** Number of columns */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Column gap */
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Row gap */
+    rowGap?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintCardVariant = 'default' | 'outlined' | 'filled' | 'elevated';
+type PrintCardSize = 'sm' | 'md' | 'lg' | 'xl';
+type PrintCardLayout = 'vertical' | 'horizontal' | 'compact';
+type PrintCardBackgroundColor = 'white' | 'gray' | 'primary' | 'secondary' | 'accent';
+type PrintCardTextColor = 'primary' | 'secondary' | 'muted' | 'accent' | 'destructive';
+type PrintCardAlignment = 'left' | 'center' | 'right';
+type PrintCardPadding = 'none' | 'sm' | 'md' | 'lg';
+type PrintCardAspectRatio = 'square' | 'portrait' | 'landscape' | 'auto';
+type PrintCardObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+type PrintCardGap = 'sm' | 'md' | 'lg' | 'xl';
+
+declare function PrintCard({ children, title, subtitle, variant, size, layout, showBorder, backgroundColor, textColor, printOptimized, className, ...props }: PrintCardProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintCardHeader({ children, title, subtitle, actions, align, printOptimized, className, ...props }: PrintCardHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintCardContent({ children, padding, printOptimized, className, ...props }: PrintCardContentProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintCardFooter({ children, align, printOptimized, className, ...props }: PrintCardFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintCardImage({ src, alt, width, height, aspectRatio, objectFit, printOptimized, className, ...props }: PrintCardImageProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintCardGrid({ children, columns, gap, rowGap, printOptimized, className, ...props }: PrintCardGridProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintSection Types
+ * @package @jmruthers/pace-core
+ * @module PrintSection
+ * @since 0.4.38
+ *
+ * Type definitions for PrintSection component.
+ */
+
+interface PrintSectionProps {
+    /** Section content */
+    children: ReactNode;
+    /** Section title */
+    title?: string;
+    /** Section subtitle */
+    subtitle?: string;
+    /** Section layout */
+    layout?: 'single' | 'two-column' | 'three-column' | 'four-column';
+    /** Column gap */
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Section spacing */
+    spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Show section border */
+    showBorder?: boolean;
+    /** Section background */
+    background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintSectionHeaderProps {
+    /** Header content */
+    children: ReactNode;
+    /** Header title */
+    title?: string;
+    /** Header subtitle */
+    subtitle?: string;
+    /** Header level */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Header alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Show divider line */
+    showDivider?: boolean;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintSectionContentProps {
+    /** Content */
+    children: ReactNode;
+    /** Content padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Content background */
+    background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintColumnProps {
+    /** Column content */
+    children: ReactNode;
+    /** Column width */
+    width?: 'auto' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | 'full';
+    /** Column alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Column vertical alignment */
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    /** Column padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintDividerProps {
+    /** Divider style */
+    style?: 'solid' | 'dashed' | 'dotted' | 'thick';
+    /** Divider color */
+    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'accent';
+    /** Divider thickness */
+    thickness?: 'thin' | 'medium' | 'thick';
+    /** Divider spacing */
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintSectionLayout = 'single' | 'two-column' | 'three-column' | 'four-column';
+type PrintSectionGap = 'sm' | 'md' | 'lg' | 'xl';
+type PrintSectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintSectionBackground = 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+type PrintSectionAlignment = 'left' | 'center' | 'right';
+type PrintSectionPadding = 'none' | 'sm' | 'md' | 'lg';
+type PrintColumnWidth = 'auto' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | 'full';
+type PrintVerticalAlignment = 'top' | 'middle' | 'bottom';
+type PrintDividerStyle = 'solid' | 'dashed' | 'dotted' | 'thick';
+type PrintDividerColor = 'default' | 'muted' | 'primary' | 'secondary' | 'accent';
+type PrintDividerThickness = 'thin' | 'medium' | 'thick';
+
+declare function PrintSection({ children, title, subtitle, layout, gap, spacing, showBorder, background, printOptimized, className, ...props }: PrintSectionProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintSectionHeader({ children, title, subtitle, level, align, showDivider, printOptimized, className, ...props }: PrintSectionHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintSectionContent({ children, padding, background, printOptimized, className, ...props }: PrintSectionContentProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintColumn({ children, width, align, verticalAlign, padding, printOptimized, className, ...props }: PrintColumnProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintDivider({ style, color, thickness, spacing, printOptimized, className, ...props }: PrintDividerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintButton Types
+ * @package @jmruthers/pace-core
+ * @module PrintButton
+ * @since 0.4.38
+ *
+ * Type definitions for PrintButton component.
+ */
+
+interface PrintButtonProps {
+    /** Button content */
+    children: ReactNode;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+    /** Button size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Button shape */
+    shape?: 'default' | 'rounded' | 'pill' | 'square';
+    /** Button state */
+    state?: 'default' | 'loading' | 'disabled';
+    /** Print functionality */
+    printFunction?: 'print' | 'printSelection' | 'printPage' | 'printElement';
+    /** Print selector (for printSelection and printElement) */
+    printSelector?: string;
+    /** Print options */
+    printOptions?: PrintOptions;
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Print callback */
+    onPrint?: (success: boolean, error?: Error) => void;
+    /** Print start callback */
+    onPrintStart?: () => void;
+    /** Print end callback */
+    onPrintEnd?: () => void;
+    /** Show print icon */
+    showIcon?: boolean;
+    /** Custom icon */
+    icon?: ReactNode;
+    /** Icon position */
+    iconPosition?: 'left' | 'right';
+    /** Full width */
+    fullWidth?: boolean;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintOptions {
+    /** Print media query */
+    mediaQuery?: string;
+    /** Print stylesheet URL */
+    stylesheetUrl?: string;
+    /** Print title */
+    title?: string;
+    /** Print margins */
+    margins?: {
+        top?: string;
+        right?: string;
+        bottom?: string;
+        left?: string;
+    };
+    /** Print orientation */
+    orientation?: 'portrait' | 'landscape';
+    /** Print scale */
+    scale?: number;
+    /** Print background graphics */
+    backgroundGraphics?: boolean;
+    /** Print color adjustment */
+    colorAdjust?: 'economy' | 'exact';
+    /** Print page ranges */
+    pageRanges?: string;
+    /** Print copies */
+    copies?: number;
+    /** Print collate */
+    collate?: boolean;
+    /** Print duplex */
+    duplex?: 'simplex' | 'duplex' | 'duplex-short-edge' | 'duplex-long-edge';
+}
+interface PrintButtonGroupProps {
+    /** Button group children */
+    children: ReactNode;
+    /** Button group orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Button group spacing */
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
+    /** Button group alignment */
+    align?: 'left' | 'center' | 'right' | 'stretch';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintToolbarProps {
+    /** Toolbar children */
+    children: ReactNode;
+    /** Toolbar position */
+    position?: 'top' | 'bottom' | 'fixed';
+    /** Toolbar alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Show toolbar on print */
+    showOnPrint?: boolean;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+type PrintButtonSize = 'sm' | 'md' | 'lg' | 'xl';
+type PrintButtonShape = 'default' | 'rounded' | 'pill' | 'square';
+type PrintButtonState = 'default' | 'loading' | 'disabled';
+type PrintFunction = 'print' | 'printSelection' | 'printPage' | 'printElement';
+type IconPosition = 'left' | 'right';
+type PrintToolbarPosition = 'top' | 'bottom' | 'fixed';
+type PrintToolbarAlign = 'left' | 'center' | 'right';
+
+declare function PrintButton({ children, variant, size, shape, state, printFunction, printSelector, printOptions, onClick, onPrint, onPrintStart, onPrintEnd, showIcon, icon, iconPosition, fullWidth, printOptimized, className, ...props }: PrintButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintButtonGroup({ children, orientation, spacing, align, printOptimized, className, ...props }: PrintButtonGroupProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintToolbar({ children, position, align, showOnPrint, printOptimized, className, ...props }: PrintToolbarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintGrid Types
+ * @package @jmruthers/pace-core
+ * @module PrintGrid
+ * @since 0.4.38
+ *
+ * Type definitions for PrintGrid component.
+ */
+
+interface PrintGridProps {
+    /** Grid content */
+    children: ReactNode;
+    /** Grid columns */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
+    /** Grid gap */
+    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Grid row gap */
+    rowGap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Grid column gap */
+    columnGap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Grid alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Grid justify */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Print-specific columns */
+    printColumns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
+    /** Print-specific gap */
+    printGap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print-specific row gap */
+    printRowGap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print-specific column gap */
+    printColumnGap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintGridItemProps {
+    /** Grid item content */
+    children: ReactNode;
+    /** Grid item column span */
+    colSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | 'full';
+    /** Grid item row span */
+    rowSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 'full';
+    /** Grid item column start */
+    colStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+    /** Grid item row start */
+    rowStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+    /** Grid item alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Grid item justify */
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    /** Print-specific column span */
+    printColSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | 'full';
+    /** Print-specific row span */
+    printRowSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 'full';
+    /** Print-specific column start */
+    printColStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+    /** Print-specific row start */
+    printRowStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintGridContainerProps {
+    /** Container content */
+    children: ReactNode;
+    /** Container max width */
+    maxWidth?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+    /** Container padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Container margin */
+    margin?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    /** Container background */
+    background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintGridBreakpointProps {
+    /** Breakpoint content */
+    children: ReactNode;
+    /** Breakpoint size */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Breakpoint columns */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
+    /** Breakpoint gap */
+    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintGridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 12;
+type PrintGridGap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintGridAlign = 'start' | 'center' | 'end' | 'stretch';
+type PrintGridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type PrintGridItemSpan = 1 | 2 | 3 | 4 | 5 | 6 | 12 | 'full';
+type PrintGridItemStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+type PrintGridMaxWidth = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+type PrintGridPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintGridMargin = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+type PrintGridBackground = 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+type PrintGridBreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+
+declare function PrintGrid({ children, columns, gap, rowGap, columnGap, align, justify, printColumns, printGap, printRowGap, printColumnGap, printOptimized, className, ...props }: PrintGridProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintGridItem({ children, colSpan, rowSpan, colStart, rowStart, align, justify, printColSpan, printRowSpan, printColStart, printRowStart, printOptimized, className, ...props }: PrintGridItemProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintGridContainer({ children, maxWidth, padding, margin, background, printOptimized, className, ...props }: PrintGridContainerProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintGridBreakpoint({ children, size, columns, gap, printOptimized, className, ...props }: PrintGridBreakpointProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintFooter Types
+ * @package @jmruthers/pace-core
+ * @module PrintFooter
+ * @since 0.4.38
+ *
+ * Type definitions for PrintFooter component.
+ */
+
+interface PrintFooterProps {
+    /** Footer content */
+    children?: ReactNode;
+    /** Footer text */
+    text?: string;
+    /** Footer position */
+    position?: 'fixed' | 'absolute' | 'relative' | 'sticky';
+    /** Footer alignment */
+    align?: 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
+    /** Show page numbers */
+    showPageNumbers?: boolean;
+    /** Page number format */
+    pageNumberFormat?: '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
+    /** Custom page number template */
+    pageNumberTemplate?: string;
+    /** Page number position */
+    pageNumberPosition?: 'left' | 'center' | 'right';
+    /** Show total pages */
+    showTotalPages?: boolean;
+    /** Footer background */
+    background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+    /** Footer border */
+    showBorder?: boolean;
+    /** Footer padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Footer margin */
+    margin?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Footer height */
+    height?: 'auto' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintPageNumberProps {
+    /** Page number content */
+    children?: ReactNode;
+    /** Page number format */
+    format?: '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
+    /** Custom page number template */
+    template?: string;
+    /** Page number position */
+    position?: 'left' | 'center' | 'right';
+    /** Show total pages */
+    showTotal?: boolean;
+    /** Current page */
+    currentPage?: number;
+    /** Total pages */
+    totalPages?: number;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintFooterContentProps {
+    /** Footer content */
+    children: ReactNode;
+    /** Content alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Content padding */
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintFooterInfoProps {
+    /** Footer info content */
+    children: ReactNode;
+    /** Info alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Info background */
+    background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+    /** Info border */
+    showBorder?: boolean;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintFooterPosition = 'fixed' | 'absolute' | 'relative' | 'sticky';
+type PrintFooterAlign = 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
+type PrintPageNumberFormat = '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
+type PrintPageNumberPosition = 'left' | 'center' | 'right';
+type PrintFooterBackground = 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
+type PrintFooterPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintFooterMargin = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintFooterHeight = 'auto' | 'sm' | 'md' | 'lg' | 'xl';
+type PrintFooterContentAlign = 'left' | 'center' | 'right';
+type PrintFooterInfoAlign = 'left' | 'center' | 'right';
+
+declare function PrintFooter({ children, text, position, align, showPageNumbers, pageNumberFormat, pageNumberTemplate, pageNumberPosition, showTotalPages, background, showBorder, padding, margin, height, printOptimized, className, ...props }: PrintFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintPageNumber({ children, format, template, position, showTotal, currentPage, totalPages, printOptimized, className, ...props }: PrintPageNumberProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintFooterContent({ children, align, padding, printOptimized, className, ...props }: PrintFooterContentProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintFooterInfo({ children, align, background, showBorder, printOptimized, className, ...props }: PrintFooterInfoProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file PrintPageBreak Types
+ * @package @jmruthers/pace-core
+ * @module PrintPageBreak
+ * @since 0.4.38
+ *
+ * Type definitions for PrintPageBreak component.
+ */
+
+interface PrintPageBreakProps {
+    /** Page break type */
+    type?: 'before' | 'after' | 'avoid' | 'auto' | 'always' | 'left' | 'right';
+    /** Page break strength */
+    strength?: 'weak' | 'normal' | 'strong';
+    /** Show visual indicator */
+    showIndicator?: boolean;
+    /** Custom indicator content */
+    indicator?: ReactNode;
+    /** Page break label */
+    label?: string;
+    /** Page break description */
+    description?: string;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintPageBreakGroupProps {
+    /** Group content */
+    children: ReactNode;
+    /** Group page break type */
+    type?: 'before' | 'after' | 'avoid' | 'auto' | 'always' | 'left' | 'right';
+    /** Group page break strength */
+    strength?: 'weak' | 'normal' | 'strong';
+    /** Group label */
+    label?: string;
+    /** Group description */
+    description?: string;
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+interface PrintPageBreakIndicatorProps {
+    /** Indicator content */
+    children?: ReactNode;
+    /** Indicator type */
+    type?: 'line' | 'dotted' | 'dashed' | 'text' | 'icon';
+    /** Indicator color */
+    color?: 'default' | 'primary' | 'secondary' | 'muted' | 'accent';
+    /** Indicator size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Print optimization */
+    printOptimized?: boolean;
+    /** Custom CSS classes */
+    className?: string;
+    /** Additional props */
+    [key: string]: any;
+}
+type PrintPageBreakType = 'before' | 'after' | 'avoid' | 'auto' | 'always' | 'left' | 'right';
+type PrintPageBreakStrength = 'weak' | 'normal' | 'strong';
+type PrintPageBreakIndicatorType = 'line' | 'dotted' | 'dashed' | 'text' | 'icon';
+type PrintPageBreakIndicatorColor = 'default' | 'primary' | 'secondary' | 'muted' | 'accent';
+type PrintPageBreakIndicatorSize = 'sm' | 'md' | 'lg';
+
+declare function PrintPageBreak({ type, strength, showIndicator, indicator, label, description, printOptimized, className, ...props }: PrintPageBreakProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintPageBreakIndicator({ children, type, color, size, printOptimized, className, ...props }: PrintPageBreakIndicatorProps): react_jsx_runtime.JSX.Element;
+
+declare function PrintPageBreakGroup({ children, type, strength, label, description, printOptimized, className, ...props }: PrintPageBreakGroupProps): react_jsx_runtime.JSX.Element;
+
+export { FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormFieldset, type FormFieldsetProps, FormLiveRegion, type FormLiveRegionProps, type IconPosition, type Orientation, type PageSize, type PrintBranding, type PrintBreakType, PrintButton, PrintButtonGroup, type PrintButtonGroupProps, type PrintButtonProps, type PrintButtonShape, type PrintButtonSize, type PrintButtonState, type PrintButtonVariant, PrintCard, type PrintCardAlignment, type PrintCardAspectRatio, type PrintCardBackgroundColor, PrintCardContent, type PrintCardContentProps, PrintCardFooter, type PrintCardFooterProps, type PrintCardGap, PrintCardGrid, type PrintCardGridProps, PrintCardHeader, type PrintCardHeaderProps, PrintCardImage, type PrintCardImageProps, type PrintCardLayout, type PrintCardObjectFit, type PrintCardPadding, type PrintCardProps, type PrintCardSize, type PrintCardTextColor, type PrintCardVariant, type PrintCellPadding, PrintColumn, type PrintColumnAlign, type PrintColumnProps, type PrintColumnWidth, PrintCoverHeader, type PrintCoverHeaderProps, PrintDataTable, type PrintDataTableProps, PrintDivider, type PrintDividerColor, type PrintDividerProps, type PrintDividerStyle, type PrintDividerThickness, PrintFooter, type PrintFooterAlign, type PrintFooterBackground, PrintFooterContent, type PrintFooterContentAlign, type PrintFooterContentProps, type PrintFooterHeight, PrintFooterInfo, type PrintFooterInfoAlign, type PrintFooterInfoProps, type PrintFooterMargin, type PrintFooterPadding, type PrintFooterPosition, type PrintFooterProps, type PrintFunction, PrintGrid, type PrintGridAlign, type PrintGridBackground, PrintGridBreakpoint, type PrintGridBreakpointProps, type PrintGridBreakpointSize, type PrintGridColumns, PrintGridContainer, type PrintGridContainerProps, type PrintGridGap, PrintGridItem, type PrintGridItemProps, type PrintGridItemSpan, type PrintGridItemStart, type PrintGridJustify, type PrintGridMargin, type PrintGridMaxWidth, type PrintGridPadding, type PrintGridProps, type PrintGrouping, PrintHeader, type PrintHeaderProps, type PrintHeaderStyle, PrintLayout, type PrintLayoutContextType, type PrintLayoutProps, PrintLayoutProvider, type PrintMetadata, type PrintOptions, PrintPageBreak, PrintPageBreakGroup, type PrintPageBreakGroupProps, PrintPageBreakIndicator, type PrintPageBreakIndicatorColor, type PrintPageBreakIndicatorProps, type PrintPageBreakIndicatorSize, type PrintPageBreakIndicatorType, type PrintPageBreakProps, type PrintPageBreakStrength, type PrintPageBreakType, PrintPageNumber, type PrintPageNumberFormat, type PrintPageNumberPosition, type PrintPageNumberProps, type PrintRowStyle, PrintSection, type PrintSectionAlignment, type PrintSectionBackground, PrintSectionContent, type PrintSectionContentProps, type PrintSectionGap, PrintSectionHeader, type PrintSectionHeaderProps, type PrintSectionLayout, type PrintSectionPadding, type PrintSectionProps, type PrintSectionSpacing, PrintTableGroup, type PrintTableGroupProps, PrintTableRow, type PrintTableRowProps, type PrintTableStyling, PrintText, type PrintTextColor, type PrintTextProps, type PrintTextVariant, type PrintTextWeight, PrintToolbar, type PrintToolbarAlign, type PrintToolbarPosition, type PrintToolbarProps, type PrintVerticalAlignment, SuperAdminBadge, SuperAdminDebugPanel, SuperAdminGuard, type SuperAdminGuardProps, usePrintLayout };