@jmruthers/pace-core 0.5.134 → 0.5.136

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/index.ts","../src/components/Form/FormField.tsx","../src/components/Form/FormErrorSummary.tsx","../src/components/Form/FormLiveRegion.tsx","../src/components/Form/FormFieldset.tsx"],"sourcesContent":["/**\n * @file Complete Components Library Export\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n * \n * This file exports ALL components, providers, and utilities in the PACE Core library.\n * Use this import path when you need access to specialized components not included in the main export.\n * \n * @example\n * // Complete library access\n * import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';\n * \n * // For common components, prefer the main export:\n * import { Button, Card } from '@jmruthers/pace-core';\n */\n\n// ============================================================================\n// AUTHENTICATION & AUTHORIZATION\n// ============================================================================\n\n// Unified auth provider (replaces individual providers)\nexport { UnifiedAuthProvider, useUnifiedAuth } from '../providers/UnifiedAuthProvider';\nexport type { UnifiedAuthProviderProps, UnifiedAuthContextType } from '../providers/UnifiedAuthProvider';\n\n// ============================================================================\n// BASIC UI COMPONENTS\n// ============================================================================\n\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardTitle, \n  CardDescription, \n  CardContent,\n  CardActions\n} from './Card';\nexport type { CardProps, CardActionsProps } from './Card';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Alert, AlertTitle, AlertDescription } from './Alert';\nexport { Avatar, AvatarImage, AvatarFallback } from './Avatar';\n\nexport { Checkbox } from './Checkbox';\nexport { Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\nexport { Progress } from './Progress/Progress';\n\n// Table components\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n} from './Table/Table';\n\n// ============================================================================\n// ADVANCED UI COMPONENTS\n// ============================================================================\n\n// Dialog exports\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './Dialog/Dialog';\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogContentProps,\n  DialogOverlayProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogSize\n} from './Dialog/Dialog';\n\n// Dropdown Menu exports\n// DropdownMenu components have been merged into Select components\n\n// Select exports (includes all dropdown functionality)\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n} from './Select';\n\n// Toast exports\nexport {\n  Toast,\n  Toaster,\n  ToastAction,\n  ToastProvider,\n  ToastViewport,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n} from './Toast';\nexport type { ToastActionElement, ToastProps } from './Toast';\n\n// Tooltip exports\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipRoot } from './Tooltip';\n\n// ============================================================================\n// DATA DISPLAY COMPONENTS\n// ============================================================================\n\nexport {\n  DataTable,\n  type DataTableProps,\n  type DataTableColumn,\n  type DataTableAction,\n  type DataTableToolbarButton,\n  type AggregateConfig,\n  type EmptyStateConfig,\n  type GetRowId\n} from './DataTable';\n\n// Re-export types from DataTable types\nexport type { DataRecord } from './DataTable/types';\n\n// ============================================================================\n// FORM COMPONENTS\n// ============================================================================\n\nexport { \n  Form, \n  FormField, \n  FormErrorSummary, \n  FormLiveRegion, \n  FormFieldset \n} from './Form';\nexport type { \n  FormProps, \n  FormFieldProps, \n  FormErrorSummaryProps, \n  FormLiveRegionProps, \n  FormFieldsetProps \n} from './Form';\n\n// LoginForm - ensure it's exported\nexport { LoginForm } from './LoginForm';\nexport type { LoginFormProps } from './LoginForm';\n\n// ============================================================================\n// LAYOUT COMPONENTS\n// ============================================================================\n\nexport { Header } from './Header';\nexport { Footer } from './Footer';\nexport type { FooterProps } from './Footer';\n\n// Public Layout Components\nexport * from './PublicLayout';\n\n// ============================================================================\n// SECURITY COMPONENTS\n// ============================================================================\n\nexport { ProtectedRoute } from './ProtectedRoute';\nexport type { ProtectedRouteProps } from './ProtectedRoute';\n\n// ============================================================================\n// NAVIGATION COMPONENTS\n// ============================================================================\n\nexport {\n  NavigationMenu,\n} from './NavigationMenu';\nexport type { NavigationMenuProps, NavigationItem } from './NavigationMenu';\n\nexport { OrganisationSelector } from './OrganisationSelector';\nexport type { OrganisationSelectorProps } from './OrganisationSelector';\n\nexport { UserMenu } from './UserMenu';\n\n// Reusable Page/Layout Components\nexport * from './PaceAppLayout';\nexport * from './PaceLoginPage';\n\n// ============================================================================\n// UTILITY COMPONENTS\n// ============================================================================\n\nexport { ErrorBoundary } from './ErrorBoundary';\nexport type { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary';\nexport { LoadingSpinner } from './LoadingSpinner';\nexport { SessionRestorationLoader } from './SessionRestorationLoader';\n\n// ============================================================================\n// EVENT MANAGEMENT\n// ============================================================================\n\nexport { EventSelector } from './EventSelector';\n\n// ============================================================================\n// AUTHENTICATION FORMS\n// ============================================================================\n\n// Password Component exports\nexport { PasswordResetForm } from './PasswordReset';\n\n// ============================================================================\n// STORAGE COMPONENTS\n// ============================================================================\n\nexport { FileUpload } from './FileUpload';\nexport type { FileUploadProps } from './FileUpload';\n\nexport { FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\n\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport { FileCategory } from '../types/file-reference';\nexport type { FileReference, FileMetadata, FileUploadOptions } from '../types/file-reference';\n\n// ============================================================================\n// HOOKS\n// ============================================================================\n\n\nexport { \n  useFileReference, \n  useFileReferenceForRecord,\n  useFileReferenceById,\n  useFilesByCategory\n} from '../hooks/useFileReference';\nexport type { \n  UseFileReferenceOptions, \n  UseFileReferenceReturn, \n  UseFileReferenceForRecordReturn \n} from '../hooks/useFileReference';\n\nexport { useToast } from '../hooks/useToast';\n\n// RBAC Components - Use the new RBAC system\n// For RBAC functionality, import from @jmruthers/pace-core/rbac\n// export { PermissionGuard, AccessLevelGuard } from '@jmruthers/pace-core/rbac';\n","/**\n * @file FormField Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A flexible form field component that integrates with React Hook Form and provides\n * built-in validation, error handling, and accessibility features.\n *\n * Features:\n * - React Hook Form integration with Controller\n * - Built-in validation with error display\n * - Accessible labels and error messages\n * - Custom render function support\n * - TypeScript support with generic field paths\n * - Consistent styling with error states\n * - Test ID support for testing\n * - Flexible input types and props\n *\n * @example\n * ```tsx\n * // Basic text field\n * <FormField\n *   name=\"username\"\n *   label=\"Username\"\n *   placeholder=\"Enter your username\"\n *   validation={{ required: true }}\n * />\n * \n * // Email field with custom validation\n * <FormField\n *   name=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Invalid email address\"\n *     }\n *   }}\n * />\n * \n * // Custom render function\n * <FormField\n *   name=\"avatar\"\n *   label=\"Profile Picture\"\n *   render={({ field }) => (\n *     <input\n *       {...field}\n *       type=\"file\"\n *       accept=\"image/*\"\n *       className=\"file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-sec-50 file:text-sec-700 hover:file:bg-sec-100\"\n *     />\n *   )}\n * />\n * \n * // With test ID for testing\n * <FormField\n *   name=\"password\"\n *   label=\"Password\"\n *   type=\"password\"\n *   data-testid=\"password-field\"\n *   validation={{\n *     required: true,\n *     minLength: {\n *       value: 8,\n *       message: \"Password must be at least 8 characters\"\n *     }\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Error messages with role=\"alert\"\n * - Required field indicators\n * - Focus management\n * - Screen reader friendly error announcements\n * - Keyboard navigation support\n *\n * @dependencies\n * - react-hook-form - Form integration\n * - React 18+ - Hooks and context\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\nimport { useFormContext, Controller, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\n\nexport interface FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> {\n  /**\n   * Field name\n   */\n  name: TName;\n  \n  /**\n   * Field label\n   */\n  label?: string;\n  \n  /**\n   * Field type\n   */\n  type?: string;\n  \n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n  \n  /**\n   * Additional props for the input\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  \n  /**\n   * Validation rules\n   */\n  validation?: {\n    required?: boolean;\n    pattern?: {\n      value: RegExp;\n      message: string;\n    };\n    minLength?: {\n      value: number;\n      message: string;\n    };\n    maxLength?: {\n      value: number;\n      message: string;\n    };\n  };\n  \n  /**\n   * Custom render function\n   */\n  render?: ({ field }: { field: any }) => React.ReactElement;\n  \n  /**\n   * Test ID\n   */\n  'data-testid'?: string;\n  \n  /**\n   * Class name\n   */\n  className?: string;\n}\n\n/**\n * FormField component for React Hook Form integration\n * \n * @template TFieldValues - The type of form field values\n * @template TName - The type of the field name (must be a valid field path)\n * @param props - Form field configuration and validation\n * @returns JSX.Element - The rendered form field with validation\n * \n * @example\n * ```tsx\n * <FormField\n *   name=\"email\"\n *   label=\"Email\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Please enter a valid email address\"\n *     }\n *   }}\n * />\n * ```\n */\nexport function FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  type = \"text\",\n  placeholder,\n  inputProps,\n  validation,\n  render,\n  'data-testid': testId,\n  className,\n}: FormFieldProps<TFieldValues, TName>) {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const fieldError = errors[name];\n\n  // Safely extract error message\n  const errorMessage = fieldError && typeof fieldError === 'object' && 'message' in fieldError \n    ? String(fieldError.message) \n    : undefined;\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label htmlFor={name}>\n          {label}\n          {validation?.required && (\n            <span className=\"text-destructive ml-1\" aria-label=\"required\">\n              *\n            </span>\n          )}\n        </Label>\n      )}\n      \n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field }) => {\n          if (render) {\n            return render({ field });\n          }\n          \n          return (\n            <input\n              {...field}\n              id={name}\n              type={type}\n              placeholder={placeholder}\n              data-testid={testId}\n              className={cn(\n                \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n                fieldError && \"border-destructive focus-visible:ring-destructive\"\n              )}\n              {...inputProps}\n            />\n          );\n        }}\n      />\n      \n      {errorMessage && (\n        <p className=\"text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n","\n/**\n * @file FormErrorSummary Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form error summary component that displays validation errors in a user-friendly format.\n * Provides a centralized location for users to see all form errors at once.\n *\n * Features:\n * - Displays all form errors in one place\n * - Configurable error display format\n * - Optional field name display\n * - Accessible error presentation\n * - Consistent styling with Alert component\n * - Automatic error filtering\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic error summary\n * <FormErrorSummary errors={formErrors} />\n * \n * // With custom title\n * <FormErrorSummary \n *   errors={formErrors}\n *   title=\"Please correct the following issues:\"\n * />\n * \n * // Show field names with errors\n * <FormErrorSummary \n *   errors={formErrors}\n *   showFieldNames={true}\n * />\n * \n * // In a form with React Hook Form\n * const { formState: { errors } } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormErrorSummary errors={errors} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n *\n * @accessibility\n * - Uses Alert component for consistent accessibility\n * - Proper heading hierarchy with h3\n * - List structure for error items\n * - Screen reader friendly error announcements\n * - High contrast support via Alert component\n *\n * @dependencies\n * - Alert component for consistent styling\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n */\n\nimport { Alert } from '../Alert';\n\nexport interface FormErrorSummaryProps {\n  /** Form validation errors object */\n  errors?: Record<string, any>;\n  /** Title displayed above the error list */\n  title?: string;\n  /** Whether to show field names alongside error messages */\n  showFieldNames?: boolean;\n}\n\n/**\n * FormErrorSummary component for displaying form validation errors\n * \n * This component provides a user-friendly way to display all form errors\n * in one centralized location, improving the user experience by making\n * it clear what needs to be fixed.\n * \n * @param props - Component configuration\n * @param props.errors - Form validation errors object\n * @param props.title - Title displayed above the error list\n * @param props.showFieldNames - Whether to show field names with errors\n * @returns JSX.Element - The rendered error summary or null if no errors\n */\nexport function FormErrorSummary({ \n  errors = {}, \n  title = \"Please fix the following errors:\",\n  showFieldNames = false \n}: FormErrorSummaryProps) {\n  const errorEntries = Object.entries(errors).filter(([, value]) => Boolean(value));\n\n  if (errorEntries.length === 0) {\n    return null;\n  }\n\n  return (\n    <Alert variant=\"destructive\" className=\"mb-4\">\n      <div>\n        <h3>{title}</h3>\n        <ul className=\"list-disc list-inside space-y-1\">\n          {errorEntries.map(([field, error], index) => {\n            const message = typeof error === 'object' && error.message ? error.message : String(error);\n            return (\n              <li key={index} className=\"text-sm\">\n                {showFieldNames ? `${field}: ${message}` : message}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </Alert>\n  );\n}\n","/**\n * @file FormLiveRegion Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * An accessible live region component for form validation announcements.\n * Provides real-time feedback to screen readers about form validation states\n * and error messages, improving accessibility for users with assistive technologies.\n *\n * Features:\n * - Real-time form validation announcements\n * - Configurable politeness levels (polite/assertive)\n * - Customizable delay timing\n * - Field-level and form-level announcements\n * - Success message customization\n * - Automatic error counting and field identification\n * - Accessibility compliant with ARIA live regions\n * - Integration with React Hook Form\n *\n * @example\n * ```tsx\n * // Basic live region\n * const { control, formState } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormLiveRegion form={{ control, formState }} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * \n * // With custom configuration\n * <FormLiveRegion\n *   form={{ control, formState }}\n *   politeness=\"assertive\"\n *   delay={1000}\n *   successMessage=\"Your form was submitted successfully!\"\n *   enableFieldAnnouncements={true}\n * />\n * \n * // In a complex form\n * function ComplexForm() {\n *   const methods = useForm({\n *     defaultValues: { name: '', email: '', message: '' }\n *   });\n *   \n *   return (\n *     <FormProvider {...methods}>\n *       <form onSubmit={methods.handleSubmit(onSubmit)}>\n *         <FormField name=\"name\" label=\"Name\" />\n *         <FormField name=\"email\" label=\"Email\" />\n *         <FormField name=\"message\" label=\"Message\" />\n *         <FormLiveRegion \n *           form={methods}\n *           politeness=\"polite\"\n *           delay={300}\n *         />\n *         <Button type=\"submit\">Send Message</Button>\n *       </form>\n *     </FormProvider>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - ARIA live region for screen reader announcements\n * - Configurable politeness levels for different message types\n * - Automatic error counting and field identification\n * - Non-intrusive validation feedback\n * - WCAG 2.1 AA compliant\n * - Screen reader friendly error announcements\n *\n * @dependencies\n * - react-hook-form - Form state management\n * - React 18+ - Hooks and effects\n * - Tailwind CSS - Styling\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { UseFormReturn, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the FormLiveRegion component\n */\nexport interface FormLiveRegionProps<T extends FieldValues> {\n  /** React Hook Form instance */\n  form: UseFormReturn<T>;\n  /** ARIA live region politeness level */\n  politeness?: 'polite' | 'assertive';\n  /** Delay before announcing messages (in ms) */\n  delay?: number;\n  /** Custom success message */\n  successMessage?: string;\n  /** Custom class name */\n  className?: string;\n  /** Enable field-level validation announcements */\n  enableFieldAnnouncements?: boolean;\n}\n\n/**\n * FormLiveRegion component for accessible form validation announcements\n */\nexport function FormLiveRegion<T extends FieldValues>({\n  form,\n  politeness = 'polite',\n  delay = 500,\n  successMessage = 'Form submitted successfully',\n  className,\n  enableFieldAnnouncements = true\n}: FormLiveRegionProps<T>): React.ReactElement {\n  const [message, setMessage] = useState<string>('');\n  const { formState } = form;\n\n  // Handle form-level announcements\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (formState.isSubmitting) {\n      setMessage('Submitting form...');\n    } else if (formState.isSubmitSuccessful) {\n      timeoutId = setTimeout(() => {\n        setMessage(successMessage);\n      }, delay);\n    } else if (formState.errors && Object.keys(formState.errors).length > 0) {\n      const errorCount = Object.keys(formState.errors).length;\n      const errorFields = Object.keys(formState.errors).join(', ');\n      setMessage(`Form has ${errorCount} error${errorCount === 1 ? '' : 's'} in: ${errorFields}`);\n    } else if (formState.isValid && formState.isDirty) {\n      setMessage('Form is valid');\n    } else {\n      setMessage('');\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState, delay, successMessage]);\n\n  // Handle field-level announcements\n  useEffect(() => {\n    if (!enableFieldAnnouncements) return;\n\n    let timeoutId: NodeJS.Timeout;\n    \n    const fieldErrors = formState.errors;\n    const touchedFields = formState.touchedFields;\n    \n    // Find newly touched fields with errors\n    const newErrors = Object.keys(fieldErrors).filter(field => {\n      // Type-safe access to touchedFields\n      const touchedField = touchedFields as Record<string, boolean>;\n      return touchedField[field] && fieldErrors[field as keyof typeof fieldErrors];\n    });\n\n    if (newErrors.length > 0) {\n      timeoutId = setTimeout(() => {\n        const errorField = newErrors[0];\n        const errorData = fieldErrors[errorField as keyof typeof fieldErrors];\n        const errorMessage = errorData?.message;\n        if (errorMessage) {\n          setMessage(`${errorField}: ${errorMessage}`);\n        }\n      }, delay);\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState.errors, formState.touchedFields, enableFieldAnnouncements, delay]);\n\n  if (!message) {\n    return <></>;\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-live={politeness}\n      aria-atomic=\"true\"\n      className={cn('sr-only', className)}\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden'\n      }}\n    >\n      {message}\n    </div>\n  );\n}\n","/**\n * @file FormFieldset Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form fieldset component that groups related form fields together with a legend\n * and optional description. Provides semantic structure and accessibility for form sections.\n *\n * Features:\n * - Semantic fieldset grouping for related form fields\n * - Accessible legend with required indicator\n * - Optional description text with proper ARIA association\n * - Consistent styling with design system\n * - Forwarded ref support\n * - Customizable styling via className\n * - Required field indication\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic fieldset\n * <FormFieldset legend=\"Personal Information\">\n *   <FormField name=\"firstName\" label=\"First Name\" />\n *   <FormField name=\"lastName\" label=\"Last Name\" />\n *   <FormField name=\"email\" label=\"Email\" />\n * </FormFieldset>\n * \n * // Fieldset with description\n * <FormFieldset \n *   legend=\"Contact Details\" \n *   description=\"We'll use this information to contact you about your order\"\n * >\n *   <FormField name=\"phone\" label=\"Phone Number\" />\n *   <FormField name=\"address\" label=\"Address\" />\n * </FormFieldset>\n * \n * // Required fieldset\n * <FormFieldset \n *   legend=\"Account Settings\" \n *   required={true}\n *   description=\"These settings are required for account creation\"\n * >\n *   <FormField name=\"username\" label=\"Username\" required />\n *   <FormField name=\"password\" label=\"Password\" type=\"password\" required />\n * </FormFieldset>\n * \n * // With custom styling\n * <FormFieldset \n *   legend=\"Preferences\"\n *   className=\"bg-sec-50 border-sec-200\"\n * >\n *   <FormField name=\"newsletter\" label=\"Subscribe to newsletter\" type=\"checkbox\" />\n *   <FormField name=\"notifications\" label=\"Enable notifications\" type=\"checkbox\" />\n * </FormFieldset>\n * ```\n *\n * @accessibility\n * - Proper semantic HTML with fieldset and legend\n * - ARIA describedby association for descriptions\n * - Required field indication with asterisk\n * - Screen reader friendly structure\n * - Keyboard navigation support\n * - WCAG 2.1 AA compliant\n *\n * @dependencies\n * - React 18+ - Component framework and hooks\n * - Tailwind CSS - Styling\n * - cn utility - Class name merging\n */\n\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface FormFieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  /** The legend text for the fieldset */\n  legend: string;\n  /** Optional description text below the legend */\n  description?: string;\n  /** Whether the fieldset contains required fields */\n  required?: boolean;\n  /** Form fields to group within the fieldset */\n  children: React.ReactNode;\n}\n\n/**\n * FormFieldset component for grouping related form fields\n * \n * This component provides semantic grouping for form fields with proper\n * accessibility support and consistent styling. Use it to organize\n * related form inputs into logical sections.\n * \n * @param props - Component configuration\n * @param props.legend - The legend text for the fieldset\n * @param props.description - Optional description text\n * @param props.required - Whether the fieldset contains required fields\n * @param props.children - Form fields to group\n * @param ref - Forwarded ref to the fieldset element\n * @returns JSX.Element - The rendered fieldset with legend and fields\n */\nexport const FormFieldset = React.forwardRef<HTMLFieldSetElement, FormFieldsetProps>(\n  ({ legend, description, required, className, children, ...props }, ref) => {\n    const descriptionId = React.useId();\n    \n    return (\n      <fieldset\n        ref={ref}\n        className={cn(\"space-y-4 border border-input rounded-lg p-4\", className)}\n        aria-describedby={description ? descriptionId : undefined}\n        {...props}\n      >\n        <legend className=\"px-2\">\n          {legend}\n          {required && <span className=\"text-destructive ml-1\">*</span>}\n        </legend>\n        {description && (\n          <p id={descriptionId} className=\"text-muted-foreground\">\n            {description}\n          </p>\n        )}\n        {children}\n      </fieldset>\n    );\n  }\n);\n\nFormFieldset.displayName = \"FormFieldset\";\n"],"mappings":"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","names":["jsx","jsxs","jsx","React","jsx","jsxs","React"]}
+{"version":3,"sources":["../src/components/index.ts","../src/components/Form/FormField.tsx"],"sourcesContent":["/**\n * @file Complete Components Library Export\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n * \n * This file exports ALL components, providers, and utilities in the PACE Core library.\n * Use this import path when you need access to specialized components not included in the main export.\n * \n * @example\n * // Complete library access\n * import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';\n * \n * // For common components, prefer the main export:\n * import { Button, Card } from '@jmruthers/pace-core';\n */\n\n// ============================================================================\n// AUTHENTICATION & AUTHORIZATION\n// ============================================================================\n\n// Unified auth provider (replaces individual providers)\nexport { UnifiedAuthProvider, useUnifiedAuth } from '../providers/UnifiedAuthProvider';\nexport type { UnifiedAuthProviderProps, UnifiedAuthContextType } from '../providers/UnifiedAuthProvider';\n\n// ============================================================================\n// BASIC UI COMPONENTS\n// ============================================================================\n\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardTitle, \n  CardDescription, \n  CardContent,\n  CardActions\n} from './Card';\nexport type { CardProps, CardActionsProps } from './Card';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Alert, AlertTitle, AlertDescription } from './Alert';\nexport { Avatar, AvatarImage, AvatarFallback } from './Avatar';\n\nexport { Checkbox } from './Checkbox';\nexport { Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\nexport { Progress } from './Progress/Progress';\n\n// Table components\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n} from './Table/Table';\n\n// ============================================================================\n// ADVANCED UI COMPONENTS\n// ============================================================================\n\n// Dialog exports\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './Dialog/Dialog';\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogContentProps,\n  DialogOverlayProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogSize\n} from './Dialog/Dialog';\n\n// Dropdown Menu exports\n// DropdownMenu components have been merged into Select components\n\n// Select exports (includes all dropdown functionality)\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n} from './Select';\n\n// Toast exports\nexport {\n  Toast,\n  Toaster,\n  ToastAction,\n  ToastProvider,\n  ToastViewport,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n} from './Toast';\nexport type { ToastActionElement, ToastProps } from './Toast';\n\n// Tooltip exports\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipRoot } from './Tooltip';\n\n// ============================================================================\n// DATA DISPLAY COMPONENTS\n// ============================================================================\n\nexport {\n  DataTable,\n  type DataTableProps,\n  type DataTableColumn,\n  type DataTableAction,\n  type DataTableToolbarButton,\n  type AggregateConfig,\n  type EmptyStateConfig,\n  type GetRowId\n} from './DataTable';\n\n// Re-export types from DataTable types\nexport type { DataRecord } from './DataTable/types';\n\n// ============================================================================\n// FORM COMPONENTS\n// ============================================================================\n\nexport { \n  Form, \n  FormField\n} from './Form';\nexport type { \n  FormProps, \n  FormFieldProps\n} from './Form';\n\n// LoginForm - ensure it's exported\nexport { LoginForm } from './LoginForm';\nexport type { LoginFormProps } from './LoginForm';\n\n// ============================================================================\n// LAYOUT COMPONENTS\n// ============================================================================\n\nexport { Header } from './Header';\nexport { Footer } from './Footer';\nexport type { FooterProps } from './Footer';\n\n// Public Layout Components\nexport * from './PublicLayout';\n\n// ============================================================================\n// SECURITY COMPONENTS\n// ============================================================================\n\nexport { ProtectedRoute } from './ProtectedRoute';\nexport type { ProtectedRouteProps } from './ProtectedRoute';\n\n// ============================================================================\n// NAVIGATION COMPONENTS\n// ============================================================================\n\nexport {\n  NavigationMenu,\n} from './NavigationMenu';\nexport type { NavigationMenuProps, NavigationItem } from './NavigationMenu';\n\nexport { OrganisationSelector } from './OrganisationSelector';\nexport type { OrganisationSelectorProps } from './OrganisationSelector';\n\nexport { UserMenu } from './UserMenu';\n\n// Reusable Page/Layout Components\nexport * from './PaceAppLayout';\nexport * from './PaceLoginPage';\n\n// ============================================================================\n// UTILITY COMPONENTS\n// ============================================================================\n\nexport { ErrorBoundary } from './ErrorBoundary';\nexport type { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary';\nexport { LoadingSpinner } from './LoadingSpinner';\nexport { SessionRestorationLoader } from './SessionRestorationLoader';\nexport type { SessionRestorationLoaderProps } from './SessionRestorationLoader';\n\n// ============================================================================\n// EVENT MANAGEMENT\n// ============================================================================\n\nexport { EventSelector } from './EventSelector';\n\n// ============================================================================\n// AUTHENTICATION FORMS\n// ============================================================================\n\n// Password Component exports (PasswordResetForm removed - unused)\n\n// ============================================================================\n// STORAGE COMPONENTS\n// ============================================================================\n\nexport { FileUpload } from './FileUpload';\nexport type { FileUploadProps } from './FileUpload';\n\nexport { FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\n\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport { FileCategory } from '../types/file-reference';\nexport type { FileReference, FileMetadata, FileUploadOptions } from '../types/file-reference';\n\n// ============================================================================\n// HOOKS\n// ============================================================================\n\n\nexport { \n  useFileReference, \n  useFileReferenceForRecord,\n  useFileReferenceById,\n  useFilesByCategory\n} from '../hooks/useFileReference';\nexport type { \n  UseFileReferenceOptions, \n  UseFileReferenceReturn, \n  UseFileReferenceForRecordReturn \n} from '../hooks/useFileReference';\n\nexport { useToast } from '../hooks/useToast';\n\n// RBAC Components - Use the new RBAC system\n// For RBAC functionality, import from @jmruthers/pace-core/rbac\n// export { PermissionGuard, AccessLevelGuard } from '@jmruthers/pace-core/rbac';\n","/**\n * @file FormField Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A flexible form field component that integrates with React Hook Form and provides\n * built-in validation, error handling, and accessibility features.\n *\n * Features:\n * - React Hook Form integration with Controller\n * - Built-in validation with error display\n * - Accessible labels and error messages\n * - Custom render function support\n * - TypeScript support with generic field paths\n * - Consistent styling with error states\n * - Test ID support for testing\n * - Flexible input types and props\n *\n * @example\n * ```tsx\n * // Basic text field\n * <FormField\n *   name=\"username\"\n *   label=\"Username\"\n *   placeholder=\"Enter your username\"\n *   validation={{ required: true }}\n * />\n * \n * // Email field with custom validation\n * <FormField\n *   name=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Invalid email address\"\n *     }\n *   }}\n * />\n * \n * // Custom render function\n * <FormField\n *   name=\"avatar\"\n *   label=\"Profile Picture\"\n *   render={({ field }) => (\n *     <input\n *       {...field}\n *       type=\"file\"\n *       accept=\"image/*\"\n *       className=\"file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-sec-50 file:text-sec-700 hover:file:bg-sec-100\"\n *     />\n *   )}\n * />\n * \n * // With test ID for testing\n * <FormField\n *   name=\"password\"\n *   label=\"Password\"\n *   type=\"password\"\n *   data-testid=\"password-field\"\n *   validation={{\n *     required: true,\n *     minLength: {\n *       value: 8,\n *       message: \"Password must be at least 8 characters\"\n *     }\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Error messages with role=\"alert\"\n * - Required field indicators\n * - Focus management\n * - Screen reader friendly error announcements\n * - Keyboard navigation support\n *\n * @dependencies\n * - react-hook-form - Form integration\n * - React 18+ - Hooks and context\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\nimport { useFormContext, Controller, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/core/cn';\nimport { Label } from '../Label';\n\nexport interface FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> {\n  /**\n   * Field name\n   */\n  name: TName;\n  \n  /**\n   * Field label\n   */\n  label?: string;\n  \n  /**\n   * Field type\n   */\n  type?: string;\n  \n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n  \n  /**\n   * Additional props for the input\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  \n  /**\n   * Validation rules\n   */\n  validation?: {\n    required?: boolean;\n    pattern?: {\n      value: RegExp;\n      message: string;\n    };\n    minLength?: {\n      value: number;\n      message: string;\n    };\n    maxLength?: {\n      value: number;\n      message: string;\n    };\n  };\n  \n  /**\n   * Custom render function\n   */\n  render?: ({ field }: { field: any }) => React.ReactElement;\n  \n  /**\n   * Test ID\n   */\n  'data-testid'?: string;\n  \n  /**\n   * Class name\n   */\n  className?: string;\n}\n\n/**\n * FormField component for React Hook Form integration\n * \n * @template TFieldValues - The type of form field values\n * @template TName - The type of the field name (must be a valid field path)\n * @param props - Form field configuration and validation\n * @returns JSX.Element - The rendered form field with validation\n * \n * @example\n * ```tsx\n * <FormField\n *   name=\"email\"\n *   label=\"Email\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Please enter a valid email address\"\n *     }\n *   }}\n * />\n * ```\n */\nexport function FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  type = \"text\",\n  placeholder,\n  inputProps,\n  validation,\n  render,\n  'data-testid': testId,\n  className,\n}: FormFieldProps<TFieldValues, TName>) {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const fieldError = errors[name];\n\n  // Safely extract error message\n  const errorMessage = fieldError && typeof fieldError === 'object' && 'message' in fieldError \n    ? String(fieldError.message) \n    : undefined;\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label htmlFor={name}>\n          {label}\n          {validation?.required && (\n            <span className=\"text-destructive ml-1\" aria-label=\"required\">\n              *\n            </span>\n          )}\n        </Label>\n      )}\n      \n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field }) => {\n          if (render) {\n            return render({ field });\n          }\n          \n          return (\n            <input\n              {...field}\n              id={name}\n              type={type}\n              placeholder={placeholder}\n              data-testid={testId}\n              className={cn(\n                \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n                fieldError && \"border-destructive focus-visible:ring-destructive\"\n              )}\n              {...inputProps}\n            />\n          );\n        }}\n      />\n      \n      {errorMessage && (\n        <p className=\"text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;ACkEA,SAAS,gBAAgB,kBAA0C;AAqH3D,SAGI,KAHJ;AAzBD,SAAS,UAGd;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAAwC;AACtC,QAAM,EAAE,SAAS,WAAW,EAAE,OAAO,EAAE,IAAI,eAA6B;AACxE,QAAM,aAAa,OAAO,IAAI;AAG9B,QAAM,eAAe,cAAc,OAAO,eAAe,YAAY,aAAa,aAC9E,OAAO,WAAW,OAAO,IACzB;AAEJ,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,aACC,qBAAC,SAAM,SAAS,MACb;AAAA;AAAA,MACA,YAAY,YACX,oBAAC,UAAK,WAAU,yBAAwB,cAAW,YAAW,eAE9D;AAAA,OAEJ;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,cAAI,QAAQ;AACV,mBAAO,OAAO,EAAE,MAAM,CAAC;AAAA,UACzB;AAEA,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACb,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc;AAAA,cAChB;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,IAEC,gBACC,oBAAC,OAAE,WAAU,oBAAmB,MAAK,SAClC,wBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/{file-reference-C9isKNPn.d.ts → file-reference-C6Gkn77H.d.ts}

@@ -132,4 +132,4 @@ interface FileUrlInfo {
     bucket: BucketInfo;
 }
 
-export { type BulkUploadResult as B, type FileReference as F, type StorageUploadOptions as S, type UploadProgress as U, type FileMetadata as a, FileCategory as b, type FileUploadOptions as c, type FileReferenceService as d, type FileUploadResult as e, type FileReferenceWithUrl as f, type BucketInfo as g, type FileUrlInfo as h };
+export { type BulkUploadResult as B, FileCategory as F, type StorageUploadOptions as S, type UploadProgress as U, type FileReference as a, type FileMetadata as b, type FileUploadOptions as c, type FileReferenceService as d, type FileUploadResult as e, type FileReferenceWithUrl as f, type BucketInfo as g, type FileUrlInfo as h };

package/dist/{formatting-DFcCxUEk.d.ts → formatting-CvUXy2mF.d.ts}

@@ -149,4 +149,4 @@ declare function formatCompactNumber(value: number, locale?: string): string;
  */
 declare function formatFileSize(bytes: number): string;
 
-export { type AppConfig as A, type SecureDataAccess as S, cn as a, getCurrentAppName as b, createSecureDataAccess as c, getCurrentAppId as d, formatCurrency as e, formatDate as f, getAppConfig as g, formatNumber as h, formatPercent as i, formatCompactNumber as j, formatFileSize as k, setAppConfig as s, useSessionTracking as u };
+export { type SecureDataAccess as S, cn as a, getCurrentAppName as b, createSecureDataAccess as c, getCurrentAppId as d, formatCurrency as e, formatDate as f, getAppConfig as g, formatNumber as h, formatPercent as i, formatCompactNumber as j, formatFileSize as k, setAppConfig as s, useSessionTracking as u };

package/dist/hooks.d.ts

@@ -1,13 +1,13 @@
 export { u as useToast } from './useToast-C8gR5ir4.js';
-export { O as OrganisationSecurityHook, d as UseAppConfigReturn, U as UseOrganisationPermissionsReturn, p as UsePublicEventOptions, o as UsePublicEventReturn, r as UsePublicFileDisplayOptions, q as UsePublicFileDisplayReturn, s as UsePublicRouteParamsReturn, f as clearPublicEventCache, i as clearPublicFileDisplayCache, n as extractEventCodeFromPath, m as generatePublicRoutePath, g as getPublicEventCacheStats, j as getPublicFileDisplayCacheStats, c as useAppConfig, u as useEventTheme, a as useOrganisationPermissions, b as useOrganisationSecurity, e as usePublicEvent, l as usePublicEventCode, h as usePublicFileDisplay, k as usePublicRouteParams } from './usePublicRouteParams-Dyt1tzI9.js';
+export { O as OrganisationSecurityHook, d as UseAppConfigReturn, U as UseOrganisationPermissionsReturn, p as UsePublicEventOptions, o as UsePublicEventReturn, r as UsePublicFileDisplayOptions, q as UsePublicFileDisplayReturn, s as UsePublicRouteParamsReturn, f as clearPublicEventCache, i as clearPublicFileDisplayCache, n as extractEventCodeFromPath, m as generatePublicRoutePath, g as getPublicEventCacheStats, j as getPublicFileDisplayCacheStats, c as useAppConfig, u as useEventTheme, a as useOrganisationPermissions, b as useOrganisationSecurity, e as usePublicEvent, l as usePublicEventCode, h as usePublicFileDisplay, k as usePublicRouteParams } from './usePublicRouteParams-B7PabvuH.js';
 import * as React$1 from 'react';
 import { SortingState, ColumnFiltersState, ExpandedState } from '@tanstack/react-table';
 import * as react_hook_form from 'react-hook-form';
 import { z } from 'zod';
 export { u as useComponentPerformance } from './useComponentPerformance-DE9l5RkL.js';
-import { D as DataRecord, P as PerformanceConfig, S as ServerSideConfig, C as ChunkingConfig, e as SearchIndexConfig, d as PaginationMode, i as ServerSideParams, j as ServerSideResponse } from './types-D5rqZQXk.js';
+import { c as DataRecord, P as PerformanceConfig, S as ServerSideConfig, C as ChunkingConfig, g as SearchIndexConfig, f as PaginationMode, i as ServerSideParams, j as ServerSideResponse } from './types-Dfz9dmVH.js';
 import { SupabaseClient } from '@supabase/supabase-js';
-import { b as FileCategory, F as FileReference } from './file-reference-C9isKNPn.js';
+import { F as FileCategory, a as FileReference } from './file-reference-C6Gkn77H.js';
 import './organisation-D6qRDtbF.js';
 import './unified-DQ4VcT7H.js';
 import './database-C6jy7EOu.js';

package/dist/hooks.js

@@ -8,10 +8,10 @@ import {
   usePublicEvent,
   usePublicEventCode,
   usePublicRouteParams
-} from "./chunk-F64FFPOZ.js";
+} from "./chunk-YLKIDTUK.js";
 import {
   useSecureDataAccess
-} from "./chunk-ZYZCRSBD.js";
+} from "./chunk-LTV3XIJJ.js";
 import {
   clearFileDisplayCache,
   clearPublicFileDisplayCache,
@@ -22,26 +22,30 @@ import {
   useEventTheme,
   useFileDisplay,
   usePublicFileDisplay
-} from "./chunk-VZ5OR6HD.js";
+} from "./chunk-TVYPTYOY.js";
 import {
   useDataTablePerformance,
   useToast
-} from "./chunk-GKHF54DI.js";
-import "./chunk-TGIY2AR2.js";
-import "./chunk-CTJRBUX2.js";
-import "./chunk-ZV77RZMU.js";
-import "./chunk-3CG5L6RN.js";
+} from "./chunk-BESYRHQM.js";
+import "./chunk-SL2YQDR6.js";
+import "./chunk-2TWNJ46Y.js";
+import "./chunk-XARJS7CD.js";
+import "./chunk-4MT5BGGL.js";
 import {
   useComponentPerformance
-} from "./chunk-66C4BSAY.js";
+} from "./chunk-ANBQRTPX.js";
 import {
   PERFORMANCE_BUDGETS,
   performanceBudgetMonitor
-} from "./chunk-O3NWNXDY.js";
-import "./chunk-PYUXFQJ3.js";
-import "./chunk-BDZUMRBD.js";
-import "./chunk-UJI6WSMD.js";
-import "./chunk-GEVIB2UB.js";
+} from "./chunk-FMUCXFII.js";
+import "./chunk-56XJ3TU6.js";
+import "./chunk-K2WWTH7O.js";
+import "./chunk-444EZN6N.js";
+import "./chunk-ERISIBYU.js";
+import {
+  createLogger,
+  init_logger
+} from "./chunk-XDNLUEXI.js";
 import "./chunk-PLDDJCW6.js";
 
 // src/hooks/useFocusManagement.ts
@@ -414,6 +418,8 @@ function useZodForm({
 
 // src/hooks/usePerformanceMonitor.ts
 import { useEffect as useEffect6, useRef as useRef3, useCallback as useCallback5 } from "react";
+init_logger();
+var log = createLogger("usePerformanceMonitor");
 function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE === "development", budgetName = "COMPONENT_RENDER") {
   const renderStartTime = useRef3(0);
   const metrics = useRef3([]);
@@ -438,8 +444,8 @@ function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE ===
       renderCount: metrics.current.length
     });
     if (!measurement.passed) {
-      console.warn(
-        `\u{1F40C} Performance budget exceeded in ${componentName}: ${renderTime.toFixed(2)}ms (budget: ${PERFORMANCE_BUDGETS[budgetName]?.threshold}ms)`
+      log.warn(
+        `Performance budget exceeded in ${componentName}: ${renderTime.toFixed(2)}ms (budget: ${PERFORMANCE_BUDGETS[budgetName]?.threshold}ms)`
       );
     }
     renderStartTime.current = 0;

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useFocusManagement.ts","../src/hooks/useFocusTrap.ts","../src/hooks/useKeyboardShortcuts.ts","../src/hooks/useIsMobile.ts","../src/hooks/useDebounce.ts","../src/hooks/useDataTableState.ts","../src/hooks/useZodForm.ts","../src/hooks/usePerformanceMonitor.ts"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from 'react';\n\nexport interface FocusManagementOptions {\n  trapFocus?: boolean;\n  autoFocus?: boolean;\n  restoreFocus?: boolean;\n  onEscape?: () => void;\n  onFocusFirst?: () => void;\n  onFocusLast?: () => void;\n}\n\nexport interface FocusManagementReturn {\n  containerRef: React.RefObject<HTMLDivElement>;\n  focusRef: React.RefObject<HTMLElement>;\n  setFocus: (element: HTMLElement | null) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  trapFocus: () => void;\n  releaseFocus: () => void;\n  getFocusableElements: () => HTMLElement[];\n  handleEscape: (callback: () => void) => () => void;\n}\n\nexport function useFocusManagement(options: FocusManagementOptions = {}): FocusManagementReturn {\n  const { \n    trapFocus = false, \n    autoFocus = false, \n    restoreFocus = false,\n    onEscape,\n    onFocusFirst,\n    onFocusLast \n  } = options;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const focusRef = useRef<HTMLElement | null>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const trapFocusActiveRef = useRef<boolean>(false);\n\n  const setFocus = useCallback((element: HTMLElement | null) => {\n    focusRef.current = element;\n    element?.focus();\n  }, []);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter((el) => !el.hasAttribute('disabled') && !el.hasAttribute('hidden'));\n  }, []);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[0]);\n      onFocusFirst?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusFirst]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[elements.length - 1]);\n      onFocusLast?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusLast]);\n\n  const trapFocusMethod = useCallback(() => {\n    trapFocusActiveRef.current = true;\n  }, []);\n\n  const releaseFocus = useCallback(() => {\n    trapFocusActiveRef.current = false;\n  }, []);\n\n  const handleEscape = useCallback((callback: () => void) => {\n    return () => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          callback();\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, []);\n\n  // Handle focus trap\n  useEffect(() => {\n    if (!trapFocus || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      if (event.key !== 'Tab') return;\n\n      const elements = getFocusableElements();\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstElement) {\n          event.preventDefault();\n          lastElement.focus();\n        }\n      } else {\n        if (document.activeElement === lastElement) {\n          event.preventDefault();\n          firstElement.focus();\n        }\n      }\n    };\n\n    const current = containerRef.current;\n    current.addEventListener('keydown', handleKeyDown);\n    return () => {\n      current?.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [trapFocus, onEscape, getFocusableElements]);\n\n  // Handle auto focus\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus, focusFirst]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!restoreFocus) return;\n\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    return () => {\n      if (previousFocusRef.current) {\n        previousFocusRef.current.focus();\n      }\n    };\n  }, [restoreFocus]);\n\n  return {\n    containerRef,\n    focusRef,\n    setFocus,\n    focusFirst,\n    focusLast,\n    trapFocus: trapFocusMethod,\n    releaseFocus,\n    getFocusableElements,\n    handleEscape,\n  };\n}\n","\nimport { useRef, useEffect, useCallback } from 'react';\n\nexport interface FocusTrapOptions {\n  /** Whether the focus trap is active */\n  isActive?: boolean;\n  /** Whether to auto-focus the first element when activated */\n  autoFocus?: boolean;\n  /** Whether to restore focus to the previously focused element when deactivated */\n  restoreFocus?: boolean;\n  /** Callback when Escape key is pressed */\n  onEscape?: () => void;\n  /** Selector for focusable elements (optional override) */\n  focusableSelector?: string;\n}\n\nexport interface FocusTrapReturn {\n  /** Ref to attach to the container element */\n  containerRef: React.RefObject<HTMLElement>;\n  /** Focus the first focusable element */\n  focusFirst: () => void;\n  /** Focus the last focusable element */\n  focusLast: () => void;\n  /** Get all focusable elements in the container */\n  getFocusableElements: () => HTMLElement[];\n}\n\nconst DEFAULT_FOCUSABLE_SELECTOR = [\n  'button:not([disabled])',\n  '[href]',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]'\n].join(', ');\n\n/**\n * Hook for creating accessible focus traps\n * Useful for modals, dropdowns, and other overlay components\n */\nexport function useFocusTrap(options: FocusTrapOptions = {}): FocusTrapReturn {\n  const {\n    isActive = false,\n    autoFocus = false,\n    restoreFocus = false,\n    onEscape,\n    focusableSelector = DEFAULT_FOCUSABLE_SELECTOR\n  } = options;\n\n  const containerRef = useRef<HTMLElement>(null);\n  const previouslyFocusedElement = useRef<HTMLElement | null>(null);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(focusableSelector)\n    ).filter((element) => {\n      return (\n        !element.hasAttribute('disabled') &&\n        !element.hasAttribute('hidden') &&\n        element.offsetParent !== null // visible check\n      );\n    });\n  }, [focusableSelector]);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[0].focus();\n    }\n  }, [getFocusableElements]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[elements.length - 1].focus();\n    }\n  }, [getFocusableElements]);\n\n  // Handle keyboard events\n  useEffect(() => {\n    if (!isActive || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Handle Escape key\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      // Handle Tab key for focus trapping\n      if (event.key === 'Tab') {\n        const focusableElements = getFocusableElements();\n        if (focusableElements.length === 0) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (event.shiftKey) {\n          // Shift + Tab: moving backwards\n          if (document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          }\n        } else {\n          // Tab: moving forwards\n          if (document.activeElement === lastElement) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      }\n    };\n\n    const container = containerRef.current;\n    container.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [isActive, onEscape, getFocusableElements]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!isActive) return;\n\n    // Store the previously focused element\n    if (restoreFocus) {\n      previouslyFocusedElement.current = document.activeElement as HTMLElement;\n    }\n\n    // Auto-focus first element if requested\n    if (autoFocus) {\n      const timer = setTimeout(focusFirst, 0);\n      return () => clearTimeout(timer);\n    }\n\n    return () => {\n      // Restore focus when trap is deactivated\n      if (restoreFocus && previouslyFocusedElement.current) {\n        previouslyFocusedElement.current.focus();\n        previouslyFocusedElement.current = null;\n      }\n    };\n  }, [isActive, autoFocus, restoreFocus, focusFirst]);\n\n  return {\n    containerRef,\n    focusFirst,\n    focusLast,\n    getFocusableElements\n  };\n}\n","import { useEffect, useCallback } from 'react';\n\nexport interface KeyboardShortcut {\n  /** Key combination (e.g., 'Escape', 'Enter', 'ArrowDown', 'ctrl+s') */\n  key: string;\n  /** Callback function to execute */\n  handler: (event: KeyboardEvent) => void;\n  /** Description for documentation/help */\n  description?: string;\n  /** Whether the shortcut is enabled */\n  enabled?: boolean;\n  /** Prevent default browser behavior */\n  preventDefault?: boolean;\n  /** Stop event propagation */\n  stopPropagation?: boolean;\n}\n\nexport interface KeyboardShortcutsOptions {\n  /** Element to attach listeners to (defaults to document) */\n  element?: HTMLElement | Document;\n  /** Whether shortcuts are globally enabled */\n  enabled?: boolean;\n}\n\n/**\n * Parse key combination string into modifier and key parts\n */\nfunction parseKeyCombo(combo: string) {\n  const parts = combo.toLowerCase().split('+');\n  const key = parts.pop()!;\n  const modifiers = {\n    ctrl: parts.includes('ctrl') || parts.includes('control'),\n    alt: parts.includes('alt'),\n    shift: parts.includes('shift'),\n    meta: parts.includes('meta') || parts.includes('cmd')\n  };\n  return { key, modifiers };\n}\n\n/**\n * Check if event matches the key combination\n */\nfunction matchesKeyCombo(event: KeyboardEvent, combo: string): boolean {\n  const { key, modifiers } = parseKeyCombo(combo);\n  \n  // Check if the main key matches\n  const eventKey = event.key.toLowerCase();\n  const targetKey = key.toLowerCase();\n  \n  if (eventKey !== targetKey) {\n    return false;\n  }\n  \n  // Check modifiers\n  return (\n    event.ctrlKey === modifiers.ctrl &&\n    event.altKey === modifiers.alt &&\n    event.shiftKey === modifiers.shift &&\n    event.metaKey === modifiers.meta\n  );\n}\n\n/**\n * Hook for managing keyboard shortcuts\n * \n * @example\n * ```tsx\n * function MyComponent() {\n *   const shortcuts = [\n *     {\n *       key: 'Escape',\n *       handler: () => setIsOpen(false),\n *       description: 'Close modal'\n *     },\n *     {\n *       key: 'ctrl+s',\n *       handler: (e) => handleSave(),\n *       description: 'Save document',\n *       preventDefault: true\n *     }\n *   ];\n * \n *   useKeyboardShortcuts(shortcuts);\n *   \n *   return <div>Content</div>;\n * }\n * ```\n */\nexport function useKeyboardShortcuts(\n  shortcuts: KeyboardShortcut[],\n  options: KeyboardShortcutsOptions = {}\n): void {\n  const { element = document, enabled = true } = options;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (!enabled) return;\n\n    for (const shortcut of shortcuts) {\n      if (shortcut.enabled === false) continue;\n\n      if (matchesKeyCombo(event, shortcut.key)) {\n        if (shortcut.preventDefault) {\n          event.preventDefault();\n        }\n        if (shortcut.stopPropagation) {\n          event.stopPropagation();\n        }\n        \n        shortcut.handler(event);\n        break; // Only handle first matching shortcut\n      }\n    }\n  }, [shortcuts, enabled]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    element.addEventListener('keydown', handleKeyDown as EventListener);\n    return () => element.removeEventListener('keydown', handleKeyDown as EventListener);\n  }, [element, enabled, handleKeyDown]);\n}\n\n/**\n * Hook for common accessibility keyboard shortcuts\n */\nexport function useAccessibilityShortcuts(handlers: {\n  onEscape?: () => void;\n  onEnter?: () => void;\n  onSpace?: () => void;\n  onArrowUp?: () => void;\n  onArrowDown?: () => void;\n  onArrowLeft?: () => void;\n  onArrowRight?: () => void;\n  onHome?: () => void;\n  onEnd?: () => void;\n  onTab?: () => void;\n  onShiftTab?: () => void;\n}) {\n  const shortcuts: KeyboardShortcut[] = [];\n\n  if (handlers.onEscape) {\n    shortcuts.push({\n      key: 'Escape',\n      handler: handlers.onEscape,\n      description: 'Escape/Cancel'\n    });\n  }\n\n  if (handlers.onEnter) {\n    shortcuts.push({\n      key: 'Enter',\n      handler: handlers.onEnter,\n      description: 'Activate/Submit'\n    });\n  }\n\n  if (handlers.onSpace) {\n    shortcuts.push({\n      key: ' ',\n      handler: handlers.onSpace,\n      description: 'Activate',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowUp) {\n    shortcuts.push({\n      key: 'ArrowUp',\n      handler: handlers.onArrowUp,\n      description: 'Navigate up',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowDown) {\n    shortcuts.push({\n      key: 'ArrowDown',\n      handler: handlers.onArrowDown,\n      description: 'Navigate down',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowLeft) {\n    shortcuts.push({\n      key: 'ArrowLeft',\n      handler: handlers.onArrowLeft,\n      description: 'Navigate left',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowRight) {\n    shortcuts.push({\n      key: 'ArrowRight',\n      handler: handlers.onArrowRight,\n      description: 'Navigate right',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onHome) {\n    shortcuts.push({\n      key: 'Home',\n      handler: handlers.onHome,\n      description: 'Go to first item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onEnd) {\n    shortcuts.push({\n      key: 'End',\n      handler: handlers.onEnd,\n      description: 'Go to last item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onTab) {\n    shortcuts.push({\n      key: 'Tab',\n      handler: handlers.onTab,\n      description: 'Navigate forward'\n    });\n  }\n\n  if (handlers.onShiftTab) {\n    shortcuts.push({\n      key: 'shift+Tab',\n      handler: handlers.onShiftTab,\n      description: 'Navigate backward'\n    });\n  }\n\n  useKeyboardShortcuts(shortcuts);\n}\n","/**\n * @file useIsMobile Hook\n * @description Hook for detecting mobile viewport using modern matchMedia API\n */\n\nimport { useState, useEffect } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * Hook to detect if the viewport is mobile-sized using matchMedia API.\n * More performant than window resize events.\n * @returns {boolean} True if mobile, false otherwise.\n */\nexport function useIsMobile(): boolean {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    // Handle SSR case\n    if (typeof window === 'undefined') {\n      setIsMobile(false);\n      return;\n    }\n\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    \n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n\n    // Set initial value\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\n    // Add event listener\n    mql.addEventListener('change', onChange);\n\n    // Cleanup\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","\nimport { useState, useEffect } from 'react';\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n","/**\n * @file useDataTableState Hook\n * @description Hook for managing DataTable state\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport type { SortingState, ColumnFiltersState, ExpandedState } from '@tanstack/react-table';\n\nexport interface DataTableState {\n  sorting: SortingState;\n  columnFilters: ColumnFiltersState;\n  expanded: ExpandedState;\n  pageSize: number;\n  pageIndex: number;\n  selectedRows: string[];\n}\n\nexport interface DataTableActions {\n  setSorting: (sorting: SortingState) => void;\n  setColumnFilters: (filters: ColumnFiltersState) => void;\n  setExpanded: (expanded: ExpandedState) => void;\n  setPageSize: (size: number) => void;\n  setPageIndex: (index: number) => void;\n  setSelectedRows: (rows: string[]) => void;\n  resetState: () => void;\n}\n\nexport interface DataTableComputed {\n  paginatedData: any[];\n  totalPages: number;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n}\n\nexport interface UseDataTableStateOptions {\n  initialPageSize?: number;\n  data: any[];\n}\n\n/**\n * Hook for managing DataTable state\n * @param options Configuration options\n * @returns Object containing state, actions, and computed values\n */\nexport function useDataTableState(options: UseDataTableStateOptions) {\n  const { initialPageSize = 10, data } = options;\n\n  // State\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [expanded, setExpanded] = useState<ExpandedState>({});\n  const [pageSize, setPageSize] = useState(initialPageSize);\n  const [pageIndex, setPageIndex] = useState(0);\n  const [selectedRows, setSelectedRows] = useState<string[]>([]);\n\n  // Actions\n  const resetState = useCallback(() => {\n    setSorting([]);\n    setColumnFilters([]);\n    setExpanded({});\n    setPageSize(initialPageSize);\n    setPageIndex(0);\n    setSelectedRows([]);\n  }, [initialPageSize]);\n\n  // Computed values\n  const paginatedData = useMemo(() => {\n    const start = pageIndex * pageSize;\n    const end = start + pageSize;\n    return data.slice(start, end);\n  }, [data, pageIndex, pageSize]);\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(data.length / pageSize);\n  }, [data.length, pageSize]);\n\n  const hasNextPage = useMemo(() => {\n    return pageIndex < totalPages - 1;\n  }, [pageIndex, totalPages]);\n\n  const hasPreviousPage = useMemo(() => {\n    return pageIndex > 0;\n  }, [pageIndex]);\n\n  return {\n    state: {\n      sorting,\n      columnFilters,\n      expanded,\n      pageSize,\n      pageIndex,\n      selectedRows\n    },\n    actions: {\n      setSorting,\n      setColumnFilters,\n      setExpanded,\n      setPageSize,\n      setPageIndex,\n      setSelectedRows,\n      resetState\n    },\n    computed: {\n      paginatedData,\n      totalPages,\n      hasNextPage,\n      hasPreviousPage\n    }\n  };\n}\n","\n/**\n * Zod Form Hook\n * \n * Enhanced form hook with Zod validation\n */\n\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\n\ninterface UseZodFormProps<T extends z.ZodTypeAny> {\n  schema: T;\n  defaultValues?: Partial<z.infer<T>>;\n  mode?: 'onSubmit' | 'onBlur' | 'onChange' | 'onTouched' | 'all';\n}\n\nexport function useZodForm<T extends z.ZodTypeAny>({\n  schema,\n  defaultValues,\n  mode = 'onSubmit'\n}: UseZodFormProps<T>) {\n  return useForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    defaultValues: defaultValues as any,\n    mode\n  });\n}\n","\nimport { useEffect, useRef, useCallback } from 'react';\nimport { performanceBudgetMonitor, PERFORMANCE_BUDGETS } from '../utils/performanceBudgets';\n\nexport interface PerformanceMetrics {\n  renderTime: number;\n  componentName: string;\n  timestamp: number;\n}\n\n/**\n * Hook for monitoring component performance with budget validation\n * @param componentName - Name of the component being monitored\n * @param enabled - Whether performance monitoring is enabled\n * @param budgetName - Performance budget to validate against\n */\nexport function usePerformanceMonitor(\n  componentName: string, \n  enabled = import.meta.env.MODE === 'development',\n  budgetName: string = 'COMPONENT_RENDER'\n) {\n  const renderStartTime = useRef<number>(0);\n  const metrics = useRef<PerformanceMetrics[]>([]);\n\n  // Start performance measurement\n  const startMeasurement = useCallback(() => {\n    if (!enabled) return;\n    renderStartTime.current = performance.now();\n  }, [enabled]);\n\n  // End performance measurement with budget validation\n  const endMeasurement = useCallback(() => {\n    if (!enabled || renderStartTime.current === 0) return;\n    \n    const renderTime = performance.now() - renderStartTime.current;\n    const metric: PerformanceMetrics = {\n      renderTime,\n      componentName,\n      timestamp: Date.now()\n    };\n    \n    metrics.current.push(metric);\n    \n    // Keep only last 10 measurements\n    if (metrics.current.length > 10) {\n      metrics.current = metrics.current.slice(-10);\n    }\n    \n    // Validate against performance budget\n    const measurement = performanceBudgetMonitor.measure(budgetName, renderTime, {\n      componentName,\n      renderCount: metrics.current.length\n    });\n    \n    // Log slow renders in development\n    if (!measurement.passed) {\n      console.warn(\n        `🐌 Performance budget exceeded in ${componentName}: ${renderTime.toFixed(2)}ms ` +\n        `(budget: ${PERFORMANCE_BUDGETS[budgetName]?.threshold}ms)`\n      );\n    }\n    \n    renderStartTime.current = 0;\n  }, [enabled, componentName, budgetName]);\n\n  // Get performance metrics\n  const getMetrics = useCallback(() => {\n    return metrics.current.slice();\n  }, []);\n\n  // Get average render time\n  const getAverageRenderTime = useCallback(() => {\n    if (metrics.current.length === 0) return 0;\n    \n    const total = metrics.current.reduce((sum, metric) => sum + metric.renderTime, 0);\n    return total / metrics.current.length;\n  }, []);\n\n  // Get performance budget status\n  const getBudgetStatus = useCallback(() => {\n    const budget = PERFORMANCE_BUDGETS[budgetName];\n    if (!budget) return null;\n\n    const averageTime = getAverageRenderTime();\n    return {\n      budget: budget.threshold,\n      average: averageTime,\n      passed: averageTime <= budget.threshold,\n      efficiency: budget.threshold > 0 ? (budget.threshold - averageTime) / budget.threshold : 0\n    };\n  }, [budgetName, getAverageRenderTime]);\n\n  // Start measurement on every render\n  useEffect(() => {\n    startMeasurement();\n    return endMeasurement;\n  });\n\n  return {\n    getMetrics,\n    getAverageRenderTime,\n    getBudgetStatus,\n    startMeasurement,\n    endMeasurement\n  };\n}\n\n// Hook for measuring specific operations\nexport function useOperationPerformance(operationName: string, budgetName?: string) {\n  const measureOperation = useCallback(async <T>(\n    operation: () => Promise<T> | T,\n    context?: Record<string, any>\n  ): Promise<T> => {\n    const start = performance.now();\n    const result = await operation();\n    const duration = performance.now() - start;\n    \n    const budget = budgetName || 'COMPONENT_RENDER';\n    performanceBudgetMonitor.measure(budget, duration, {\n      operation: operationName,\n      ...context\n    });\n    \n    return result;\n  }, [operationName, budgetName]);\n\n  return { measureOperation };\n}\n"],"mappings":"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","names":["useRef","useEffect","useCallback","useEffect","useCallback","useEffect","useState","useEffect","useState","useCallback","useEffect","useRef","useCallback","useRef","useCallback","useEffect"]}
+{"version":3,"sources":["../src/hooks/useFocusManagement.ts","../src/hooks/useFocusTrap.ts","../src/hooks/useKeyboardShortcuts.ts","../src/hooks/useIsMobile.ts","../src/hooks/useDebounce.ts","../src/hooks/useDataTableState.ts","../src/hooks/useZodForm.ts","../src/hooks/usePerformanceMonitor.ts"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from 'react';\n\nexport interface FocusManagementOptions {\n  trapFocus?: boolean;\n  autoFocus?: boolean;\n  restoreFocus?: boolean;\n  onEscape?: () => void;\n  onFocusFirst?: () => void;\n  onFocusLast?: () => void;\n}\n\nexport interface FocusManagementReturn {\n  containerRef: React.RefObject<HTMLDivElement>;\n  focusRef: React.RefObject<HTMLElement>;\n  setFocus: (element: HTMLElement | null) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  trapFocus: () => void;\n  releaseFocus: () => void;\n  getFocusableElements: () => HTMLElement[];\n  handleEscape: (callback: () => void) => () => void;\n}\n\nexport function useFocusManagement(options: FocusManagementOptions = {}): FocusManagementReturn {\n  const { \n    trapFocus = false, \n    autoFocus = false, \n    restoreFocus = false,\n    onEscape,\n    onFocusFirst,\n    onFocusLast \n  } = options;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const focusRef = useRef<HTMLElement | null>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const trapFocusActiveRef = useRef<boolean>(false);\n\n  const setFocus = useCallback((element: HTMLElement | null) => {\n    focusRef.current = element;\n    element?.focus();\n  }, []);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter((el) => !el.hasAttribute('disabled') && !el.hasAttribute('hidden'));\n  }, []);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[0]);\n      onFocusFirst?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusFirst]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[elements.length - 1]);\n      onFocusLast?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusLast]);\n\n  const trapFocusMethod = useCallback(() => {\n    trapFocusActiveRef.current = true;\n  }, []);\n\n  const releaseFocus = useCallback(() => {\n    trapFocusActiveRef.current = false;\n  }, []);\n\n  const handleEscape = useCallback((callback: () => void) => {\n    return () => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          callback();\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, []);\n\n  // Handle focus trap\n  useEffect(() => {\n    if (!trapFocus || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      if (event.key !== 'Tab') return;\n\n      const elements = getFocusableElements();\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstElement) {\n          event.preventDefault();\n          lastElement.focus();\n        }\n      } else {\n        if (document.activeElement === lastElement) {\n          event.preventDefault();\n          firstElement.focus();\n        }\n      }\n    };\n\n    const current = containerRef.current;\n    current.addEventListener('keydown', handleKeyDown);\n    return () => {\n      current?.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [trapFocus, onEscape, getFocusableElements]);\n\n  // Handle auto focus\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus, focusFirst]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!restoreFocus) return;\n\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    return () => {\n      if (previousFocusRef.current) {\n        previousFocusRef.current.focus();\n      }\n    };\n  }, [restoreFocus]);\n\n  return {\n    containerRef,\n    focusRef,\n    setFocus,\n    focusFirst,\n    focusLast,\n    trapFocus: trapFocusMethod,\n    releaseFocus,\n    getFocusableElements,\n    handleEscape,\n  };\n}\n","\nimport { useRef, useEffect, useCallback } from 'react';\n\nexport interface FocusTrapOptions {\n  /** Whether the focus trap is active */\n  isActive?: boolean;\n  /** Whether to auto-focus the first element when activated */\n  autoFocus?: boolean;\n  /** Whether to restore focus to the previously focused element when deactivated */\n  restoreFocus?: boolean;\n  /** Callback when Escape key is pressed */\n  onEscape?: () => void;\n  /** Selector for focusable elements (optional override) */\n  focusableSelector?: string;\n}\n\nexport interface FocusTrapReturn {\n  /** Ref to attach to the container element */\n  containerRef: React.RefObject<HTMLElement>;\n  /** Focus the first focusable element */\n  focusFirst: () => void;\n  /** Focus the last focusable element */\n  focusLast: () => void;\n  /** Get all focusable elements in the container */\n  getFocusableElements: () => HTMLElement[];\n}\n\nconst DEFAULT_FOCUSABLE_SELECTOR = [\n  'button:not([disabled])',\n  '[href]',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]'\n].join(', ');\n\n/**\n * Hook for creating accessible focus traps\n * Useful for modals, dropdowns, and other overlay components\n */\nexport function useFocusTrap(options: FocusTrapOptions = {}): FocusTrapReturn {\n  const {\n    isActive = false,\n    autoFocus = false,\n    restoreFocus = false,\n    onEscape,\n    focusableSelector = DEFAULT_FOCUSABLE_SELECTOR\n  } = options;\n\n  const containerRef = useRef<HTMLElement>(null);\n  const previouslyFocusedElement = useRef<HTMLElement | null>(null);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(focusableSelector)\n    ).filter((element) => {\n      return (\n        !element.hasAttribute('disabled') &&\n        !element.hasAttribute('hidden') &&\n        element.offsetParent !== null // visible check\n      );\n    });\n  }, [focusableSelector]);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[0].focus();\n    }\n  }, [getFocusableElements]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[elements.length - 1].focus();\n    }\n  }, [getFocusableElements]);\n\n  // Handle keyboard events\n  useEffect(() => {\n    if (!isActive || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Handle Escape key\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      // Handle Tab key for focus trapping\n      if (event.key === 'Tab') {\n        const focusableElements = getFocusableElements();\n        if (focusableElements.length === 0) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (event.shiftKey) {\n          // Shift + Tab: moving backwards\n          if (document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          }\n        } else {\n          // Tab: moving forwards\n          if (document.activeElement === lastElement) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      }\n    };\n\n    const container = containerRef.current;\n    container.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [isActive, onEscape, getFocusableElements]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!isActive) return;\n\n    // Store the previously focused element\n    if (restoreFocus) {\n      previouslyFocusedElement.current = document.activeElement as HTMLElement;\n    }\n\n    // Auto-focus first element if requested\n    if (autoFocus) {\n      const timer = setTimeout(focusFirst, 0);\n      return () => clearTimeout(timer);\n    }\n\n    return () => {\n      // Restore focus when trap is deactivated\n      if (restoreFocus && previouslyFocusedElement.current) {\n        previouslyFocusedElement.current.focus();\n        previouslyFocusedElement.current = null;\n      }\n    };\n  }, [isActive, autoFocus, restoreFocus, focusFirst]);\n\n  return {\n    containerRef,\n    focusFirst,\n    focusLast,\n    getFocusableElements\n  };\n}\n","import { useEffect, useCallback } from 'react';\n\nexport interface KeyboardShortcut {\n  /** Key combination (e.g., 'Escape', 'Enter', 'ArrowDown', 'ctrl+s') */\n  key: string;\n  /** Callback function to execute */\n  handler: (event: KeyboardEvent) => void;\n  /** Description for documentation/help */\n  description?: string;\n  /** Whether the shortcut is enabled */\n  enabled?: boolean;\n  /** Prevent default browser behavior */\n  preventDefault?: boolean;\n  /** Stop event propagation */\n  stopPropagation?: boolean;\n}\n\nexport interface KeyboardShortcutsOptions {\n  /** Element to attach listeners to (defaults to document) */\n  element?: HTMLElement | Document;\n  /** Whether shortcuts are globally enabled */\n  enabled?: boolean;\n}\n\n/**\n * Parse key combination string into modifier and key parts\n */\nfunction parseKeyCombo(combo: string) {\n  const parts = combo.toLowerCase().split('+');\n  const key = parts.pop()!;\n  const modifiers = {\n    ctrl: parts.includes('ctrl') || parts.includes('control'),\n    alt: parts.includes('alt'),\n    shift: parts.includes('shift'),\n    meta: parts.includes('meta') || parts.includes('cmd')\n  };\n  return { key, modifiers };\n}\n\n/**\n * Check if event matches the key combination\n */\nfunction matchesKeyCombo(event: KeyboardEvent, combo: string): boolean {\n  const { key, modifiers } = parseKeyCombo(combo);\n  \n  // Check if the main key matches\n  const eventKey = event.key.toLowerCase();\n  const targetKey = key.toLowerCase();\n  \n  if (eventKey !== targetKey) {\n    return false;\n  }\n  \n  // Check modifiers\n  return (\n    event.ctrlKey === modifiers.ctrl &&\n    event.altKey === modifiers.alt &&\n    event.shiftKey === modifiers.shift &&\n    event.metaKey === modifiers.meta\n  );\n}\n\n/**\n * Hook for managing keyboard shortcuts\n * \n * @example\n * ```tsx\n * function MyComponent() {\n *   const shortcuts = [\n *     {\n *       key: 'Escape',\n *       handler: () => setIsOpen(false),\n *       description: 'Close modal'\n *     },\n *     {\n *       key: 'ctrl+s',\n *       handler: (e) => handleSave(),\n *       description: 'Save document',\n *       preventDefault: true\n *     }\n *   ];\n * \n *   useKeyboardShortcuts(shortcuts);\n *   \n *   return <div>Content</div>;\n * }\n * ```\n */\nexport function useKeyboardShortcuts(\n  shortcuts: KeyboardShortcut[],\n  options: KeyboardShortcutsOptions = {}\n): void {\n  const { element = document, enabled = true } = options;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (!enabled) return;\n\n    for (const shortcut of shortcuts) {\n      if (shortcut.enabled === false) continue;\n\n      if (matchesKeyCombo(event, shortcut.key)) {\n        if (shortcut.preventDefault) {\n          event.preventDefault();\n        }\n        if (shortcut.stopPropagation) {\n          event.stopPropagation();\n        }\n        \n        shortcut.handler(event);\n        break; // Only handle first matching shortcut\n      }\n    }\n  }, [shortcuts, enabled]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    element.addEventListener('keydown', handleKeyDown as EventListener);\n    return () => element.removeEventListener('keydown', handleKeyDown as EventListener);\n  }, [element, enabled, handleKeyDown]);\n}\n\n/**\n * Hook for common accessibility keyboard shortcuts\n */\nexport function useAccessibilityShortcuts(handlers: {\n  onEscape?: () => void;\n  onEnter?: () => void;\n  onSpace?: () => void;\n  onArrowUp?: () => void;\n  onArrowDown?: () => void;\n  onArrowLeft?: () => void;\n  onArrowRight?: () => void;\n  onHome?: () => void;\n  onEnd?: () => void;\n  onTab?: () => void;\n  onShiftTab?: () => void;\n}) {\n  const shortcuts: KeyboardShortcut[] = [];\n\n  if (handlers.onEscape) {\n    shortcuts.push({\n      key: 'Escape',\n      handler: handlers.onEscape,\n      description: 'Escape/Cancel'\n    });\n  }\n\n  if (handlers.onEnter) {\n    shortcuts.push({\n      key: 'Enter',\n      handler: handlers.onEnter,\n      description: 'Activate/Submit'\n    });\n  }\n\n  if (handlers.onSpace) {\n    shortcuts.push({\n      key: ' ',\n      handler: handlers.onSpace,\n      description: 'Activate',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowUp) {\n    shortcuts.push({\n      key: 'ArrowUp',\n      handler: handlers.onArrowUp,\n      description: 'Navigate up',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowDown) {\n    shortcuts.push({\n      key: 'ArrowDown',\n      handler: handlers.onArrowDown,\n      description: 'Navigate down',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowLeft) {\n    shortcuts.push({\n      key: 'ArrowLeft',\n      handler: handlers.onArrowLeft,\n      description: 'Navigate left',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowRight) {\n    shortcuts.push({\n      key: 'ArrowRight',\n      handler: handlers.onArrowRight,\n      description: 'Navigate right',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onHome) {\n    shortcuts.push({\n      key: 'Home',\n      handler: handlers.onHome,\n      description: 'Go to first item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onEnd) {\n    shortcuts.push({\n      key: 'End',\n      handler: handlers.onEnd,\n      description: 'Go to last item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onTab) {\n    shortcuts.push({\n      key: 'Tab',\n      handler: handlers.onTab,\n      description: 'Navigate forward'\n    });\n  }\n\n  if (handlers.onShiftTab) {\n    shortcuts.push({\n      key: 'shift+Tab',\n      handler: handlers.onShiftTab,\n      description: 'Navigate backward'\n    });\n  }\n\n  useKeyboardShortcuts(shortcuts);\n}\n","/**\n * @file useIsMobile Hook\n * @description Hook for detecting mobile viewport using modern matchMedia API\n */\n\nimport { useState, useEffect } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * Hook to detect if the viewport is mobile-sized using matchMedia API.\n * More performant than window resize events.\n * @returns {boolean} True if mobile, false otherwise.\n */\nexport function useIsMobile(): boolean {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    // Handle SSR case\n    if (typeof window === 'undefined') {\n      setIsMobile(false);\n      return;\n    }\n\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    \n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n\n    // Set initial value\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\n    // Add event listener\n    mql.addEventListener('change', onChange);\n\n    // Cleanup\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","\nimport { useState, useEffect } from 'react';\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n","/**\n * @file useDataTableState Hook\n * @description Hook for managing DataTable state\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport type { SortingState, ColumnFiltersState, ExpandedState } from '@tanstack/react-table';\n\nexport interface DataTableState {\n  sorting: SortingState;\n  columnFilters: ColumnFiltersState;\n  expanded: ExpandedState;\n  pageSize: number;\n  pageIndex: number;\n  selectedRows: string[];\n}\n\nexport interface DataTableActions {\n  setSorting: (sorting: SortingState) => void;\n  setColumnFilters: (filters: ColumnFiltersState) => void;\n  setExpanded: (expanded: ExpandedState) => void;\n  setPageSize: (size: number) => void;\n  setPageIndex: (index: number) => void;\n  setSelectedRows: (rows: string[]) => void;\n  resetState: () => void;\n}\n\nexport interface DataTableComputed {\n  paginatedData: any[];\n  totalPages: number;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n}\n\nexport interface UseDataTableStateOptions {\n  initialPageSize?: number;\n  data: any[];\n}\n\n/**\n * Hook for managing DataTable state\n * @param options Configuration options\n * @returns Object containing state, actions, and computed values\n */\nexport function useDataTableState(options: UseDataTableStateOptions) {\n  const { initialPageSize = 10, data } = options;\n\n  // State\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [expanded, setExpanded] = useState<ExpandedState>({});\n  const [pageSize, setPageSize] = useState(initialPageSize);\n  const [pageIndex, setPageIndex] = useState(0);\n  const [selectedRows, setSelectedRows] = useState<string[]>([]);\n\n  // Actions\n  const resetState = useCallback(() => {\n    setSorting([]);\n    setColumnFilters([]);\n    setExpanded({});\n    setPageSize(initialPageSize);\n    setPageIndex(0);\n    setSelectedRows([]);\n  }, [initialPageSize]);\n\n  // Computed values\n  const paginatedData = useMemo(() => {\n    const start = pageIndex * pageSize;\n    const end = start + pageSize;\n    return data.slice(start, end);\n  }, [data, pageIndex, pageSize]);\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(data.length / pageSize);\n  }, [data.length, pageSize]);\n\n  const hasNextPage = useMemo(() => {\n    return pageIndex < totalPages - 1;\n  }, [pageIndex, totalPages]);\n\n  const hasPreviousPage = useMemo(() => {\n    return pageIndex > 0;\n  }, [pageIndex]);\n\n  return {\n    state: {\n      sorting,\n      columnFilters,\n      expanded,\n      pageSize,\n      pageIndex,\n      selectedRows\n    },\n    actions: {\n      setSorting,\n      setColumnFilters,\n      setExpanded,\n      setPageSize,\n      setPageIndex,\n      setSelectedRows,\n      resetState\n    },\n    computed: {\n      paginatedData,\n      totalPages,\n      hasNextPage,\n      hasPreviousPage\n    }\n  };\n}\n","\n/**\n * Zod Form Hook\n * \n * Enhanced form hook with Zod validation\n */\n\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\n\ninterface UseZodFormProps<T extends z.ZodTypeAny> {\n  schema: T;\n  defaultValues?: Partial<z.infer<T>>;\n  mode?: 'onSubmit' | 'onBlur' | 'onChange' | 'onTouched' | 'all';\n}\n\nexport function useZodForm<T extends z.ZodTypeAny>({\n  schema,\n  defaultValues,\n  mode = 'onSubmit'\n}: UseZodFormProps<T>) {\n  return useForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    defaultValues: defaultValues as any,\n    mode\n  });\n}\n","\nimport { useEffect, useRef, useCallback } from 'react';\nimport { performanceBudgetMonitor, PERFORMANCE_BUDGETS } from '../utils/performance/performanceBudgets';\nimport { createLogger } from '../utils/core/logger';\n\nconst log = createLogger('usePerformanceMonitor');\n\nexport interface PerformanceMetrics {\n  renderTime: number;\n  componentName: string;\n  timestamp: number;\n}\n\n/**\n * Hook for monitoring component performance with budget validation\n * @param componentName - Name of the component being monitored\n * @param enabled - Whether performance monitoring is enabled\n * @param budgetName - Performance budget to validate against\n */\nexport function usePerformanceMonitor(\n  componentName: string, \n  enabled = import.meta.env.MODE === 'development',\n  budgetName: string = 'COMPONENT_RENDER'\n) {\n  const renderStartTime = useRef<number>(0);\n  const metrics = useRef<PerformanceMetrics[]>([]);\n\n  // Start performance measurement\n  const startMeasurement = useCallback(() => {\n    if (!enabled) return;\n    renderStartTime.current = performance.now();\n  }, [enabled]);\n\n  // End performance measurement with budget validation\n  const endMeasurement = useCallback(() => {\n    if (!enabled || renderStartTime.current === 0) return;\n    \n    const renderTime = performance.now() - renderStartTime.current;\n    const metric: PerformanceMetrics = {\n      renderTime,\n      componentName,\n      timestamp: Date.now()\n    };\n    \n    metrics.current.push(metric);\n    \n    // Keep only last 10 measurements\n    if (metrics.current.length > 10) {\n      metrics.current = metrics.current.slice(-10);\n    }\n    \n    // Validate against performance budget\n    const measurement = performanceBudgetMonitor.measure(budgetName, renderTime, {\n      componentName,\n      renderCount: metrics.current.length\n    });\n    \n    // Log slow renders in development\n    if (!measurement.passed) {\n      log.warn(\n        `Performance budget exceeded in ${componentName}: ${renderTime.toFixed(2)}ms ` +\n        `(budget: ${PERFORMANCE_BUDGETS[budgetName]?.threshold}ms)`\n      );\n    }\n    \n    renderStartTime.current = 0;\n  }, [enabled, componentName, budgetName]);\n\n  // Get performance metrics\n  const getMetrics = useCallback(() => {\n    return metrics.current.slice();\n  }, []);\n\n  // Get average render time\n  const getAverageRenderTime = useCallback(() => {\n    if (metrics.current.length === 0) return 0;\n    \n    const total = metrics.current.reduce((sum, metric) => sum + metric.renderTime, 0);\n    return total / metrics.current.length;\n  }, []);\n\n  // Get performance budget status\n  const getBudgetStatus = useCallback(() => {\n    const budget = PERFORMANCE_BUDGETS[budgetName];\n    if (!budget) return null;\n\n    const averageTime = getAverageRenderTime();\n    return {\n      budget: budget.threshold,\n      average: averageTime,\n      passed: averageTime <= budget.threshold,\n      efficiency: budget.threshold > 0 ? (budget.threshold - averageTime) / budget.threshold : 0\n    };\n  }, [budgetName, getAverageRenderTime]);\n\n  // Start measurement on every render\n  useEffect(() => {\n    startMeasurement();\n    return endMeasurement;\n  });\n\n  return {\n    getMetrics,\n    getAverageRenderTime,\n    getBudgetStatus,\n    startMeasurement,\n    endMeasurement\n  };\n}\n\n// Hook for measuring specific operations\nexport function useOperationPerformance(operationName: string, budgetName?: string) {\n  const measureOperation = useCallback(async <T>(\n    operation: () => Promise<T> | T,\n    context?: Record<string, any>\n  ): Promise<T> => {\n    const start = performance.now();\n    const result = await operation();\n    const duration = performance.now() - start;\n    \n    const budget = budgetName || 'COMPONENT_RENDER';\n    performanceBudgetMonitor.measure(budget, duration, {\n      operation: operationName,\n      ...context\n    });\n    \n    return result;\n  }, [operationName, budgetName]);\n\n  return { measureOperation };\n}\n"],"mappings":"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","names":["useRef","useEffect","useCallback","useEffect","useCallback","useEffect","useState","useEffect","useState","useCallback","useEffect","useRef","useCallback","useRef","useCallback","useEffect"]}