@jmruthers/pace-core 0.2.4

package/dist/chunk-7JL3T7BO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx","../src/components/Label/Label.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Progress/Progress.tsx","../src/components/Toast/Toast.tsx","../src/components/Form/Form.tsx","../src/components/LoginForm/LoginForm.tsx","../src/components/EventSelector/EventSelector.tsx","../src/components/PasswordReset/PasswordChangeForm.tsx","../src/components/Button/index.ts","../src/components/UserMenu/UserMenu.tsx","../src/components/NavigationMenu/NavigationMenu.tsx","../src/components/Header/Header.tsx","../src/components/Footer/Footer.tsx","../src/components/PaceAppLayout/PaceAppLayout.tsx","../src/components/PaceLoginPage/PaceLoginPage.tsx","../src/components/ErrorBoundary/ErrorBoundary.tsx","../src/components/OrganisationSelector/OrganisationSelector.tsx","../src/components/PasswordReset/PasswordResetForm.tsx","../src/utils/storage/config.ts","../src/utils/storage/helpers.ts","../src/hooks/useStorage.ts","../src/components/FileUpload/FileUpload.tsx","../src/components/PublicLayout/EventLogo.tsx","../src/components/PublicLayout/PublicPageHeader.tsx","../src/components/PublicLayout/PublicPageFooter.tsx","../src/components/PublicLayout/PublicLoadingSpinner.tsx","../src/components/PublicLayout/PublicPageLayout.tsx","../src/components/PublicLayout/PublicPageDebugger.tsx","../src/components/PublicLayout/PublicPageDiagnostic.tsx","../src/components/PublicLayout/PublicPageContextChecker.tsx"],"sourcesContent":["/**\n * @file Card Component Suite\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n *\n * A flexible card component suite for displaying content with consistent styling.\n * Includes Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardActions, and HoverCard variants.\n * Uses semantic HTML elements for better accessibility and structure.\n *\n * Features:\n * - Semantic HTML structure (article, header, main, footer, etc.)\n * - Modular card structure (header, content, footer, actions, etc.)\n * - CardContent uses main element for primary content (accessible when nested)\n * - Consistent padding, border, and shadow\n * - Responsive and accessible\n * - HoverCard for popover-style cards\n * - Proper heading hierarchy and semantic elements\n *\n * @example\n * ```tsx\n * // Basic card with semantic HTML structure\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Article Title</CardTitle>\n *     <CardDescription>Brief description of the article content</CardDescription>\n *   </CardHeader>\n *   <CardContent>\n *     <p>Main content goes here with proper semantic structure.</p>\n *     <p>Additional paragraphs and content.</p>\n *   </CardContent>\n *   <CardFooter>\n *     <CardActions>\n *       <Button>Primary Action</Button>\n *       <Button variant=\"outline\">Secondary Action</Button>\n *     </CardActions>\n *   </CardFooter>\n * </Card>\n *\n * // Semantic HTML structure:\n * // - Card: <article> element for self-contained content\n * // - CardHeader: <header> element for card heading area\n * // - CardContent: <main> element for primary card content\n * // - CardFooter: <footer> element for card footer area\n * // - CardActions: <nav> element for action buttons\n *\n * // HoverCard usage with semantic structure\n * <HoverCard>\n *   <HoverCardTrigger>Hover me</HoverCardTrigger>\n *   <HoverCardContent>\n *     <p>Popover content with semantic elements</p>\n *   </HoverCardContent>\n * </HoverCard>\n * ```\n *\n * @accessibility\n * - Uses semantic HTML structure (article, header, main, footer, nav)\n * - Focusable and keyboard accessible\n * - Proper heading hierarchy for screen readers\n * - HoverCard supports mouse and keyboard interaction\n * - Screen reader friendly with semantic landmarks\n */\n\nimport * as React from \"react\"\nimport { cn } from \"../../utils/cn\"\n\nexport interface CardProps extends React.HTMLAttributes<HTMLElement> {\n  /** Visual variant of the card */\n  variant?: 'default' | 'outline' | 'ghost';\n  /** Size of the card */\n  size?: 'default' | 'sm' | 'lg';\n}\n\n/**\n * Get card classes based on variant and size\n */\nfunction getCardClasses(variant: CardProps['variant'] = 'default', size: CardProps['size'] = 'default'): string {\n  const baseClasses = \"rounded-lg border bg-card text-card-foreground shadow-sm\";\n  \n  const variantClasses = {\n    default: \"shadow-xl\",\n    outline: \"border-2\",\n    ghost: \"border-0 shadow-none\"\n  };\n  \n  const sizeClasses = {\n    default: \"\",\n    sm: \"text-sm\",\n    lg: \"text-lg\"\n  };\n  \n  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]}`;\n}\n\nconst Card = React.forwardRef<\n  HTMLElement,\n  CardProps\n>(({ className, variant, size, ...props }, ref) => (\n  <article\n    ref={ref}\n    className={cn(\n      \"grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible\",\n      getCardClasses(variant, size),\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <header\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6 min-w-0 w-full\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      'text-2xl font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <main \n    ref={ref} \n    className={cn(\"p-6 pt-0 min-w-0 w-full\", className)} \n    {...props} \n  />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <footer\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0 min-w-0 w-full\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nconst CardActions = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <nav\n    ref={ref}\n    className={cn(\"flex gap-2\", className)}\n    role=\"group\"\n    aria-label=\"Card actions\"\n    {...props}\n  />\n))\nCardActions.displayName = \"CardActions\"\n\n// HoverCard components - improved with semantic structure\nconst HoverCard = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { children: React.ReactNode }\n>(({ children, className, ...props }, ref) => {\n  return (\n    <section\n      ref={ref}\n      className={cn(\"relative inline-block\", className)}\n      {...props}\n    >\n      {children}\n    </section>\n  );\n});\nHoverCard.displayName = \"HoverCard\"\n\nconst HoverCardTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement> & { asChild?: boolean }\n>(({ className, asChild, children, ...props }, ref) => {\n  if (asChild) {\n    return (\n      <span className={cn(\"cursor-pointer\", className)}>\n        {children}\n      </span>\n    );\n  }\n  \n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={cn(\n        \"cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n})\nHoverCardTrigger.displayName = \"HoverCardTrigger\"\n\nconst HoverCardContent = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <aside\n    ref={ref}\n    className={cn(\n      \"absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md\",\n      className\n    )}\n    role=\"tooltip\"\n    {...props}\n  />\n))\nHoverCardContent.displayName = \"HoverCardContent\"\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardTitle, \n  CardDescription, \n  CardContent,\n  CardActions,\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent\n}\n\n// Export types with correct semantic element types\nexport type CardHeaderProps = React.HTMLAttributes<HTMLElement>;\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nexport type CardContentProps = React.HTMLAttributes<HTMLElement>;\nexport type CardFooterProps = React.HTMLAttributes<HTMLElement>;\nexport type CardActionsProps = React.HTMLAttributes<HTMLElement>;\nexport type HoverCardProps = React.HTMLAttributes<HTMLElement>;\nexport type HoverCardTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & { asChild?: boolean };\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLElement>;\n","/**\n * @file Label Component\n * @package @jmruthers/pace-core\n * @module Components/Label\n * @since 0.1.0\n *\n * An accessible label component built on top of Radix UI primitives.\n * Provides form labels with helper text, error states, and required indicators.\n *\n * Features:\n * - Proper label association with form controls\n * - Required field indicators\n * - Helper text support\n * - Error state display\n * - Customizable styling\n * - Screen reader friendly\n * - Keyboard accessible\n *\n * @example\n * ```tsx\n * // Basic label\n * <Label htmlFor=\"email\">Email Address</Label>\n * <Input id=\"email\" type=\"email\" />\n * \n * // Label with required indicator\n * <Label htmlFor=\"name\" required>\n *   Full Name\n * </Label>\n * <Input id=\"name\" />\n * \n * // Label with helper text\n * <Label \n *   htmlFor=\"password\" \n *   required \n *   helperText=\"Must be at least 8 characters\"\n * >\n *   Password\n * </Label>\n * <Input id=\"password\" type=\"password\" />\n * \n * // Label with error state\n * <Label \n *   htmlFor=\"email\" \n *   error=\"Please enter a valid email address\"\n * >\n *   Email Address\n * </Label>\n * <Input id=\"email\" type=\"email\" />\n * \n * // Custom required indicator\n * <Label \n *   htmlFor=\"terms\" \n *   required \n *   requiredIndicator=\"(required)\"\n * >\n *   Accept Terms\n * </Label>\n * <Checkbox id=\"terms\" />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper label association with htmlFor\n * - Screen reader announcements for errors\n * - Required field indicators for screen readers\n * - Error messages with role=\"alert\"\n * - High contrast support\n *\n * @dependencies\n * - @radix-ui/react-label - Core label functionality\n * - class-variance-authority - Variant styling\n * - React 18+ - Hooks and refs\n * - Tailwind CSS - Styling\n */\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../../utils/cn';\n\nconst getLabelClasses = (): string => {\n  return 'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70';\n};\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  /** Whether the field is required */\n  required?: boolean;\n  /** Custom required indicator (default: '*') */\n  requiredIndicator?: React.ReactNode;\n  /** Whether to hide the required indicator visually */\n  hideRequiredIndicator?: boolean;\n  /** Helper text to display below the label */\n  helperText?: string;\n  /** CSS classes for helper text styling */\n  helperTextClassName?: string;\n  /** Error message to display */\n  error?: string;\n  /** CSS classes for error message styling */\n  errorClassName?: string;\n}\n\n/**\n * Label component\n * An accessible label with helper text and error state support\n * \n * @param props - Label configuration and styling\n * @param ref - Forwarded ref to the label element\n * @returns JSX.Element - The rendered label with optional helper text and errors\n * \n * @example\n * ```tsx\n * <Label htmlFor=\"email\" required helperText=\"We'll never share your email\">\n *   Email Address\n * </Label>\n * ```\n */\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({\n  className,\n  required = false,\n  requiredIndicator,\n  hideRequiredIndicator = false,\n  helperText,\n  helperTextClassName,\n  error,\n  errorClassName,\n  children,\n  htmlFor,\n  ...props\n}, ref) => {\n  const hasError = !!error;\n  const showHelperText = helperText && !hasError;\n  \n  return (\n    <>\n      <LabelPrimitive.Root\n        ref={ref}\n        className={cn(\n          getLabelClasses(),\n          hasError && 'text-destructive',\n          className\n        )}\n        htmlFor={htmlFor}\n        {...props}\n      >\n        {children}\n        {required && (\n          <label\n            aria-label=\"required\"\n            className={cn(\n              'text-destructive ml-1',\n              hideRequiredIndicator && 'sr-only'\n            )}\n          >\n            {requiredIndicator || '*'}\n          </label>\n        )}\n      </LabelPrimitive.Root>\n      \n      {showHelperText && (\n        <p className={cn('text-muted-foreground', helperTextClassName)}>\n          {helperText}\n        </p>\n      )}\n      \n      {hasError && (\n        <p\n          role=\"alert\"\n          aria-live=\"polite\"\n          className={cn('text-destructive', errorClassName)}\n        >\n          {error}\n        </p>\n      )}\n    </>\n  );\n});\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n","/**\n * @file Avatar Component Suite\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n *\n * A flexible and accessible avatar component for displaying user profile images or initials.\n * Includes Avatar, AvatarImage, and AvatarFallback subcomponents.\n *\n * Features:\n * - Circular avatar display\n * - Image, fallback, and initials support\n * - Customizable size and style\n * - Keyboard and screen reader accessible\n * - Graceful fallback for missing images\n *\n * @example\n * ```tsx\n * // Basic avatar with image\n * <Avatar>\n *   <AvatarImage src=\"/user.jpg\" alt=\"User\" />\n *   <AvatarFallback>AB</AvatarFallback>\n * </Avatar>\n *\n * // Avatar with fallback only\n * <Avatar>\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n *\n * @accessibility\n * - Uses alt text for images\n * - Fallback content is accessible to screen readers\n * - Keyboard focusable and navigable\n */\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"../../utils/cn\"\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"object-cover\", className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full text-sec-50 bg-sec-500\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n","/**\n * @file Progress Component\n * @package @jmruthers/pace-core\n * @module Components/Progress\n * @since 0.1.0\n *\n * An accessible progress bar component built on top of Radix UI primitives.\n * Provides smooth animations and proper ARIA attributes for screen readers.\n *\n * Features:\n * - Smooth progress animations\n * - Customizable value and max range\n * - Proper ARIA attributes for accessibility\n * - Customizable styling and appearance\n * - Responsive design\n * - Keyboard accessible\n *\n * @example\n * ```tsx\n * // Basic progress bar\n * <Progress value={50} />\n * \n * // Progress with custom max value\n * <Progress value={7} max={10} />\n * \n * // Progress with custom styling\n * <Progress \n *   value={75} \n *   className=\"h-4 bg-sec-200\" \n * />\n * \n * // Animated progress (controlled)\n * const [progress, setProgress] = useState(0);\n * \n * useEffect(() => {\n *   const timer = setInterval(() => {\n *     setProgress(prev => prev >= 100 ? 0 : prev + 10);\n *   }, 1000);\n *   return () => clearInterval(timer);\n * }, []);\n * \n * <Progress value={progress} />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper ARIA attributes (aria-valuenow, aria-valuemax, aria-valuemin)\n * - Screen reader announcements for progress changes\n * - Keyboard navigation support\n * - High contrast support\n *\n * @performance\n * - CSS transitions for smooth animations\n * - Efficient re-rendering\n * - Minimal DOM structure\n *\n * @dependencies\n * - @radix-ui/react-progress - Core progress functionality\n * - React 18+ - Hooks and refs\n * - Tailwind CSS - Styling\n */\n\nimport * as React from 'react';\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the Progress component\n */\nexport interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n  /** Current progress value (0 to max) */\n  value?: number;\n  /** Maximum progress value (default: 100) */\n  max?: number;\n}\n\n/**\n * Progress component\n * An accessible progress bar with smooth animations\n * \n * @param props - Progress configuration and styling\n * @param ref - Forwarded ref to the progress element\n * @returns JSX.Element - The rendered progress bar\n * \n * @example\n * ```tsx\n * <Progress value={75} max={100} />\n * ```\n */\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({ className, value, max = 100, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n      className\n    )}\n    {...props}\n    value={value}\n    max={max}\n    aria-valuenow={value}\n    aria-valuemax={max}\n    aria-valuemin={0}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"h-full w-full flex-1 bg-primary transition-all\"\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n    />\n  </ProgressPrimitive.Root>\n));\n\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n","/**\n * @file Toast Component System\n * @package @jmruthers/pace-core\n * @module Components/Toast\n * @since 0.1.0\n *\n * A comprehensive toast notification system built on top of Radix UI primitives.\n * Provides accessible, customizable toast notifications with smooth animations.\n *\n * Features:\n * - Multiple toast types (success, error, warning, info)\n * - Customizable positioning and styling\n * - Swipe gestures for dismissal\n * - Keyboard navigation support\n * - Auto-dismiss with configurable duration\n * - Action buttons and close functionality\n * - Responsive design\n * - Accessibility compliant\n * - Smooth animations and transitions\n * - Toast queue management\n *\n * @example\n * ```tsx\n * // Basic toast usage\n * import { useToast } from '@jmruthers/pace-core';\n * \n * function MyComponent() {\n *   const { toast } = useToast();\n * \n *   const handleSuccess = () => {\n *     toast({\n *       title: \"Success!\",\n *       description: \"Your changes have been saved.\",\n *       variant: \"success\"\n *     });\n *   };\n * \n *   return <button onClick={handleSuccess}>Save Changes</button>;\n * }\n * \n * // Toast with action\n * toast({\n *   title: \"Undo Changes\",\n *   description: \"Your changes have been saved.\",\n *   action: <ToastAction altText=\"Undo\">Undo</ToastAction>\n * });\n * \n * // Custom toast component\n * <Toast>\n *   <ToastTitle>Custom Toast</ToastTitle>\n *   <ToastDescription>This is a custom toast message.</ToastDescription>\n *   <ToastClose />\n * </Toast>\n * \n * // Toast provider setup\n * function App() {\n *   return (\n *     <ToastProvider>\n *       <YourApp />\n *       <Toaster />\n *     </ToastProvider>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper ARIA attributes and roles\n * - Keyboard navigation support\n * - Screen reader announcements\n * - Focus management\n * - High contrast support\n * - Swipe gesture alternatives\n *\n * @performance\n * - Efficient toast queue management\n * - Optimized animations\n * - Memory leak prevention\n * - Lazy rendering\n *\n * @dependencies\n * - @radix-ui/react-toast - Core toast functionality\n * - lucide-react - Icons\n * - React 18+ - Hooks and refs\n * - Tailwind CSS - Styling\n */\n\nimport * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\n/**\n * ToastViewport component\n * Container for all toast notifications with customizable positioning\n * \n * @param props - Viewport configuration and styling\n * @param ref - Forwarded ref to the viewport element\n * @returns JSX.Element - The toast viewport container\n */\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    data-testid=\"toast-viewport\"\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\n/**\n * Toast component\n * The main toast notification component with animations and interactions\n * \n * @param props - Toast configuration and content\n * @param ref - Forwarded ref to the toast element\n * @returns JSX.Element - The rendered toast notification\n * \n * @example\n * ```tsx\n * <Toast>\n *   <ToastTitle>Success!</ToastTitle>\n *   <ToastDescription>Your changes have been saved.</ToastDescription>\n *   <ToastClose />\n * </Toast>\n * ```\n */\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      data-testid=\"toast-root\"\n      className={cn(\n        \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\n/**\n * ToastAction component\n * Action button within a toast notification\n * \n * @param props - Action button configuration\n * @param ref - Forwarded ref to the action button\n * @returns JSX.Element - The action button element\n * \n * @example\n * ```tsx\n * <ToastAction altText=\"Undo changes\">Undo</ToastAction>\n * ```\n */\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    data-testid=\"toast-action\"\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\n/**\n * ToastClose component\n * Close button for dismissing toast notifications\n * \n * @param props - Close button configuration\n * @param ref - Forwarded ref to the close button\n * @returns JSX.Element - The close button with X icon\n * \n * @example\n * ```tsx\n * <ToastClose />\n * ```\n */\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    data-testid=\"toast-close\"\n    className={cn(\n      \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-acc-300 group-[.destructive]:hover:text-acc-50 group-[.destructive]:focus:ring-acc-400 group-[.destructive]:focus:ring-offset-acc-600\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\n/**\n * ToastTitle component\n * Title text for toast notifications\n * \n * @param props - Title configuration and styling\n * @param ref - Forwarded ref to the title element\n * @returns JSX.Element - The toast title\n * \n * @example\n * ```tsx\n * <ToastTitle>Success!</ToastTitle>\n * ```\n */\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    data-testid=\"toast-title\"\n    className={cn(\"text-sm font-semibold\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\n/**\n * ToastDescription component\n * Description text for toast notifications\n * \n * @param props - Description configuration and styling\n * @param ref - Forwarded ref to the description element\n * @returns JSX.Element - The toast description\n * \n * @example\n * ```tsx\n * <ToastDescription>Your changes have been saved successfully.</ToastDescription>\n * ```\n */\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    data-testid=\"toast-description\"\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nexport interface ToastProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {}\n\nexport interface ToastActionElement extends React.ReactElement<typeof ToastAction> {}\n\n// Simple useToast hook\n/**\n * useToast hook\n * Hook for managing toast notifications\n * \n * @returns Object with toast and dismiss functions\n * \n * @example\n * ```tsx\n * const { toast, dismiss } = useToast();\n * \n * // Show a toast\n * toast({\n *   title: \"Success!\",\n *   description: \"Your changes have been saved.\"\n * });\n * \n * // Dismiss all toasts\n * dismiss();\n * ```\n */\nexport function useToast() {\n  return {\n    toast: (props: any) => {\n      console.log('Toast:', props);\n    },\n    dismiss: () => {\n      console.log('Toast dismissed');\n    }\n  };\n}\n\n// Simple Toaster component\n/**\n * Toaster component\n * Container component that provides the toast viewport\n * Should be placed at the root of your application\n * \n * @returns JSX.Element - The toast provider with viewport\n * \n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ToastProvider>\n *       <YourApp />\n *       <Toaster />\n *     </ToastProvider>\n *   );\n * }\n * ```\n */\nexport function Toaster() {\n  return (\n    <ToastProvider data-testid=\"toast-provider\">\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n","/**\n * @file Form Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A comprehensive form component with React Hook Form integration and Zod validation.\n * Provides a clean, accessible form interface with built-in validation and error handling.\n *\n * Features:\n * - React Hook Form integration for efficient form state management\n * - Zod schema validation with type safety\n * - Flexible rendering with children function or JSX\n * - Built-in error handling and validation modes\n * - Accessible form structure\n * - TypeScript support with generic field values\n * - Customizable styling and layout\n *\n * @example\n * ```tsx\n * // Basic form with schema validation\n * const userSchema = z.object({\n *   name: z.string().min(2, \"Name must be at least 2 characters\"),\n *   email: z.string().email(\"Invalid email address\"),\n *   age: z.number().min(18, \"Must be at least 18 years old\")\n * });\n * \n * <Form\n *   schema={userSchema}\n *   defaultValues={{ name: \"\", email: \"\", age: 0 }}\n *   onSubmit={(data) => console.log(data)}\n *   onError={(errors) => console.error(errors)}\n * >\n *   <FormField name=\"name\" label=\"Name\" />\n *   <FormField name=\"email\" label=\"Email\" type=\"email\" />\n *   <FormField name=\"age\" label=\"Age\" type=\"number\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * \n * // Form with render function\n * <Form\n *   schema={userSchema}\n *   onSubmit={handleSubmit}\n * >\n *   {(methods) => (\n *     <>\n *       <FormField name=\"name\" label=\"Name\" />\n *       <FormField name=\"email\" label=\"Email\" />\n *       <Button \n *         type=\"submit\" \n *         disabled={methods.formState.isSubmitting}\n *       >\n *         {methods.formState.isSubmitting ? \"Submitting...\" : \"Submit\"}\n *       </Button>\n *     </>\n *   )}\n * </Form>\n * ```\n *\n * @accessibility\n * - Proper form structure with labels and descriptions\n * - Error announcements for screen readers\n * - Keyboard navigation support\n * - Focus management\n * - ARIA attributes for form validation\n *\n * @dependencies\n * - react-hook-form - Form state management\n * - @hookform/resolvers/zod - Zod validation integration\n * - zod - Schema validation\n * - React 18+ - Hooks and context\n */\n\nimport React from 'react';\nimport { useForm, FormProvider, UseFormReturn, FieldValues, DefaultValues, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the Form component\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues> {\n  /**\n   * Form schema for validation\n   */\n  schema?: z.ZodType<TFieldValues>;\n  \n  /**\n   * Default values for the form\n   */\n  defaultValues?: DefaultValues<TFieldValues>;\n  \n  /**\n   * Handler called when form is submitted successfully\n   */\n  onSubmit: SubmitHandler<TFieldValues>;\n  \n  /**\n   * Handler called when form submission has errors\n   */\n  onError?: SubmitErrorHandler<TFieldValues>;\n  \n  /**\n   * Form mode for react-hook-form\n   * @default \"onSubmit\"\n   */\n  mode?: \"onSubmit\" | \"onChange\" | \"onBlur\" | \"onTouched\" | \"all\";\n  \n  /**\n   * Children components or render function\n   */\n  children: React.ReactNode | ((methods: UseFormReturn<TFieldValues>) => React.ReactNode);\n  \n  /**\n   * Class name for the form\n   */\n  className?: string;\n}\n\n/**\n * Form component with validation and React Hook Form integration\n * \n * @template TFieldValues - The type of form field values\n * @param props - Form configuration and handlers\n * @returns JSX.Element - The rendered form with FormProvider context\n * \n * @example\n * ```tsx\n * <Form\n *   schema={userSchema}\n *   defaultValues={{ name: \"\", email: \"\" }}\n *   onSubmit={handleSubmit}\n *   mode=\"onBlur\"\n * >\n *   <FormField name=\"name\" label=\"Name\" />\n *   <FormField name=\"email\" label=\"Email\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nexport function Form<TFieldValues extends FieldValues = FieldValues>({\n  schema,\n  defaultValues,\n  onSubmit,\n  onError,\n  mode = \"onSubmit\",\n  children,\n  className,\n}: FormProps<TFieldValues>) {\n  const methods = useForm<TFieldValues>({\n    resolver: schema ? zodResolver(schema) : undefined,\n    defaultValues,\n    mode,\n  });\n\n  const handleSubmit = methods.handleSubmit(onSubmit, onError);\n\n  return (\n    <FormProvider {...methods}>\n      <form onSubmit={handleSubmit} className={cn(\"space-y-4\", className)}>\n        {typeof children === 'function' ? children(methods) : children}\n      </form>\n    </FormProvider>\n  );\n}\n","/**\n * @file LoginForm Component\n * @package @jmruthers/pace-core\n * @module Components/LoginForm\n * @since 0.1.0\n *\n * A comprehensive login form component with built-in validation, error handling,\n * and loading states for user authentication.\n *\n * Features:\n * - Email and password validation\n * - Loading states with disabled form\n * - Error handling and display\n * - Customizable branding and messaging\n * - Sign-up link integration\n * - Performance optimized with React.memo\n * - Accessibility compliant\n * - Responsive design\n * - Form validation\n * - Success and error callbacks\n *\n * @example\n * ```tsx\n * // Basic login form\n * <LoginForm\n *   onSignIn={async (data) => {\n *     await signIn(data.email, data.password);\n *   }}\n *   onSuccess={() => navigate('/dashboard')}\n *   onError={(error) => console.error('Login failed:', error)}\n * />\n * \n * // Login form with custom branding\n * <LoginForm\n *   appName=\"My Application\"\n *   title=\"Welcome Back\"\n *   subtitle=\"Please sign in to access your account\"\n *   onSignIn={handleSignIn}\n *   onSuccess={handleSuccess}\n *   onError={handleError}\n * />\n * \n * // Login form with sign-up integration\n * <LoginForm\n *   appName=\"My App\"\n *   showSignUp={true}\n *   onSignUp={() => navigate('/signup')}\n *   onSignIn={handleSignIn}\n *   isLoading={isAuthenticating}\n * />\n * \n * // Login form with custom error handling\n * <LoginForm\n *   onSignIn={async (data) => {\n *     try {\n *       const result = await authService.signIn(data);\n *       if (result.success) {\n *         onSuccess();\n *       } else {\n *         throw new Error(result.error);\n *       }\n *     } catch (error) {\n *       onError(error);\n *     }\n *   }}\n *   onSuccess={() => {\n *     toast.success('Successfully signed in!');\n *     navigate('/dashboard');\n *   }}\n *   onError={(error) => {\n *     toast.error(`Sign in failed: ${error.message}`);\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper form labels and associations\n * - Screen reader friendly error messages\n * - Keyboard navigation support\n * - Focus management\n * - High contrast support\n * - Clear error identification\n *\n * @performance\n * - React.memo for efficient re-rendering\n * - useCallback for stable event handlers\n * - useMemo for computed values\n * - Minimal re-renders\n *\n * @dependencies\n * - React 18+ - Hooks and memo\n * - Button component\n * - Input component\n * - Label component\n * - Card components\n * - Alert component\n * - Tailwind CSS - Styling\n */\n\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { Button } from '../Button/Button';\nimport { Input } from '../Input/Input';\nimport { Label } from '../Label/Label';\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../Card/index';\nimport { Alert, AlertDescription } from '../Alert/Alert';\nimport { cn } from '../../utils/cn';\n\nexport interface LoginFormProps {\n  /** Callback invoked when the form is submitted */\n  onSignIn: (data: { email: string; password: string }) => Promise<void>;\n  /** Callback invoked on successful sign-in */\n  onSuccess?: () => void;\n  /** Callback invoked if sign-in fails */\n  onError?: (error: Error) => void;\n  /** Show loading spinner and disable form while true */\n  isLoading?: boolean;\n  /** Application name for display in the form */\n  appName?: string;\n  /** Custom title for the form */\n  title?: string;\n  /** Custom subtitle for the form */\n  subtitle?: string;\n  /** Show a sign-up link or button */\n  showSignUp?: boolean;\n  /** Optional callback for sign-up button */\n  onSignUp?: () => void;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * LoginForm component that provides a ready-to-use authentication form for user sign-in.\n * It supports validation, loading state, error handling, and can be customized via props.\n * Now includes performance optimizations and onSignUp support.\n * \n * @param props - Login form configuration and handlers\n * @returns JSX.Element - The rendered login form\n * \n * @example\n * ```tsx\n * <LoginForm\n *   onSignIn={handleSignIn}\n *   onSuccess={() => navigate('/dashboard')}\n *   onError={(error) => toast.error(error.message)}\n *   isLoading={isAuthenticating}\n * />\n * ```\n */\nexport const LoginForm = React.memo<LoginFormProps>(({\n  onSignIn,\n  onSuccess,\n  onError,\n  isLoading = false,\n  appName,\n  title,\n  subtitle,\n  showSignUp = false,\n  onSignUp,\n  className\n}) => {\n  const [formData, setFormData] = useState({ email: '', password: '' });\n  const [error, setError] = useState<string | null>(null);\n\n  // Memoized validation state\n  const isFormValid = useMemo(() => {\n    return formData.email.length > 0 && formData.password.length > 0;\n  }, [formData.email, formData.password]);\n\n  // Memoized handlers\n  const handleEmailChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setFormData(prev => ({ ...prev, email: e.target.value }));\n  }, []);\n\n  const handlePasswordChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setFormData(prev => ({ ...prev, password: e.target.value }));\n  }, []);\n\n  const handleSubmit = useCallback(async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!isFormValid || isLoading) return;\n    try {\n      await onSignIn(formData);\n      onSuccess?.();\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Sign in failed';\n      setError(errorMessage);\n      onError?.(err instanceof Error ? err : new Error(errorMessage));\n    }\n  }, [formData, isFormValid, isLoading, onSignIn, onSuccess, onError]);\n\n  const handleSignUpClick = useCallback(() => {\n    onSignUp?.();\n  }, [onSignUp]);\n\n  const displayTitle = useMemo(() => title || (appName ? `Sign in to ${appName}` : 'Sign In'), [title, appName]);\n  const displaySubtitle = useMemo(() => subtitle || 'Enter your credentials to continue.', [subtitle]);\n\n  return (\n    <Card className={cn('w-full max-w-md mx-auto', className)}>\n            <form onSubmit={handleSubmit} data-testid=\"login-form\">\n      <CardHeader className=\"space-y-1\">\n        <CardTitle className=\"text-2xl text-center\">{displayTitle}</CardTitle>\n        <CardDescription className=\"text-center\">\n          {displaySubtitle}\n        </CardDescription>\n      </CardHeader>\n\n        <CardContent className=\"space-y-4\">\n          {error && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{error}</AlertDescription>\n            </Alert>\n          )}\n         \n            <Label htmlFor=\"email\">Email</Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              placeholder=\"Enter your email\"\n              value={formData.email}\n              onChange={handleEmailChange}\n              required\n              disabled={isLoading}\n            />\n         \n         \n            <Label htmlFor=\"password\">Password</Label>\n            <Input\n              id=\"password\"\n              type=\"password\"\n              placeholder=\"Enter your password\"\n              value={formData.password}\n              onChange={handlePasswordChange}\n              required\n              disabled={isLoading}\n            />\n  \n        </CardContent>\n        <CardFooter className=\"flex flex-col space-y-4\">\n          <Button \n            type=\"submit\" \n            className=\"w-full\" \n            disabled={isLoading || !isFormValid}\n          >\n            {isLoading ? 'Signing in...' : 'Sign In'}\n          </Button>\n          {showSignUp && (\n            onSignUp ? (\n              <div className=\"text-sm text-center text-muted-foreground\">\n                <button\n                  type=\"button\"\n                  onClick={handleSignUpClick}\n                  className=\"text-primary hover:underline\"\n                >\n                  Don't have an account? Sign up\n                </button>\n              </div>\n            ) : (\n              <p className=\"text-center text-muted-foreground\">\n                Don't have an account?{' '}\n                <a href=\"/signup\" className=\"text-primary hover:underline\">\n                  Sign up\n                </a>\n              </p>\n            )\n          )}\n        </CardFooter>\n      </form>\n    </Card>\n  );\n});\n","/**\n * @file EventSelector Component\n * @package @jmruthers/pace-core\n * @module Components/EventSelector\n * @since 0.1.0\n *\n * A secure event selector component that allows users to choose from events they have\n * access to based on their role-based permissions. Integrates with the RBAC system\n * to ensure users only see events they're authorized to access.\n *\n * Features:\n * - Role-based event access control\n * - Automatic next event detection and selection\n * - Cross-device synchronization via Supabase\n * - Offline support with localStorage fallback\n * - Comprehensive error handling and retry functionality\n * - Event details display in dropdown\n * - Next/upcoming event indicators\n * - Loading states and user feedback\n * - Accessible interface design\n * - Integration with EventProvider\n *\n * @example\n * ```tsx\n * // Basic event selector\n * <EventSelector \n *   onEventChange={(event) => console.log('Selected event:', event)}\n * />\n * \n * // With custom configuration\n * <EventSelector\n *   placeholder=\"Choose an event...\"\n *   showEventDetails={true}\n *   showNextEventIndicator={true}\n *   showRetryButton={true}\n *   onEventChange={handleEventChange}\n * />\n * \n * // In a header component\n * <Header>\n *   <EventSelector \n *     className=\"w-64\"\n *     showEventDetails={false}\n *     onEventChange={setCurrentEvent}\n *   />\n * </Header>\n * \n * // With error handling\n * <EventSelector\n *   showNoEventsMessage={true}\n *   showRetryButton={true}\n *   onEventChange={(event) => {\n *     if (event) {\n *       setCurrentEvent(event);\n *       navigate(`/events/${event.id}`);\n *     }\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper ARIA labels and descriptions\n * - Keyboard navigation support\n * - Screen reader friendly\n * - Focus management\n * - High contrast support\n * - Clear error identification\n *\n * @security\n * - Role-based access control integration\n * - Secure event data handling\n * - User permission validation\n * - No unauthorized event exposure\n * - Secure session management\n *\n * @dependencies\n * - EventProvider - Event context and state\n * - Select components - Dropdown interface\n * - Button component - Retry functionality\n * - Alert component - Error display\n * - LoadingSpinner - Loading states\n * - React 18+ - Hooks and effects\n * - Tailwind CSS - Styling\n */\n\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select';\nimport { Alert, AlertDescription } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\nimport { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner';\nimport { RefreshCw, AlertCircle, Lock, Calendar, Star } from 'lucide-react';\nimport { useEvents } from '../../providers/EventProvider';\nimport { Event } from '../../types';\nimport { useEffect, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface EventSelectorProps {\n  /** Placeholder text for the dropdown */\n  placeholder?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** Callback fired when an event changes, providing full event object */\n  onEventChange?: (event: Event | null) => void;\n  /** Show friendly message when no events available */\n  showNoEventsMessage?: boolean;\n  /** Show retry button on errors */\n  showRetryButton?: boolean;\n  /** Show event details in dropdown */\n  showEventDetails?: boolean;\n  /** Show indicator for next/upcoming events */\n  showNextEventIndicator?: boolean;\n}\n\n/**\n * EventSelector component for selecting events with built-in access control\n * \n * This component provides secure event selection with:\n * - Database integration via rbac_event_app_roles table\n * - Auto-selection of next upcoming event by date\n * - Cross-device sync via Supabase user session metadata\n * - localStorage fallback for offline scenarios\n * - Comprehensive error handling and user feedback\n * \n * @component\n * @example\n * <UnifiedAuthProvider supabaseClient={supabase} appName=\"PACE\">\n *   <EventSelector onEventChange={(event) => console.log(event)} />\n * </UnifiedAuthProvider>\n */\nexport function EventSelector({\n  placeholder = \"Select an event\",\n  className,\n  onEventChange,\n  showNoEventsMessage = true,\n  showRetryButton = true,\n  showEventDetails = true,\n  showNextEventIndicator = true\n}: EventSelectorProps) {\n  const { \n    events, \n    selectedEvent, \n    isLoading, \n    error, \n    setSelectedEvent, \n    refreshEvents,\n  } = useEvents();\n\n\n  const handleValueChange = (eventId: string) => {\n    const event = events.find((e) => (e.event_id || e.id) === eventId);\n    \n    if (event) {\n      setSelectedEvent(event);\n      if (onEventChange) {\n        onEventChange(event);\n      }\n    }\n  };\n\n  const handleRetry = () => {\n    refreshEvents();\n  };\n\n  // Helper function to check if an event is the next upcoming event\n  const isNextEvent = (event: Event): boolean => {\n    if (!event.event_date) return false;\n    \n    const now = new Date();\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    const eventDate = new Date(event.event_date);\n    \n    return eventDate >= today;\n  };\n\n  // Helper function to format event date\n  const formatEventDate = (dateString: string): string => {\n    const date = new Date(dateString);\n    const today = new Date();\n    const tomorrow = new Date(today);\n    tomorrow.setDate(tomorrow.getDate() + 1);\n    \n    // Normalize dates to compare only the date part (ignore time)\n    const normalizeDate = (d: Date) => {\n      const normalized = new Date(d);\n      normalized.setHours(0, 0, 0, 0);\n      return normalized;\n    };\n    \n    const normalizedDate = normalizeDate(date);\n    const normalizedToday = normalizeDate(today);\n    const normalizedTomorrow = normalizeDate(tomorrow);\n    \n    \n    if (normalizedDate.getTime() === normalizedToday.getTime()) {\n      return 'Today';\n    } else if (normalizedDate.getTime() === normalizedTomorrow.getTime()) {\n      return 'Tomorrow';\n    } else {\n      return date.toLocaleDateString();\n    }\n  };\n\n  // Compute sorted list: descending by event_date (newest first); events without date go last\n  const sortedEvents = useMemo(() => {\n    const getTime = (e: Event) => (e.event_date ? new Date(e.event_date).getTime() : Number.NEGATIVE_INFINITY);\n    return [...events].sort((a, b) => getTime(b) - getTime(a));\n  }, [events]);\n\n  // Default to the next upcoming event if none selected\n  useEffect(() => {\n    if (!selectedEvent && events.length > 0) {\n      const today = new Date();\n      const startOfToday = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime();\n      const next = [...events]\n        .filter(e => e.event_date && new Date(e.event_date).getTime() >= startOfToday)\n        .sort((a, b) => new Date(a.event_date as string).getTime() - new Date(b.event_date as string).getTime())[0];\n      if (next) {\n        setSelectedEvent(next);\n        if (onEventChange) onEventChange(next);\n      }\n    }\n  }, [events, selectedEvent, setSelectedEvent, onEventChange]);\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <div className={`flex items-center gap-2 ${className}`}>\n        <LoadingSpinner size=\"sm\" />\n        <span className=\"text-sm text-muted-foreground\">Loading events...</span>\n      </div>\n    );\n  }\n\n  // Access error state\n  if (error) {\n    return (\n      <div className={className}>\n        <Alert variant=\"destructive\">\n          <Lock className=\"h-4 w-4\" />\n          <AlertDescription className=\"flex items-center justify-between\">\n            <span>{error.message}</span>\n            {showRetryButton && (\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={handleRetry}\n                className=\"ml-2\"\n              >\n                <RefreshCw className=\"h-3 w-3 mr-1\" />\n                Retry\n              </Button>\n            )}\n          </AlertDescription>\n        </Alert>\n      </div>\n    );\n  }\n\n  // No events available state\n  if (events.length === 0) {\n    if (showNoEventsMessage) {\n      return (\n        <div className={className}>\n          <Alert variant=\"inline\">\n            <AlertCircle className=\"h-4 w-4 text-acc-700\" />\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>No events available.</span>\n              {showRetryButton && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleRetry}\n                  className=\"ml-2\"\n                >\n                  <RefreshCw className=\"h-3 w-3 mr-1\" />\n                  Refresh\n                </Button>\n              )}\n            </AlertDescription>\n          </Alert>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  // Normal selector state\n  return (\n    <Select \n      value={selectedEvent ? (selectedEvent.event_id || selectedEvent.id) : ''}\n      onValueChange={handleValueChange}\n      className={className}\n    >\n      <SelectTrigger className=\"text-left\" variant=\"outline\">\n        <SelectValue placeholder={placeholder}>\n          {selectedEvent && (\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 flex-shrink-0\" />\n              <span className=\"truncate\">{selectedEvent.event_name || selectedEvent.name}</span>\n              {selectedEvent.event_date && (\n                <span className=\"text-xs text-muted-foreground flex-shrink-0\">\n                  ({formatEventDate(selectedEvent.event_date)})\n                </span>\n              )}\n            </div>\n          )}\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {sortedEvents\n          .map((event) => {\n            const isNext = isNextEvent(event);\n            const isSelected = selectedEvent && (selectedEvent.event_id === event.event_id || selectedEvent.id === event.id);\n            \n            return (\n              <SelectItem \n                key={event.event_id || event.id}\n                value={event.event_id || event.id}\n                className=\"flex items-center justify-between\"\n              >\n                <div className=\"flex items-center gap-2 w-full\">\n                  {showNextEventIndicator && isNext && (\n                    <Star className=\"h-3 w-3 text-acc-500\" />\n                  )}\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className={isSelected ? \"font-semibold\" : \"\"}>\n                        {event.event_name || event.name}\n                      </span>\n                      {isSelected && (\n                        <span className=\"text-xs bg-primary text-primary-foreground px-1 rounded\">\n                          Current\n                        </span>\n                      )}\n                    </div>\n                    {showEventDetails && event.event_date && (\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Calendar className=\"h-3 w-3\" />\n                        <span>{formatEventDate(event.event_date)}</span>\n                        {showNextEventIndicator && isNext && (\n                          <span className=\"text-acc-600 font-medium\">\n                            (Next)\n                          </span>\n                        )}\n                      </div>\n                    )}\n                    {showEventDetails && event.event_venue && (\n                      <div className=\"text-xs text-muted-foreground\">\n                        📍 {event.event_venue}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </SelectItem>\n            );\n          })}\n      </SelectContent>\n    </Select>\n  );\n}\n","/**\n * @file Password Change Form Component\n * @package @jmruthers/pace-core\n * @module Components/PasswordReset\n * @since 0.1.0\n *\n * A secure password change form component with validation, confirmation matching,\n * and proper error handling for updating user passwords.\n *\n * Features:\n * - Password strength validation (minimum 8 characters)\n * - Password confirmation matching\n * - Loading states with disabled form\n * - Error handling and display\n * - Accessibility compliant\n * - Responsive design\n * - Form validation\n * - Secure password input\n * - Success and error callbacks\n *\n * @example\n * ```tsx\n * // Basic password change form\n * <PasswordChangeForm\n *   onSubmit={async (values) => {\n *     try {\n *       await updatePassword(values.newPassword);\n *       toast.success('Password updated successfully!');\n *       return {};\n *     } catch (error) {\n *       return { error: { message: error.message } };\n *     }\n *   }}\n * />\n * \n * // Password change form with custom styling\n * <PasswordChangeForm\n *   className=\"max-w-md mx-auto p-6 bg-main-50 rounded-lg shadow-md\"\n *   onSubmit={async (values) => {\n *     const result = await authService.changePassword(values.newPassword);\n *     if (result.success) {\n *       navigate('/profile');\n *       return {};\n *     } else {\n *       return { error: { message: result.error } };\n *     }\n *   }}\n * />\n * \n * // Password change form in a modal\n * <Modal isOpen={showPasswordChange} onClose={() => setShowPasswordChange(false)}>\n *   <ModalContent>\n *     <ModalHeader>\n *       <ModalTitle>Change Password</ModalTitle>\n *     </ModalHeader>\n *     <ModalBody>\n *       <PasswordChangeForm\n *         onSubmit={async (values) => {\n *           const result = await changePassword(values.newPassword);\n *           if (result.success) {\n *             setShowPasswordChange(false);\n *             toast.success('Password changed successfully');\n *             return {};\n *           } else {\n *             return { error: { message: result.error } };\n *           }\n *         }}\n *       />\n *     </ModalBody>\n *   </ModalContent>\n * </Modal>\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper form labels and associations\n * - Screen reader friendly error messages\n * - Keyboard navigation support\n * - Focus management\n * - High contrast support\n * - Clear error identification\n * - Role=\"alert\" for error announcements\n * - Password field security\n *\n * @security\n * - Password strength validation\n * - Secure password input fields\n * - Confirmation matching\n * - No password logging\n * - Proper error handling\n *\n * @dependencies\n * - React 18+ - Hooks and state\n * - Button component\n * - Input component\n * - Label component\n * - Tailwind CSS - Styling\n */\n\nimport React, { useState } from 'react';\nimport { Button } from '../Button/Button';\nimport { Input } from '../Input/Input';\nimport { Label } from '../Label';\nimport { cn } from '../../utils/cn';\n\nexport interface PasswordChangeFormValues {\n  newPassword: string;\n  confirmPassword: string;\n}\n\nexport interface PasswordChangeFormProps {\n  onSubmit: (values: PasswordChangeFormValues) => Promise<{ error?: any }>;\n  className?: string;\n}\n\nexport function PasswordChangeForm({ onSubmit, className }: PasswordChangeFormProps) {\n  const [newPassword, setNewPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (newPassword.length < 8) {\n      setError('Password must be at least 8 characters.');\n      return;\n    }\n    if (newPassword !== confirmPassword) {\n      setError('Passwords do not match.');\n      return;\n    }\n\n    setIsSubmitting(true);\n    try {\n      const result = await onSubmit({ newPassword, confirmPassword });\n      if (result && result.error) {\n        setError(result.error.message || 'Failed to change password.');\n      }\n    } catch (err: any) {\n      setError(err?.message || 'An unexpected error occurred.');\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className={cn('space-y-4', className)}>\n      {error && (\n        <div role=\"alert\">\n          {error}\n        </div>\n      )}\n      <div className=\"space-y-2\">\n        <Label htmlFor=\"new-password\">New Password</Label>\n        <Input\n          id=\"new-password\"\n          type=\"password\"\n          value={newPassword}\n          onChange={(e) => setNewPassword(e.target.value)}\n          required\n          disabled={isSubmitting}\n        />\n      </div>\n      <div className=\"space-y-2\">\n        <Label htmlFor=\"confirm-password\">Confirm Password</Label>\n        <Input\n          id=\"confirm-password\"\n          type=\"password\"\n          value={confirmPassword}\n          onChange={(e) => setConfirmPassword(e.target.value)}\n          required\n          disabled={isSubmitting}\n        />\n      </div>\n      <Button\n        type=\"submit\"\n        className=\"w-full\"\n        disabled={isSubmitting || !newPassword || !confirmPassword}\n      >\n        {isSubmitting ? 'Changing...' : 'Change Password'}\n      </Button>\n    </form>\n  );\n} ","export { Button, ButtonGroup, IconButton } from './Button';\nexport type { ButtonProps, ButtonGroupProps, IconButtonProps } from './Button';\n","/**\n * @file User Menu Component\n * @package @jmruthers/pace-core\n * @module Components/UserMenu\n * @since 0.1.0\n *\n * A comprehensive user menu component that displays user information and provides\n * access to user-specific actions like password changes and sign out.\n *\n * Features:\n * - User avatar and display name\n * - Dropdown menu with user actions\n * - Password change functionality\n * - Sign out capability\n * - Loading state component\n * - Responsive design\n * - Accessibility compliant\n * - Performance optimized with React.memo\n * - Integration with Supabase User\n * - Customizable styling\n *\n * @example\n * ```tsx\n * // Basic user menu\n * <UserMenu\n *   user={currentUser}\n *   onSignOut={async () => {\n *     await signOut();\n *     navigate('/login');\n *   }}\n *   onChangePassword={async (newPassword, confirmPassword) => {\n *     try {\n *       await updatePassword(newPassword);\n *       toast.success('Password updated successfully!');\n *       return {};\n *     } catch (error) {\n *       return { error: { message: error.message } };\n *     }\n *   }}\n * />\n * \n * // User menu without avatar\n * <UserMenu\n *   user={currentUser}\n *   showAvatar={false}\n *   onSignOut={handleSignOut}\n *   onChangePassword={handlePasswordChange}\n * />\n * \n * // User menu with loading state\n * {isLoading ? (\n *   <UserMenu.Loading />\n * ) : (\n *   <UserMenu\n *     user={user}\n *     onSignOut={handleSignOut}\n *     onChangePassword={handlePasswordChange}\n *   />\n * )}\n * \n * // User menu in header\n * <Header>\n *   <div className=\"flex items-center gap-4\">\n *     <Navigation />\n *     <UserMenu\n *       user={user}\n *       onSignOut={handleSignOut}\n *       onChangePassword={handlePasswordChange}\n *       className=\"ml-auto\"\n *     />\n *   </div>\n * </Header>\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper ARIA labels and roles\n * - Keyboard navigation support\n * - Focus management\n * - Screen reader friendly\n * - High contrast support\n * - Loading state announcements\n * - Clear action identification\n *\n * @performance\n * - React.memo for efficient re-rendering\n * - useCallback for stable event handlers\n * - useMemo for computed values\n * - Minimal re-renders\n * - Optimized avatar rendering\n *\n * @dependencies\n * - React 18+ - Hooks and memo\n * - @supabase/supabase-js - User type\n * - lucide-react - Icons\n * - DropdownMenu components\n * - Dialog components\n * - PasswordChangeForm component\n * - Avatar component\n * - Button component\n * - Tailwind CSS - Styling\n */\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { User } from '@supabase/supabase-js';\nimport { ChevronDown, LogOut, KeyRound } from 'lucide-react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from '../Select';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  DialogOverlay\n} from '../Dialog';\nimport { PasswordChangeForm } from '../PasswordReset/PasswordChangeForm';\nimport { Avatar, AvatarFallback, AvatarImage } from '../Avatar';\nimport { Button } from '../Button';\n\nexport interface UserMenuProps {\n  user: User | null;\n  onSignOut?: () => Promise<void>;\n  onChangePassword?: (newPassword: string, confirmPassword: string) => Promise<{ error: any }>;\n  className?: string;\n  showAvatar?: boolean;\n}\n\nexport const UserMenu = React.memo<UserMenuProps>(function UserMenu({\n  user,\n  onSignOut,\n  onChangePassword,\n  className,\n  showAvatar = true,\n}) {\n  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState(false);\n\n  const userInfo = useMemo(() => {\n    if (!user) return null;\n    return {\n      email: user.email,\n      displayName: user.user_metadata?.display_name || user.user_metadata?.full_name || user.email?.split('@')[0],\n      avatarUrl: user.user_metadata?.avatar_url,\n      initial: (user.user_metadata?.display_name || user.user_metadata?.full_name || user.email || 'U').charAt(0).toUpperCase(),\n    };\n  }, [user]);\n\n  const handleSignOut = useCallback(async () => {\n    if (onSignOut) await onSignOut();\n  }, [onSignOut]);\n\n  if (!user || !userInfo) {\n    return null; // Or a loading/login button\n  }\n\n  return (\n    <Dialog open={isPasswordDialogOpen} onOpenChange={setPasswordDialogOpen}>\n      <Select className={className}>\n        <SelectTrigger asChild>\n          <Button variant=\"outline\" className=\"flex items-center gap-2\" aria-label={userInfo.displayName}>\n            {showAvatar && (\n              <Avatar className=\"h-8 w-8\">\n                <AvatarImage src={userInfo.avatarUrl} alt={userInfo.displayName} />\n                <AvatarFallback>{userInfo.initial}</AvatarFallback>\n              </Avatar>\n            )}\n            <span className=\"hidden sm:inline-block\">{userInfo.displayName}</span>\n            <ChevronDown className=\"h-4 w-4\" />\n          </Button>\n        </SelectTrigger>\n        <SelectContent>\n          <SelectLabel className=\"font-normal\">\n            <div className=\"flex flex-col space-y-1\">\n              <p className=\"font-medium\">{userInfo.displayName}</p>\n              <p className=\"text-muted-foreground\">{userInfo.email}</p>\n            </div>\n          </SelectLabel>\n          <SelectSeparator />\n          <DialogTrigger asChild>\n            <SelectItem value=\"change-password\">\n              <KeyRound className=\"mr-2 h-4 w-4\" />\n              <span>Change Password</span>\n            </SelectItem>\n          </DialogTrigger>\n          <SelectItem value=\"sign-out\" onClick={handleSignOut}>\n            <LogOut className=\"mr-2 h-4 w-4\" />\n            <span>Sign out</span>\n          </SelectItem>\n        </SelectContent>\n      </Select>\n      \n      <DialogOverlay />\n      <DialogContent className={className}>\n        <DialogHeader>\n          <DialogTitle>Change Password</DialogTitle>\n        </DialogHeader>\n        <PasswordChangeForm\n          onSubmit={async ({ newPassword, confirmPassword }) => {\n            if (onChangePassword) {\n              const { error } = await onChangePassword(newPassword, confirmPassword);\n              if (!error) {\n                setPasswordDialogOpen(false);\n              }\n              return { error };\n            }\n            return {};\n          }}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport const UserMenuLoading = React.memo(function UserMenuLoading() {\n  return (\n    <div className=\"relative inline-block text-left\">\n      <button\n        type=\"button\"\n        disabled\n        className=\"flex items-center space-x-2 px-3 py-2 text-sm font-medium text-muted-foreground bg-muted border border-input rounded-md\"\n      >\n        <div className=\"w-6 h-6 rounded-full bg-muted animate-pulse\" />\n        <span className=\"truncate max-w-[150px]\">Loading...</span>\n        <ChevronDown className=\"w-4 h-4 text-muted-foreground\" />\n      </button>\n      <div role=\"status\" aria-label=\"Loading user menu\" aria-live=\"polite\" className=\"w-6 h-6 rounded-full bg-muted animate-pulse\" />\n    </div>\n  );\n});\n\n// Add Loading as a property to UserMenu for backward compatibility\ntype UserMenuWithLoading = typeof UserMenu & {\n  Loading: typeof UserMenuLoading;\n};\n\n(UserMenu as UserMenuWithLoading).Loading = UserMenuLoading;\n","/**\n * @file Unified Navigation Menu Component\n * @package @jmruthers/pace-core\n * @module Navigation\n * @since 0.1.0\n * \n * A flexible navigation menu component that supports both dropdown and hierarchical modes.\n * \n * Features:\n * - Dropdown mode: Menu button that opens a dropdown list\n * - Hierarchical mode: Expandable tree navigation with nested items\n * - Icon support for navigation items\n * - Current page highlighting\n * - Keyboard navigation support\n * - Accessible design with proper ARIA attributes\n * - Click outside to close (dropdown mode)\n * - Recursive rendering for nested items (hierarchical mode)\n * \n * @example\n * Basic dropdown navigation (most common use case):\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * import { useNavigate, useLocation } from 'react-router-dom';\n * \n * function AppNavigation() {\n *   const navigate = useNavigate();\n *   const location = useLocation();\n * \n *   const navItems = [\n *     { id: 'home', label: 'Home', href: '/', icon: 'Home' },\n *     { id: 'dashboard', label: 'Dashboard', href: '/dashboard', icon: 'LayoutDashboard' },\n *     { id: 'reports', label: 'Reports', href: '/reports', icon: 'FileText' },\n *     { id: 'settings', label: 'Settings', href: '/settings', icon: 'Settings' }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       currentPath={location.pathname}\n *       onNavigate={(item) => navigate(item.href)}\n *       buttonText=\"Main Menu\"\n *       showIcons={true}\n *     />\n *   );\n * }\n * \n * @example\n * Hierarchical navigation with nested items:\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * \n * function SidebarNavigation() {\n *   const hierarchicalItems = [\n *     { \n *       id: 'user-management', \n *       label: 'User Management',\n *       icon: 'Users',\n *       children: [\n *         { id: 'users-list', label: 'All Users', href: '/users' },\n *         { id: 'users-create', label: 'Create User', href: '/users/create' },\n *         { id: 'user-roles', label: 'User Roles', href: '/users/roles' }\n *       ]\n *     },\n *     { \n *       id: 'reports', \n *       label: 'Reports',\n *       icon: 'BarChart',\n *       children: [\n *         { id: 'sales-reports', label: 'Sales Reports', href: '/reports/sales' },\n *         { id: 'user-reports', label: 'User Reports', href: '/reports/users' }\n *       ]\n *     },\n *     { id: 'settings', label: 'Settings', href: '/settings', icon: 'Settings' }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={hierarchicalItems}\n *       mode=\"hierarchical\"\n *       currentPath={window.location.pathname}\n *       onNavigate={(item) => {\n *         if (item.href) {\n *           window.location.href = item.href;\n *         }\n *       }}\n *       className=\"w-64 bg-sec-50 p-4\"\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Integration with React Router and authentication:\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * import { useNavigate, useLocation } from 'react-router-dom';\n * import { useUnifiedAuth } from '@jmruthers/pace-core/providers';\n * \n * function AuthenticatedNavigation() {\n *   const navigate = useNavigate();\n *   const location = useLocation();\n *   const { hasRole, hasPermission } = useUnifiedAuth();\n * \n *   // Build navigation items based on user permissions\n *   const navItems = [\n *     { id: 'dashboard', label: 'Dashboard', href: '/dashboard', icon: 'LayoutDashboard' },\n *     ...(hasPermission('meals:read') ? [\n *       { id: 'meals', label: 'Meals', href: '/meals', icon: 'UtensilsCrossed' }\n *     ] : []),\n *     ...(hasRole('admin') ? [\n *       { id: 'admin', label: 'Admin Panel', href: '/admin', icon: 'Shield' }\n *     ] : []),\n *     { id: 'profile', label: 'Profile', href: '/profile', icon: 'User' }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       currentPath={location.pathname}\n *       onNavigate={(item) => navigate(item.href)}\n *       buttonText=\"Navigation\"\n *       navigationLabel=\"Main application navigation\"\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * ```tsx\n * // Custom navigation with external links and actions\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * \n * function CustomNavigation() {\n *   const handleNavigation = (item) => {\n *     if (item.id === 'logout') {\n *       // Handle logout action\n *       handleLogout();\n *     } else if (item.href?.startsWith('http')) {\n *       // Handle external links\n *       window.open(item.href, '_blank');\n *     } else if (item.href) {\n *       // Handle internal navigation\n *       navigate(item.href);\n *     }\n *   };\n * \n *   const navItems = [\n *     { id: 'home', label: 'Home', href: '/', icon: 'Home' },\n *     { id: 'help', label: 'Help Center', href: 'https://help.example.com', icon: 'HelpCircle' },\n *     { id: 'logout', label: 'Sign Out', icon: 'LogOut' } // No href for actions\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       onNavigate={handleNavigation}\n *       buttonText=\"Menu\"\n *       disabled={false}\n *     />\n *   );\n * }\n * ```\n * \n * @accessibility\n * - WCAG 2.1 AA compliant navigation structure\n * - Proper ARIA attributes for screen readers\n * - Keyboard navigation with Enter, Space, and Escape keys\n * - Focus management for dropdown menus\n * - Semantic HTML structure with nav, menu, and menuitem roles\n * - Clear visual indicators for active/current page\n * \n * @performance\n * - Lightweight component with minimal re-renders\n * - Efficient click outside detection\n * - Optimized keyboard event handling\n * - Memory cleanup for event listeners\n * \n * @styling\n * - Uses Tailwind CSS for consistent styling\n * - Supports custom className for additional styling\n * - Responsive design considerations\n * \n * @dependencies\n * - React 18+ - Component framework and hooks\n * - Lucide React - Icon components\n * - Radix UI - Dropdown menu primitives\n * - React Router (optional) - For navigation handling\n * - Tailwind CSS - Styling system\n */\n\nimport * as React from \"react\";\nimport { Menu, ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { NavigationMenuProps, NavigationItem } from \"./types\";\nimport { Button } from \"../Button\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../Select\";\nimport { useUnifiedAuth } from \"../../providers/UnifiedAuthProvider\";\nimport { AccessLevel } from \"../../types/unified\";\n\n/**\n * Unified NavigationMenu component that supports both dropdown and hierarchical navigation modes.\n * \n * A flexible navigation menu component with support for icons, current page highlighting,\n * keyboard navigation, and nested menu items.\n * \n * Features:\n * - Dropdown mode: Menu button that opens a dropdown list\n * - Hierarchical mode: Expandable tree navigation with nested items\n * - Icon support for navigation items\n * - Current page highlighting\n * - Keyboard navigation support (Enter, Space, Escape)\n * - Accessible design with proper ARIA attributes\n * - Click outside to close (dropdown mode)\n * - Recursive rendering for nested items (hierarchical mode)\n * \n * @example\n * Basic dropdown navigation (most common use case):\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * import { useNavigate, useLocation } from 'react-router-dom';\n * \n * function AppNavigation() {\n *   const navigate = useNavigate();\n *   const location = useLocation();\n * \n *   const navItems = [\n *     { id: 'home', label: 'Home', href: '/', icon: 'Home' },\n *     { id: 'dashboard', label: 'Dashboard', href: '/dashboard', icon: 'LayoutDashboard' },\n *     { id: 'reports', label: 'Reports', href: '/reports', icon: 'FileText' },\n *     { id: 'settings', label: 'Settings', href: '/settings', icon: 'Settings' }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       currentPath={location.pathname}\n *       onNavigate={(item) => navigate(item.href)}\n *       buttonText=\"Main Menu\"\n *       showIcons={true}\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Hierarchical navigation with nested items:\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * \n * function SidebarNavigation() {\n *   const hierarchicalItems = [\n *     { \n *       id: 'user-management', \n *       label: 'User Management',\n *       icon: 'Users',\n *       children: [\n *         { id: 'users-list', label: 'All Users', href: '/users' },\n *         { id: 'users-create', label: 'Create User', href: '/users/create' },\n *         { id: 'user-roles', label: 'User Roles', href: '/users/roles' }\n *       ]\n *     },\n *     { \n *       id: 'reports', \n *       label: 'Reports',\n *       icon: 'BarChart',\n *       children: [\n *         { id: 'sales-reports', label: 'Sales Reports', href: '/reports/sales' },\n *         { id: 'user-reports', label: 'User Reports', href: '/reports/users' }\n *       ]\n *     },\n *     { id: 'settings', label: 'Settings', href: '/settings', icon: 'Settings' }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={hierarchicalItems}\n *       mode=\"hierarchical\"\n *       currentPath={window.location.pathname}\n *       onNavigate={(item) => {\n *         if (item.href) {\n *           window.location.href = item.href;\n *         }\n *       }}\n *       className=\"w-64 bg-sec-50 p-4\"\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Integration with React Router and authentication:\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * import { useNavigate, useLocation } from 'react-router-dom';\n * import { useUnifiedAuth } from '@jmruthers/pace-core/providers';\n * \n * function AuthenticatedNavigation() {\n *   const navigate = useNavigate();\n *   const location = useLocation();\n *   const { hasRole, hasPermission } = useUnifiedAuth();\n * \n *   // Build navigation items with permission requirements\n *   const navItems = [\n *     { \n *       id: 'dashboard', \n *       label: 'Dashboard', \n *       href: '/dashboard', \n *       icon: 'LayoutDashboard',\n *       permissions: ['dashboard:read']\n *     },\n *     { \n *       id: 'meals', \n *       label: 'Meals', \n *       href: '/meals', \n *       icon: 'UtensilsCrossed',\n *       permissions: ['meals:read']\n *     },\n *     { \n *       id: 'admin', \n *       label: 'Admin Panel', \n *       href: '/admin', \n *       icon: 'Shield',\n *       roles: ['admin', 'super_admin']\n *     },\n *     { \n *       id: 'profile', \n *       label: 'Profile', \n *       href: '/profile', \n *       icon: 'User'\n *     }\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       currentPath={location.pathname}\n *       onNavigate={(item) => navigate(item.href)}\n *       buttonText=\"Navigation\"\n *       navigationLabel=\"Main application navigation\"\n *       filterByPermissions={true}\n *       auditLog={true}\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Custom navigation with external links and actions:\n * ```tsx\n * import { NavigationMenu } from '@jmruthers/pace-core';\n * \n * function CustomNavigation() {\n *   const handleNavigation = (item) => {\n *     if (item.id === 'logout') {\n *       // Handle logout action\n *       handleLogout();\n *     } else if (item.href?.startsWith('http')) {\n *       // Handle external links\n *       window.open(item.href, '_blank');\n *     } else if (item.href) {\n *       // Handle internal navigation\n *       navigate(item.href);\n *     }\n *   };\n * \n *   const navItems = [\n *     { id: 'home', label: 'Home', href: '/', icon: 'Home' },\n *     { id: 'help', label: 'Help Center', href: 'https://help.example.com', icon: 'HelpCircle' },\n *     { id: 'logout', label: 'Sign Out', icon: 'LogOut' } // No href for actions\n *   ];\n * \n *   return (\n *     <NavigationMenu \n *       items={navItems}\n *       mode=\"dropdown\"\n *       onNavigate={handleNavigation}\n *       buttonText=\"Menu\"\n *       disabled={false}\n *     />\n *   );\n * }\n * ```\n * \n * @param props - NavigationMenu component props including items, mode, navigation handlers, and styling options\n * @returns React element with navigation menu functionality\n * \n * @since 0.1.0\n */\nexport const NavigationMenu = React.forwardRef<\n  HTMLDivElement,\n  NavigationMenuProps\n>(({ \n  items, \n  mode = 'dropdown',\n  currentPath, \n  onNavigate, \n  className, \n  disabled = false,\n  buttonText = \"Menu\",\n  showIcons = true,\n  navigationLabel = \"Main navigation\",\n  // NEW: Phase 2 - Enhanced Security Features\n  strictMode = true,\n  auditLog = true,\n  onNavigationAccessDenied,\n  onStrictModeViolation,\n  filterByPermissions = true,\n  ...props \n}, ref) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  // Get authentication context\n  let authContext = null;\n  try {\n    authContext = useUnifiedAuth();\n  } catch (error) {\n    // NavigationMenu is being used outside of UnifiedAuthProvider\n    console.warn('[NavigationMenu] useUnifiedAuth not available, running in unauthenticated mode');\n  }\n\n  // NEW: Phase 2 - Enhanced Security Features\n  // Filter navigation items based on permissions\n  const filteredItems = React.useMemo(() => {\n    if (!filterByPermissions || !authContext) return items || [];\n    \n    return (items || []).filter(item => {\n      // Check if item should be hidden\n      if (item.meta?.hidden) return false;\n      \n      // Check permissions if available\n      if (item.permissions && item.permissions.length > 0) {\n        const hasPermission = item.permissions.some(permission => {\n          // Only check string permissions, ignore invalid types\n          if (typeof permission !== 'string') return true;\n          return authContext.hasPermission(permission);\n        });\n        if (!hasPermission) return false;\n      }\n      \n      // Check roles if available\n      if (item.roles && item.roles.length > 0) {\n        const hasRole = item.roles.some(role => {\n          // Only check string roles, ignore invalid types\n          if (typeof role !== 'string') return true;\n          return authContext.hasRole(role);\n        });\n        if (!hasRole) return false;\n      }\n      \n      // Check access level if available\n      if (item.accessLevel) {\n        // Only check string access levels, ignore invalid types\n        if (typeof item.accessLevel === 'string') {\n          // Convert string to AccessLevel enum\n          const accessLevel = item.accessLevel as AccessLevel;\n          const hasAccessLevel = authContext.hasAccessLevel(accessLevel);\n          if (!hasAccessLevel) return false;\n        }\n      }\n      \n      return true;\n    });\n  }, [items, filterByPermissions, authContext]);\n\n  // Log navigation access attempts for debugging\n  React.useEffect(() => {\n    if (auditLog && authContext) {\n      console.log('[NavigationMenu] Navigation access attempt:', {\n        itemId: 'navigation-menu',\n        label: 'Navigation Menu',\n        href: currentPath,\n        permissions: authContext.permissions,\n        roles: authContext.roles,\n        accessLevel: authContext.accessLevel,\n        timestamp: new Date().toISOString()\n      });\n    }\n  }, [auditLog, authContext, currentPath]);\n\n\n  // Handle keyboard navigation for hierarchical mode\n  const handleHierarchicalKeyDown = (event: React.KeyboardEvent, item: NavigationItem) => {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        if (item.children && item.children.length > 0) {\n          toggleExpanded(item.id);\n        } else if (item.href) {\n          onNavigate?.(item);\n        }\n        break;\n      case 'Escape':\n        if (expandedItems.has(item.id)) {\n          toggleExpanded(item.id);\n        }\n        break;\n    }\n  };\n\n  // Toggle expanded state for hierarchical items\n  const toggleExpanded = (itemId: string) => {\n    const newExpanded = new Set(expandedItems);\n    if (newExpanded.has(itemId)) {\n      newExpanded.delete(itemId);\n    } else {\n      newExpanded.add(itemId);\n    }\n    setExpandedItems(newExpanded);\n  };\n\n  // Handle navigation item click\n  const handleItemClick = (item: NavigationItem) => {\n    // NEW: Phase 2 - Enhanced Security Features\n    // Log navigation access attempt for audit\n    if (auditLog) {\n      console.log(`[NavigationMenu] Navigation access attempt:`, {\n        itemId: item.id,\n        label: item.label,\n        href: item.href,\n        permissions: item.permissions,\n        roles: item.roles,\n        accessLevel: item.accessLevel,\n        timestamp: new Date().toISOString()\n      });\n    }\n    \n    // Check if user has permission to access this navigation item\n    // For now, allow all access - this will be enhanced with actual permission checking\n    const hasPermission = true; // This will be replaced with actual permission checking\n    \n    if (!hasPermission) {\n      // Handle access denied\n      if (onNavigationAccessDenied) {\n        onNavigationAccessDenied(item.id, 'Insufficient permissions');\n      }\n      \n      if (strictMode) {\n        console.error(`[NavigationMenu] STRICT MODE VIOLATION: User attempted to access protected navigation item without permission`, {\n          itemId: item.id,\n          label: item.label,\n          href: item.href,\n          permissions: item.permissions,\n          roles: item.roles,\n          accessLevel: item.accessLevel,\n          timestamp: new Date().toISOString()\n        });\n        \n        if (onStrictModeViolation) {\n          onStrictModeViolation(item.id, 'Insufficient permissions');\n        }\n      }\n      \n      return; // Don't navigate if access is denied\n    }\n    \n    if (onNavigate) {\n      onNavigate(item);\n    } else if (item.href) {\n      // Default navigation behavior\n      window.location.href = item.href;\n    }\n  };\n\n  // Check if item is currently active\n  const isActiveItem = (item: NavigationItem): boolean => {\n    if (item.isActive !== undefined) return item.isActive;\n    if (currentPath === item.href) return true;\n    if (item.children && item.children.length > 0) {\n      return item.children.some(child => isActiveItem(child));\n    }\n    return false;\n  };\n\n  // Handle navigation item selection\n  const handleNavigationSelect = (itemId: string) => {\n    const item = filteredItems.find(i => i.id === itemId);\n    if (item) {\n      handleItemClick(item);\n    }\n  };\n\n  // Render hierarchical navigation item\n  const renderHierarchicalItem = (item: NavigationItem, level: number = 0) => {\n    const hasChildren = item.children && item.children.length > 0;\n    const isExpanded = expandedItems.has(item.id);\n    const itemIsActive = isActiveItem(item);\n\n    return (\n      <li role=\"none\">\n        {hasChildren ? (\n          <div>\n            <button\n              onClick={() => toggleExpanded(item.id)}\n              onKeyDown={(e) => handleHierarchicalKeyDown(e, item)}\n              aria-expanded={isExpanded}\n              aria-controls={`submenu-${item.id}`}\n              aria-current={itemIsActive ? \"page\" : undefined}\n            >\n              <span>{item.label}</span>\n              <ChevronDown aria-hidden=\"true\" />\n            </button>\n            \n            {isExpanded && item.children && (\n              <ul\n                id={`submenu-${item.id}`}\n                role=\"menu\"\n                aria-label={`${item.label} submenu`}\n              >\n                {item.children.map(child => (\n                  <React.Fragment key={child.id}>\n                    {renderHierarchicalItem(child, level + 1)}\n                  </React.Fragment>\n                ))}\n              </ul>\n            )}\n          </div>\n        ) : (\n          <a\n            href={item.href || '#'}\n            onClick={(e) => {\n              if (onNavigate && item.href) {\n                e.preventDefault();\n                onNavigate(item);\n              }\n            }}\n            onKeyDown={(e) => handleHierarchicalKeyDown(e, item)}\n            role=\"menuitem\"\n            aria-current={itemIsActive ? \"page\" : undefined}\n          >\n            {item.label}\n          </a>\n        )}\n      </li>\n    );\n  };\n\n  // Render based on mode\n  if (mode === 'dropdown') {\n    return (\n      <Select \n        onValueChange={handleNavigationSelect}\n        className={className}\n        data-testid=\"navigation-menu-root\"\n      >\n        <SelectTrigger \n          ref={buttonRef}\n          disabled={disabled} \n          aria-label={buttonText}\n          data-testid=\"navigation-menu-trigger\"\n        >\n          <SelectValue placeholder={buttonText} />\n        </SelectTrigger>\n        <SelectContent>\n          {filteredItems.map((item) => {\n            const isActive = isActiveItem(item);\n            return (\n              <SelectItem\n                key={item.id}\n                value={item.id}\n                disabled={!item.href}\n                data-testid={`navigation-menu-item-${item.id}`}\n              >\n                {item.label}\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </Select>\n    );\n  }\n\n  // Hierarchical mode\n  return (\n    <nav \n      ref={ref}\n      className={className}\n      aria-label={navigationLabel}\n      {...props}\n    >\n      <ul role=\"menubar\">\n        {filteredItems.map(item => (\n          <React.Fragment key={item.id}>\n            {renderHierarchicalItem(item, 0)}\n          </React.Fragment>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nNavigationMenu.displayName = \"NavigationMenu\";","/**\n * @file Header Component\n * @package @jmruthers/pace-core\n * @module Components/Header\n * @since 0.1.0\n *\n * A comprehensive header component for application layouts with navigation,\n * user menu, event selector, and customizable branding.\n *\n * Features:\n * - Customizable logo (URL or component)\n * - Navigation menu integration\n * - User menu with authentication\n * - Event selector for multi-tenant applications\n * - Custom actions support\n * - Responsive design\n * - Accessibility compliant\n * - Backdrop blur effects\n * - Flexible layout options\n *\n * @example\n * ```tsx\n * // Basic header with logo and user menu\n * <Header\n *   logoUrl=\"/logo.svg\"\n *   logoAlt=\"My App\"\n *   user={currentUser}\n *   onSignOut={handleSignOut}\n * />\n * \n * // Header with navigation and custom actions\n * <Header\n *   logo={<CustomLogo />}\n *   navItems={[\n *     { id: 'dashboard', label: 'Dashboard', href: '/dashboard' },\n *     { id: 'users', label: 'Users', href: '/users' },\n *     { id: 'settings', label: 'Settings', href: '/settings' }\n *   ]}\n *   currentPath=\"/dashboard\"\n *   actions={\n *     <div className=\"flex gap-2\">\n *       <Button variant=\"outline\">Export</Button>\n *       <Button>New Item</Button>\n *     </div>\n *   }\n *   user={currentUser}\n *   onSignOut={handleSignOut}\n * />\n * \n * // Header without event selector\n * <Header\n *   logoUrl=\"/logo.svg\"\n *   showEventSelector={false}\n *   user={currentUser}\n *   onSignOut={handleSignOut}\n * />\n * \n * // Header with custom user menu\n * <Header\n *   logoUrl=\"/logo.svg\"\n *   userMenu={<CustomUserMenu user={currentUser} />}\n *   showUserMenu={true}\n * />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML with role=\"banner\"\n * - Screen reader friendly navigation\n * - Keyboard navigation support\n * - High contrast support\n * - Focus management\n *\n * @dependencies\n * - @supabase/supabase-js - User authentication\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n * - NavigationMenu component\n * - UserMenu component\n * - EventSelector component\n */\n\nimport React from 'react';\nimport { User } from '@supabase/supabase-js';\nimport { cn } from '../../utils/cn';\nimport { EventSelector } from '../EventSelector';\nimport { UserMenu } from '../UserMenu';\nimport { NavigationMenu } from '../NavigationMenu';\nimport type { NavigationItem } from '../NavigationMenu';\n\n/**\n * Props for the Header component\n */\nexport interface HeaderProps {\n  /** URL to the app logo image */\n  logoUrl?: string;\n  /** Alt text for the logo */\n  logoAlt?: string;\n  /** Custom logo component (overrides logoUrl) */\n  logo?: React.ReactNode;\n  /** Navigation items for the menu - uses NavigationItem interface */\n  navItems?: NavigationItem[];\n  /** Current user for the user menu */\n  user?: User | null;\n  /** Sign out handler for user menu */\n  onSignOut?: () => Promise<void>;\n  /** Password change handler for user menu */\n  onChangePassword?: (newPassword: string, confirmPassword: string) => Promise<{ error: any }>;\n  /** Additional actions to display (will be placed between event selector and user menu) */\n  actions?: React.ReactNode;\n  /** Custom user menu component (overrides default UserMenu) */\n  userMenu?: React.ReactNode;\n  /** Custom className */\n  className?: string;\n  /** Show/hide event selector */\n  showEventSelector?: boolean;\n  /** Show/hide user menu */\n  showUserMenu?: boolean;\n  /** Current path for navigation highlighting */\n  currentPath?: string;\n  /** Custom navigation handler */\n  onNavigate?: (item: NavigationItem) => void;\n}\n\n/**\n * Header component for application layouts with comprehensive navigation, user management, \n * and customizable branding support.\n * \n * A flexible header component that supports various configurations including custom logos,\n * navigation menus, user authentication, event selection, and custom actions.\n * \n * Features:\n * - Customizable logo (URL or custom component)\n * - Navigation menu integration with highlighting\n * - User menu with authentication and password management\n * - Event selector for multi-tenant applications\n * - Custom actions support\n * - Responsive design with mobile considerations\n * - Accessibility compliant with proper ARIA attributes\n * - Backdrop blur effects for modern UI\n * - Flexible layout with configurable sections\n * \n * @example\n * Basic header with logo and navigation:\n * ```tsx\n * import { Header } from '@jmruthers/pace-core';\n * import { useNavigate, useLocation } from 'react-router-dom';\n * \n * function AppHeader() {\n *   const navigate = useNavigate();\n *   const location = useLocation();\n * \n *   const navItems = [\n *     { id: 'dashboard', label: 'Dashboard', href: '/dashboard' },\n *     { id: 'meals', label: 'Meals', href: '/meals' },\n *     { id: 'settings', label: 'Settings', href: '/settings' }\n *   ];\n * \n *   return (\n *     <Header\n *       logoUrl=\"/company-logo.svg\"\n *       logoAlt=\"My Company\"\n *       navItems={navItems}\n *       currentPath={location.pathname}\n *       onNavigate={(item) => navigate(item.href)}\n *       user={currentUser}\n *       onSignOut={handleSignOut}\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Header with custom actions:\n * ```tsx\n * import { Header, Button } from '@jmruthers/pace-core';\n * \n * function HeaderWithActions() {\n *   const customActions = (\n *     <div className=\"flex items-center gap-2\">\n *       <Button variant=\"outline\" size=\"sm\">Export</Button>\n *       <Button size=\"sm\">New Item</Button>\n *     </div>\n *   );\n * \n *   return (\n *     <Header\n *       logoUrl=\"/logo.svg\"\n *       navItems={navigationItems}\n *       actions={customActions}\n *       user={currentUser}\n *       onSignOut={handleSignOut}\n *     />\n *   );\n * }\n * ```\n * \n * @example\n * Minimal header configuration:\n * ```tsx\n * function MinimalHeader() {\n *   return (\n *     <Header\n *       logoUrl=\"/simple-logo.svg\"\n *       logoAlt=\"Simple App\"\n *       showEventSelector={false}\n *       user={currentUser}\n *       onSignOut={handleSignOut}\n *     />\n *   );\n * }\n * ```\n * \n * @param props - Header configuration including logo, navigation, user settings, and custom content\n * @returns React element with complete header functionality\n * \n * @since 0.1.0\n */\nexport function Header({\n  logoUrl,\n  logoAlt = 'Logo',\n  logo,\n  navItems = [],\n  user,\n  onSignOut,\n  onChangePassword,\n  actions,\n  userMenu,\n  className,\n  showEventSelector = true,\n  showUserMenu = true,\n  currentPath,\n  onNavigate\n}: HeaderProps) {\n  return (\n    <header className={cn(\n      \"w-full border-b border-main-200 h-16 shadow-sm bg-main-100 \",\n      className\n    )} role=\"banner\">\n      <nav className=\"px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center\">\n          {/* Logo */}\n          {logo ? (\n            logo\n          ) : logoUrl ? (\n            <img\n              src={logoUrl}\n              alt={logoAlt || 'Logo'}\n              className=\"h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent\"\n            />\n          ) : (\n            <img\n              src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E\"\n              alt={logoAlt || 'Logo'}\n              className=\"h-8 w-8 shadow-md\"\n            />\n          )}\n\n          {/* Navigation Menu */}\n          {navItems && navItems.length > 0 && (\n            <NavigationMenu\n              items={navItems}\n              currentPath={currentPath}\n              onNavigate={onNavigate}\n              buttonText=\"Menu\"\n              className=\"w-48\"\n            />\n          )}\n        \n\n        {/* Right side: Event Selector, Actions, and User Menu */}\n\n          {/* Event Selector */}\n          {showEventSelector && (\n            <EventSelector \n              placeholder=\"Select event\" \n              className=\"justify-self-end hidden sm:block w-96\" \n              data-testid=\"event-selector\" \n            />\n          )}\n          \n          {/* Custom Actions */}\n          {actions}\n          \n          {/* User Menu */}\n          {showUserMenu && (\n            userMenu ? (\n              userMenu\n            ) : (\n              <UserMenu\n                user={user || null}\n                onSignOut={onSignOut}\n                onChangePassword={onChangePassword}\n                className=\"w-70\"\n              />\n            )\n          )}\n\n      </nav>\n    </header>\n  );\n}\n","/**\n * @file Footer Component\n * @package @jmruthers/pace-core\n * @module Components/Footer\n * @since 0.1.0\n *\n * A flexible footer component for application layouts with copyright information,\n * navigation links, and customizable content.\n *\n * Features:\n * - Copyright information with automatic year generation\n * - Customizable company name and branding\n * - Optional navigation links\n * - Logo display support\n * - Custom footer content via children\n * - Responsive design\n * - Accessibility compliant\n * - Flexible layout options\n * - Consistent styling with design system\n *\n * @example\n * ```tsx\n * // Basic footer with default copyright\n * <Footer />\n * \n * // Footer with custom company name and year\n * <Footer \n *   companyName=\"My Company Inc.\"\n *   year={2024}\n * />\n * \n * // Footer with navigation links\n * <Footer\n *   companyName=\"My Company\"\n *   links={[\n *     { label: 'Privacy Policy', href: '/privacy' },\n *     { label: 'Terms of Service', href: '/terms' },\n *     { label: 'Contact', href: '/contact' }\n *   ]}\n * />\n * \n * // Footer with logo and custom copyright\n * <Footer\n *   logo=\"/logo.svg\"\n *   copyright=\"© 2024 My Company. All rights reserved.\"\n * />\n * \n * // Footer with custom content\n * <Footer companyName=\"My Company\">\n *   <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\n *     <div>\n *       <h3 className=\"font-semibold mb-2\">About Us</h3>\n *       <p className=\"text-sm text-muted-foreground\">\n *         We provide innovative solutions for modern businesses.\n *       </p>\n *     </div>\n *     <div>\n *       <h3 className=\"font-semibold mb-2\">Contact</h3>\n *       <p className=\"text-sm text-muted-foreground\">\n *         Email: info@mycompany.com<br />\n *         Phone: (555) 123-4567\n *       </p>\n *     </div>\n *     <div>\n *       <h3 className=\"font-semibold mb-2\">Follow Us</h3>\n *       <div className=\"flex gap-2\">\n *         <a href=\"#\" className=\"text-muted-foreground hover:text-foreground\">Twitter</a>\n *         <a href=\"#\" className=\"text-muted-foreground hover:text-foreground\">LinkedIn</a>\n *       </div>\n *     </div>\n *   </div>\n * </Footer>\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML with role=\"contentinfo\"\n * - Screen reader friendly navigation\n * - Keyboard navigation support\n * - High contrast support\n * - Clear link identification\n *\n * @dependencies\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n */\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface FooterProps {\n  /**\n   * Company or organization name\n   */\n  companyName?: string;\n\n  /**\n   * Current year or custom year for copyright\n   * @default current year\n   */\n  year?: number;\n\n  /**\n   * Optional array of navigation links to display\n   */\n  links?: Array<{\n    label: string;\n    href: string;\n  }>;\n\n  /**\n   * Optional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Logo image URL (from UI version)\n   */\n  logo?: string;\n\n  /**\n   * Copyright text (from UI version)\n   */\n  copyright?: string;\n\n  /**\n   * Footer content - children to render inside footer\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Footer component that displays copyright information and navigation\n * \n * @example\n * ```tsx\n * // Basic usage\n * <Footer />\n * \n * // With children\n * <Footer>\n *   <div>Custom footer content</div>\n * </Footer>\n * \n * // With logo and copyright\n * <Footer logo=\"/logo.png\" copyright=\"© 2024 Company. All rights reserved.\" />\n * ```\n */\nconst FooterComponent: React.FC<FooterProps> = ({\n  companyName = 'Solvera Solutions Pty Ltd',\n  year = new Date().getFullYear(),\n  links,\n  className = '',\n  logo,\n  copyright,\n  children\n}) => {\n  // Use custom copyright if provided, otherwise generate default\n  const copyrightText = copyright || `© Copyright 2022–${year} all rights reserved, ${companyName}.`;\n\n  return (\n    <footer className={cn('mt-8 py-6 flex justify-center border-t border-border bg-main-100', className)}>\n\n      <section className='px-4 w-[min(var(--app-width),100%)] mx-auto text-center'>\n        {logo && (\n          <img src={logo} alt=\"Logo\" className=\"h-8 w-auto\" />\n        )}\n\n        {children && (\n          <>\n            {children}\n          </>\n        )}\n\n        <span className=\"text-muted-foreground\">\n          {copyrightText}\n        </span>\n\n        {links && links.length > 0 && (\n          <ul className=\"flex gap-4 mt-2 md:mt-0\">\n            {links.map((link, index) => (\n              <li key={index}>\n                <a href={link.href} className=\"text-muted-foreground hover:text-foreground\">\n                  {link.label}\n                </a>\n              </li>\n            ))}\n          </ul>\n        )}\n      </section>\n    </footer>\n  );\n};\n\nFooterComponent.displayName = 'Footer';\n\nexport const Footer = React.memo(FooterComponent);\nFooter.displayName = 'Footer';\n","/**\n * @file PACE App Layout Component\n * @package @jmruthers/pace-core\n * @module Components/PaceAppLayout\n * @since 0.1.0\n *\n * A comprehensive application layout component that provides a consistent\n * structure for all PACE suite applications with header, navigation, and footer.\n * \n * NEW: Layout-level permission enforcement to ensure consuming apps can't\n * forget to implement permission checks on individual pages.\n *\n * Features:\n * - Consistent application layout structure\n * - Header with logo, navigation, and user menu\n * - Footer with copyright and links\n * - React Router integration with Outlet\n * - Unified authentication integration\n * - Navigation menu with configurable items\n * - User sign-out functionality\n * - Password change capability\n * - Responsive design\n * - Accessibility compliant\n * - Flexible content area\n * - Branding support\n * - Layout-level permission enforcement\n * - Automatic page permission validation\n * - Permission-based navigation filtering\n *\n * @example\n * ```tsx\n * // Basic app layout with React Router (RECOMMENDED)\n * <Router>\n *   <Routes>\n *     <Route path=\"/\" element={<PaceAppLayout appName=\"My Application\" />}>\n *       <Route index element={<HomePage />} />\n *       <Route path=\"dashboard\" element={<DashboardPage />} />\n *       <Route path=\"settings\" element={<SettingsPage />} />\n *     </Route>\n *   </Routes>\n * </Router>\n * \n * // App layout with custom permission configuration\n * function MyApp() {\n *   return (\n *     <UnifiedAuthProvider supabaseClient={supabase} appName=\"My App\">\n *       <Router>\n *         <Routes>\n *           <Route path=\"/\" element={\n *             <PaceAppLayout \n *               appName=\"My Application\"\n *               enforcePermissions={true}\n *               defaultPermission=\"read\"\n *               permissionFallback={<AccessDeniedPage />}\n *             />\n *           }>\n *             <Route index element={<HomePage />} />\n *             <Route path=\"events\" element={<EventsPage />} />\n *             <Route path=\"reports\" element={<ReportsPage />} />\n *             <Route path=\"admin\" element={<AdminPage />} />\n *           </Route>\n *         </Routes>\n *       </Router>\n *     </UnifiedAuthProvider>\n *   );\n * }\n * \n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML structure\n * - Screen reader friendly navigation\n * - Keyboard navigation support\n * - Focus management\n * - High contrast support\n * - Clear content hierarchy\n * - Consistent navigation patterns\n *\n * @routing\n * - React Router v6 integration\n * - Nested route support\n * - Dynamic navigation handling\n * - Path-based navigation\n * - Route outlet rendering\n * - Permission-based route protection\n *\n * @dependencies\n * - React 18+ - Component framework\n * - React Router v6 - Routing\n * - UnifiedAuthProvider - Authentication\n * - usePermissionCache - Permission management\n * - Header component\n * - Footer component\n * - Button component\n * - NavigationMenu types\n * - Tailwind CSS - Styling\n */\n\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Outlet, useNavigate, useLocation } from 'react-router-dom';\nimport { useUnifiedAuth } from '../../providers/UnifiedAuthProvider';\n// Import RBAC functions directly so they can be mocked in tests\nimport { isPermitted } from '../../rbac/api';\nimport type { Permission } from '../../rbac/types';\n\n// Stable empty objects to prevent infinite loops\nconst EMPTY_PAGE_ID_MAPPING = {};\nconst EMPTY_ROUTE_PERMISSIONS = {};\nimport { Button } from '../Button';\nimport { Footer } from '../Footer';\nimport { Header } from '../Header';\nimport type { NavigationItem } from '../NavigationMenu/types';\n// Define Operation type locally since old RBAC types are removed\ntype Operation = 'read' | 'create' | 'update' | 'delete' | 'manage';\n\nexport interface PaceAppLayoutProps {\n  /** The name of the application to be displayed in the header. */\n  appName: string;\n  /** Optional navigation items for the header menu. If not provided, uses default navigation. */\n  navItems?: NavigationItem[];\n  /** Show/hide event selector in the header */\n  showEventSelector?: boolean;\n  /** Custom actions to display in the header (between event selector and user menu) */\n  headerActions?: React.ReactNode;\n  /** Custom logo component (overrides default logo) */\n  customLogo?: React.ReactNode;\n  /** Custom user menu component (overrides default user menu) */\n  customUserMenu?: React.ReactNode;\n  /** Custom className for the header */\n  headerClassName?: string;\n  /** Show/hide user menu */\n  showUserMenu?: boolean;\n  /** Enable layout-level permission enforcement */\n  enforcePermissions?: boolean;\n  /** Default permission to check for all routes (when enforcePermissions is true) */\n  defaultPermission?: Operation;\n  /** Route-specific permissions mapping */\n  routePermissions?: Record<string, Operation>;\n  /** Fallback component to show when user lacks permission */\n  permissionFallback?: React.ReactNode;\n  /** Enable permission-based navigation filtering */\n  filterNavigationByPermissions?: boolean;\n  /** Custom permission page ID mapping */\n  pageIdMapping?: Record<string, string>;\n  \n  // NEW: Phase 1 - Enhanced Security Features\n  /** Enable strict mode to prevent bypassing permission checks (default: true) */\n  strictMode?: boolean;\n  /** Enable page-level permission enforcement (default: false) */\n  enforcePagePermissions?: boolean;\n  /** Default page permission fallback component */\n  pagePermissionFallback?: React.ReactNode;\n  /** Enable audit logging for all permission checks (default: true) */\n  auditLog?: boolean;\n  /** Callback when page access is denied */\n  onPageAccessDenied?: (pageName: string, operation: string) => void;\n  /** Callback when strict mode violation occurs */\n  onStrictModeViolation?: (pageName: string, operation: string) => void;\n  \n  // NEW: Phase 2 - Enhanced Routing Features\n  /** Enable role-based routing (default: false) */\n  roleBasedRouting?: boolean;\n  /** Route configuration for role-based routing */\n  routeConfig?: Array<{\n    path: string;\n    component: React.ComponentType;\n    permissions: string[];\n    roles?: string[];\n    accessLevel?: string;\n    pageId?: string;\n    strictMode?: boolean;\n    meta?: {\n      title?: string;\n      description?: string;\n      requiresAuth?: boolean;\n      hidden?: boolean;\n    };\n  }>;\n  /** Fallback route for unauthorized access */\n  fallbackRoute?: string;\n  /** Callback when route access is denied */\n  onRouteAccessDenied?: (route: string, reason: string) => void;\n  /** Callback when route strict mode violation occurs */\n  onRouteStrictModeViolation?: (route: string, reason: string) => void;\n}\n\n/**\n * A consistent layout component for all PACE suite applications that provides a standard\n * structure with header, main content area, and footer.\n * \n * NEW: This component now includes layout-level permission enforcement to ensure\n * consuming apps can't forget to implement permission checks on individual pages.\n * \n * This component is designed to work with React Router's nested routing pattern using\n * Outlet to render child routes. It provides integrated authentication, navigation,\n * and user management functionality.\n * \n * Features:\n * - React Router v6 integration with nested routing\n * - Unified authentication integration\n * - Consistent header with navigation and user menu\n * - Flexible main content area with Outlet\n * - Footer with application branding\n * - User sign-out and password change functionality\n * - Responsive design and accessibility compliant\n * - Layout-level permission enforcement\n * - Permission-based navigation filtering\n * - Automatic page permission validation\n * \n * @example\n * Basic React Router setup with permission enforcement (RECOMMENDED):\n * ```tsx\n * import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';\n * import { UnifiedAuthProvider } from '@jmruthers/pace-core/providers';\n * import { PaceAppLayout, PaceLoginPage } from '@jmruthers/pace-core';\n * \n * function App() {\n *   return (\n *     <UnifiedAuthProvider supabaseClient={supabase} appName=\"My App\">\n *       <Router>\n *         <Routes>\n *           <Route path=\"/login\" element={<PaceLoginPage appName=\"My App\" />} />\n *           <Route path=\"/\" element={\n *             <PaceAppLayout \n *               appName=\"My Application\"\n *               enforcePermissions={true}\n *               defaultPermission=\"read\"\n *             />\n *           }>\n *             <Route index element={<HomePage />} />\n *             <Route path=\"dashboard\" element={<DashboardPage />} />\n *             <Route path=\"meals\" element={<MealsPage />} />\n *           </Route>\n *         </Routes>\n *       </Router>\n *     </UnifiedAuthProvider>\n *   );\n * }\n * ```\n * \n * \n * @example\n * Custom navigation items with permission filtering:\n * ```tsx\n * import { NavigationItem } from '@jmruthers/pace-core';\n * \n * function App() {\n *   const customNavItems: NavigationItem[] = [\n *     { id: 'components', label: 'Components', href: '/components', icon: 'Component' },\n *     { id: 'styles', label: 'Styles', href: '/styles', icon: 'Palette' },\n *     { id: 'meals', label: 'Meals', href: '/meals', icon: 'UtensilsCrossed' }\n *   ];\n * \n *   return (\n *     <Router>\n *       <Routes>\n *         <Route path=\"/\" element={\n *           <PaceAppLayout \n *             appName=\"My Custom App\" \n *             navItems={customNavItems}\n *             enforcePermissions={true}\n *             filterNavigationByPermissions={true}\n *             routePermissions={{\n *               '/components': 'read',\n *               '/styles': 'read',\n *               '/meals': 'read'\n *             }}\n *           />\n *         }>\n *           <Route path=\"components\" element={<ComponentsPage />} />\n *           <Route path=\"styles\" element={<StylesPage />} />\n *           <Route path=\"meals\" element={<MealsPage />} />\n *         </Route>\n *       </Routes>\n *     </Router>\n *   );\n * }\n * ```\n * \n * @example\n * Route-specific permissions with custom page IDs:\n * ```tsx\n * function AdminApp() {\n *   return (\n *     <Router>\n *       <Routes>\n *         <Route path=\"/\" element={\n *           <PaceAppLayout \n *             appName=\"Admin Panel\"\n *             enforcePermissions={true}\n *             routePermissions={{\n *               '/dashboard': 'read',\n *               '/user-management': 'read',\n *               '/system-settings': 'update'\n *             }}\n *             pageIdMapping={{\n *               '/dashboard': 'dashboard',\n *               '/user-management': 'user-management',\n *               '/system-settings': 'system-admin'\n *             }}\n *             permissionFallback={<AccessDeniedPage />}\n *           />\n *         }>\n *           <Route path=\"dashboard\" element={<DashboardPage />} />\n *           <Route path=\"user-management\" element={<UserManagementPage />} />\n *           <Route path=\"system-settings\" element={<SystemSettingsPage />} />\n *         </Route>\n *       </Routes>\n *     </Router>\n *   );\n * }\n * ```\n * \n * @param props - Layout configuration including app name for branding and permission settings\n * @returns React element with complete application layout structure and permission enforcement\n * \n * @since 0.1.0\n */\nexport function PaceAppLayout({ \n  appName, \n  navItems, \n  showEventSelector,\n  headerActions,\n  customLogo,\n  customUserMenu,\n  headerClassName,\n  showUserMenu = true,\n  enforcePermissions = false,\n  defaultPermission = 'read',\n  routePermissions = EMPTY_ROUTE_PERMISSIONS,\n  permissionFallback,\n  filterNavigationByPermissions = false,\n  pageIdMapping = EMPTY_PAGE_ID_MAPPING,\n  // NEW: Phase 1 - Enhanced Security Features\n  strictMode = true,\n  enforcePagePermissions = false,\n  pagePermissionFallback,\n  auditLog = true,\n  onPageAccessDenied,\n  onStrictModeViolation,\n  // NEW: Phase 2 - Enhanced Routing Features\n  roleBasedRouting = false,\n  routeConfig = [],\n  fallbackRoute = '/unauthorized',\n  onRouteAccessDenied,\n  onRouteStrictModeViolation\n}: PaceAppLayoutProps) {\n  const { user, signOut, updatePassword } = useUnifiedAuth();\n  const navigate = useNavigate();\n  const location = useLocation();\n  // Use the new RBAC system for permission checking\n  const checkPermission = useCallback(async (permission: string, pageId?: string): Promise<boolean> => {\n    try {\n      // Use the imported RBAC API function\n      \n      if (!user?.id) return false;\n      \n      const scope = {\n        organisationId: user.user_metadata?.organisationId || user.app_metadata?.organisationId,\n        eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,\n        appId: user.user_metadata?.appId || user.app_metadata?.appId,\n      };\n      \n      // Check if user is super admin first - super admins can access everything\n      // regardless of organisation context\n      const { isSuperAdmin } = await import('../../rbac/api');\n      const isSuper = await isSuperAdmin(user.id);\n      \n      if (isSuper) {\n        // Super admin bypass - allow access regardless of organisation context\n        return true;\n      }\n      \n      // For non-super admins, ensure we have at least organisationId for RBAC\n      if (!scope.organisationId) {\n        console.warn('No organisation context available for permission check, denying access');\n        return false;\n      }\n      \n      return await isPermitted({\n        userId: user.id,\n        scope,\n        permission: permission as Permission,\n        pageId\n      });\n    } catch (error) {\n      console.error('Permission check failed:', error);\n      // Let the error bubble up so it can be handled by the calling code\n      throw error;\n    }\n  }, [user?.id]);\n\n  // Permission enforcement state\n  const [hasPermission, setHasPermission] = useState<boolean | null>(null);\n  const [isCheckingPermission, setIsCheckingPermission] = useState(false);\n  const [permissionError, setPermissionError] = useState<Error | null>(null);\n\n  // Default navigation items if none provided\n  const defaultNavItems: NavigationItem[] = useMemo(() => [\n    { id: 'home', label: 'Home', href: '/', icon: 'Home' },\n    { id: 'dashboard', label: 'Dashboard', href: '/dashboard', icon: 'LayoutDashboard' },\n    { id: 'settings', label: 'Settings', href: '/settings', icon: 'Settings' },\n    { id: 'ui-showcase', label: 'UI Showcase', href: '/ui-showcase', icon: 'Component' },\n    { id: 'data-table-showcase', label: 'DataTable Showcase', href: '/data-table-showcase', icon: 'Table' },\n  ], []);\n\n  // Use provided navItems or fall back to default\n  const baseMenuItems = useMemo(() => navItems || defaultNavItems, [navItems]);\n\n  // Get current route permission requirements\n  const currentRoutePermission = useMemo(() => {\n    const currentPath = location.pathname;\n    return routePermissions[currentPath] || defaultPermission;\n  }, [location.pathname, routePermissions, defaultPermission]);\n\n  // Get current page ID for permission checking\n  const currentPageId = useMemo(() => {\n    const currentPath = location.pathname;\n    return pageIdMapping[currentPath] || currentPath.slice(1) || 'home';\n  }, [location.pathname, pageIdMapping]);\n\n  // Check permission for current route\n  useEffect(() => {\n    if (!enforcePermissions) {\n      setHasPermission(true);\n      return;\n    }\n\n    let isMounted = true;\n\n    const checkRoutePermission = async () => {\n      if (!isMounted) return;\n      \n      setIsCheckingPermission(true);\n      setPermissionError(null);\n\n      try {\n        const hasAccess = await checkPermission(currentRoutePermission, currentPageId);\n        \n        if (!isMounted) return;\n        \n        setHasPermission(hasAccess);\n        \n        // NEW: Phase 1 - Enhanced Security Features\n        // Log page access attempt for audit\n        if (auditLog) {\n          console.log(`[PaceAppLayout] Page access attempt:`, {\n            pageName: currentPageId,\n            operation: currentRoutePermission,\n            userId: user?.id,\n            allowed: hasAccess,\n            strictMode,\n            timestamp: new Date().toISOString()\n          });\n        }\n        \n        // Handle strict mode violations\n        if (strictMode && !hasAccess) {\n          console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected page without permission`, {\n            pageName: currentPageId,\n            operation: currentRoutePermission,\n            userId: user?.id,\n            timestamp: new Date().toISOString()\n          });\n          \n          if (onStrictModeViolation) {\n            onStrictModeViolation(currentPageId, currentRoutePermission);\n          }\n        }\n        \n        // Handle page access denied callback\n        if (!hasAccess && onPageAccessDenied) {\n          onPageAccessDenied(currentPageId, currentRoutePermission);\n        }\n        \n      } catch (error) {\n        if (!isMounted) return;\n        \n        console.error(`[PaceAppLayout] Permission check failed for ${currentPageId}:`, error);\n        setPermissionError(error instanceof Error ? error : new Error('Permission check failed'));\n        setHasPermission(false);\n      } finally {\n        if (isMounted) {\n          setIsCheckingPermission(false);\n        }\n      }\n    };\n\n    checkRoutePermission();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [enforcePermissions, currentRoutePermission, currentPageId, strictMode, user?.id]);\n\n  // Filter navigation items based on permissions\n  const [filteredMenuItems, setFilteredMenuItems] = useState<NavigationItem[]>(baseMenuItems);\n\n  useEffect(() => {\n    if (!filterNavigationByPermissions || !enforcePermissions) {\n      setFilteredMenuItems(baseMenuItems);\n      return;\n    }\n\n    let isMounted = true;\n\n    const filterItems = async () => {\n      const filtered = await Promise.all(\n        baseMenuItems.map(async (item) => {\n          if (!item.href) return { item, hasAccess: true };\n          \n          const pageId = pageIdMapping[item.href] || item.href.slice(1) || 'home';\n          const permission = routePermissions[item.href] || defaultPermission;\n          \n          try {\n            const hasAccess = await checkPermission(permission, pageId);\n            return { item, hasAccess };\n          } catch {\n            return { item, hasAccess: false };\n          }\n        })\n      );\n\n      if (!isMounted) return;\n\n      const accessibleItems = filtered\n        .filter(({ hasAccess }) => hasAccess)\n        .map(({ item }) => item);\n\n      setFilteredMenuItems(accessibleItems);\n    };\n\n    filterItems();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [baseMenuItems, filterNavigationByPermissions, enforcePermissions, pageIdMapping, routePermissions, defaultPermission]);\n\n  // NEW: Phase 2 - Enhanced Routing Features\n  // Check route access for role-based routing\n  useEffect(() => {\n    if (!roleBasedRouting || routeConfig.length === 0) return;\n    \n    const currentPath = location.pathname;\n    const currentRoute = routeConfig.find(route => route.path === currentPath);\n    \n    if (!currentRoute) {\n      // Route not found in configuration\n      if (strictMode) {\n        console.error(`[PaceAppLayout] STRICT MODE VIOLATION: Route not found in configuration`, {\n          route: currentPath,\n          userId: user?.id,\n          timestamp: new Date().toISOString()\n        });\n        \n        if (onRouteStrictModeViolation) {\n          onRouteStrictModeViolation(currentPath, 'Route not found in configuration');\n        }\n      }\n      return;\n    }\n    \n    // For now, allow all access - this will be enhanced with actual permission checking\n    const hasAccess = true; // This will be replaced with actual permission checking\n    \n    if (!hasAccess) {\n      // Handle route access denied\n      if (onRouteAccessDenied) {\n        onRouteAccessDenied(currentPath, 'Insufficient permissions');\n      }\n      \n      if (strictMode) {\n        console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected route without permission`, {\n          route: currentPath,\n          userId: user?.id,\n          permissions: currentRoute.permissions,\n          roles: currentRoute.roles,\n          accessLevel: currentRoute.accessLevel,\n          timestamp: new Date().toISOString()\n        });\n        \n        if (onRouteStrictModeViolation) {\n          onRouteStrictModeViolation(currentPath, 'Insufficient permissions');\n        }\n      }\n      \n      // Redirect to fallback route\n      navigate(fallbackRoute, { replace: true });\n    }\n    \n    // Log route access attempt for audit\n    if (auditLog) {\n      console.log(`[PaceAppLayout] Route access attempt:`, {\n        route: currentPath,\n        userId: user?.id,\n        allowed: hasAccess,\n        permissions: currentRoute.permissions,\n        roles: currentRoute.roles,\n        accessLevel: currentRoute.accessLevel,\n        timestamp: new Date().toISOString()\n      });\n    }\n  }, [roleBasedRouting, routeConfig, location.pathname, strictMode, user?.id, fallbackRoute]);\n\n  const handleSignOut = async () => {\n    await signOut();\n  };\n\n  const handleChangePassword = async (newPassword: string) => {\n    // The form component in UserMenu already checks for matching passwords\n    const result = await updatePassword(newPassword);\n    if (result?.error) {\n      // The form will display the error message\n      console.error('Failed to change password:', result.error.message);\n    }\n    // The form will handle closing the modal on success\n    return result || { error: null };\n  };\n\n  // Show loading state while checking permissions\n  if (enforcePermissions && isCheckingPermission) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4\"></div>\n          <p className=\"text-sec-600\">Checking permissions...</p>\n        </div>\n      </div>\n    );\n  }\n\n  // Show permission error\n  if (enforcePermissions && permissionError) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-center\">\n          <h2 className=\"text-xl font-semibold text-acc-600 mb-2\">Permission Error</h2>\n          <p className=\"text-sec-600 mb-4\">{permissionError.message}</p>\n          <Button onClick={() => navigate('/')}>Go Home</Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Show permission fallback if user lacks permission\n  if (enforcePermissions && hasPermission === false) {\n    // NEW: Phase 1 - Use page permission fallback if available\n    if (enforcePagePermissions && pagePermissionFallback) {\n      return <>{pagePermissionFallback}</>;\n    }\n    \n    if (permissionFallback) {\n      return <>{permissionFallback}</>;\n    }\n    \n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-center\">\n          <h2 className=\"text-xl font-semibold text-acc-600 mb-2\">Access Denied</h2>\n          <p className=\"text-sec-600 mb-4\">\n            You don't have permission to access this page.\n          </p>\n          <Button onClick={() => navigate('/')}>Go Home</Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Header\n        logo={customLogo || undefined}\n        logoUrl={!customLogo ? `/${appName.toLowerCase()}_logo_wide.svg` : undefined}\n        logoAlt={`${appName} Logo`}\n        navItems={filteredMenuItems}\n        actions={headerActions}\n        userMenu={customUserMenu}\n        user={user}\n        onSignOut={handleSignOut}\n        onChangePassword={handleChangePassword}\n        currentPath={window.location.pathname}\n        onNavigate={(item) => {\n          if (item.href) {\n            navigate(item.href);\n          }\n        }}\n        showEventSelector={showEventSelector}\n        showUserMenu={showUserMenu}\n        className={headerClassName || \"sticky top-0 z-[40] w-full\"}\n      />\n      <main className=\"px-4 w-[min(var(--app-width),100%)] mx-auto py-8\">\n        <Outlet />\n      </main>\n      <Footer />\n    </>\n  );\n} ","/**\n * @file PACE Login Page Component\n * @package @jmruthers/pace-core\n * @module Components/PaceLoginPage\n * @since 0.1.0\n *\n * A comprehensive login page component that provides a consistent authentication\n * experience for all PACE suite applications with role-based redirection and\n * enhanced error handling.\n *\n * Features:\n * - Consistent login page layout\n * - Unified authentication integration\n * - Role-based automatic redirection (admin users)\n * - Manual redirection for all successful logins\n * - Customizable app branding\n * - Configurable redirect paths\n * - Enhanced error handling and display\n * - Dual loading state management (auth + form)\n * - Navigation error recovery\n * - Responsive design\n * - Accessibility compliant\n * - Integration with LoginForm\n * - React Router navigation\n * - Centered layout design\n * - Error persistence and display\n *\n * @example\n * ```tsx\n * // Basic login page\n * <PaceLoginPage appName=\"My Application\" />\n * \n * // Login page with custom redirect\n * <PaceLoginPage\n *   appName=\"Dashboard App\"\n *   onSuccessRedirectPath=\"/dashboard\"\n * />\n * \n * // Login page in router setup\n * <Router>\n *   <Routes>\n *     <Route path=\"/login\" element={\n *       <PaceLoginPage \n *         appName=\"My App\"\n *         onSuccessRedirectPath=\"/home\"\n *       />\n *     } />\n *     <Route path=\"/home\" element={<HomePage />} />\n *   </Routes>\n * </Router>\n * \n * // Login page with authentication provider\n * <UnifiedAuthProvider supabaseClient={supabase} appName=\"My App\">\n *   <Router>\n *     <Routes>\n *       <Route path=\"/login\" element={\n *         <PaceLoginPage appName=\"My Application\" />\n *       } />\n *       <Route path=\"/\" element={<PaceAppLayout appName=\"My Application\" />}>\n *         <Route index element={<HomePage />} />\n *       </Route>\n *     </Routes>\n *   </Router>\n * </UnifiedAuthProvider>\n * \n * // Login page with role-based access control\n * function App() {\n *   return (\n *     <UnifiedAuthProvider supabaseClient={supabase} appName=\"Admin Portal\">\n *       <Router>\n *         <Routes>\n *           <Route path=\"/login\" element={\n *             <PaceLoginPage \n *               appName=\"Admin Portal\"\n *               onSuccessRedirectPath=\"/admin/dashboard\"\n *             />\n *           } />\n *           <Route path=\"/admin/*\" element={<AdminRoutes />} />\n *         </Routes>\n *       </Router>\n *     </UnifiedAuthProvider>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML structure\n * - Screen reader friendly\n * - Keyboard navigation support\n * - Focus management\n * - High contrast support\n * - Clear page hierarchy\n * - Accessible form elements\n * - Error announcements\n *\n * @routing\n * - React Router v6 integration\n * - Automatic navigation on success\n * - Role-based redirect logic (admin users)\n * - Configurable redirect paths\n * - Replace navigation for login flow\n * - Navigation error handling\n *\n * @authentication\n * - Integration with UnifiedAuthProvider\n * - Role detection via hasRole('admin')\n * - Loading state management\n * - Error state handling\n * - Session validation\n * - Automatic redirect prevention loops\n *\n * @dependencies\n * - React 18+ - Hooks and effects\n * - React Router v6 - Navigation\n * - UnifiedAuthProvider - Authentication\n * - LoginForm component\n * - Button component\n * - Input component\n * - Label component\n * - Tailwind CSS - Styling\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useUnifiedAuth } from '../../providers';\nimport { LoginForm } from '../LoginForm';\nimport { Button, Input, Label } from '..';\n\nexport interface PaceLoginPageProps {\n  /** The name of the application to be displayed on the login form. */\n  appName: string;\n  /** The path to redirect to upon successful login. Defaults to `/`. */\n  onSuccessRedirectPath?: string;\n}\n\n/**\n * A consistent, reusable login page for all PACE suite applications.\n * It handles the sign-in logic with role-based automatic redirection for admin users,\n * enhanced error handling, and dual loading state management.\n * \n * Recent enhancements:\n * - Role-based redirection: Admin users are automatically redirected\n * - Enhanced error handling with navigation error recovery\n * - Dual loading states: auth loading + form submission loading\n * - Error persistence: Auth errors are displayed below the form\n * - Navigation safety: Try-catch blocks prevent navigation errors\n * \n * @param props - Login page configuration including app name and redirect path\n * @returns JSX.Element - The rendered login page with enhanced functionality\n * \n * @example\n * ```tsx\n * <PaceLoginPage \n *   appName=\"My Application\" \n *   onSuccessRedirectPath=\"/dashboard\" \n * />\n * ```\n */\nexport const PaceLoginPage: React.FC<PaceLoginPageProps> = ({\n  appName = 'Pace',\n  onSuccessRedirectPath = '/'\n}) => {\n  const { signIn, isAuthenticated, isLoading, authError, hasRole } = useUnifiedAuth();\n  const navigate = useNavigate();\n  const [isSigningIn, setIsSigningIn] = useState(false);\n\n  useEffect(() => {\n    // Only redirect super admin users automatically\n    if (isAuthenticated && !isLoading && hasRole('super_admin')) {\n      try {\n        navigate(onSuccessRedirectPath, { replace: true });\n      } catch (error) {\n        console.error('Navigation error:', error);\n      }\n    }\n  }, [isAuthenticated, isLoading, navigate, onSuccessRedirectPath, hasRole]);\n\n  const handleSubmit = async (data: { email: string; password: string }) => {\n    setIsSigningIn(true);\n    try {\n      const { error } = await signIn(data.email, data.password);\n\n      if (!error) {\n        try {\n          navigate(onSuccessRedirectPath, { replace: true });\n        } catch (navError) {\n          console.error('Navigation error after sign-in:', navError);\n        }\n      }\n    } finally {\n      setIsSigningIn(false);\n    }\n  };\n\n  return (\n    <main className=\"min-h-screen grid mx-auto w-fit content-center justify-items-center gap-y-8\" aria-label={`${appName} Login Page`}>\n      <img\n        src={`/${appName.toLowerCase()}_logo_square.svg`}\n        alt={`${appName} logo`}\n        className=\"h-48\"\n      />\n\n        <LoginForm className=\"w-md\"\n          onSignIn={handleSubmit}\n          appName={appName}\n          isLoading={isSigningIn}\n          onError={(error) => {\n            // LoginForm will handle display of the error\n            console.error('Login error:', error);\n          }}\n        />\n        {authError && (\n          <em className=\"mt-4 text-destructive text-center\">\n            {authError.message}\n          </em>\n        )}\n\n    </main>\n  );\n} ","/**\n * @file Error Boundary Component\n * @package @jmruthers/pace-core\n * @module Components/ErrorBoundary\n * @since 0.1.0\n *\n * A comprehensive error boundary component that catches JavaScript errors in child components\n * and provides fallback UI with retry functionality and error reporting.\n *\n * Features:\n * - Catches JavaScript errors in component tree\n * - Custom fallback UI with retry functionality\n * - Error reporting and logging\n * - Performance monitoring integration\n * - Retry mechanism with configurable attempts\n * - Development mode error details\n * - Accessibility compliant error display\n * - Component-specific error tracking\n * - Error ID generation for tracking\n *\n * @example\n * ```tsx\n * // Basic error boundary\n * <ErrorBoundary>\n *   <MyComponent />\n * </ErrorBoundary>\n * \n * // Error boundary with custom fallback\n * <ErrorBoundary\n *   componentName=\"UserProfile\"\n *   fallback={<div>Something went wrong loading the profile.</div>}\n *   onError={(error, errorInfo, errorId) => {\n *     console.log('Error caught:', errorId, error);\n *   }}\n * >\n *   <UserProfile />\n * </ErrorBoundary>\n * \n * // Error boundary with retry functionality\n * <ErrorBoundary\n *   componentName=\"DataTable\"\n *   maxRetries={3}\n *   enableRetry={true}\n *   enableReporting={true}\n *   onError={(error, errorInfo, errorId) => {\n *     // Send to error reporting service\n *     errorReportingService.report({ error, errorInfo, errorId });\n *   }}\n * >\n *   <DataTable data={data} />\n * </ErrorBoundary>\n * \n * // Wrapping multiple components\n * <ErrorBoundary componentName=\"App\">\n *   <Header />\n *   <ErrorBoundary componentName=\"MainContent\">\n *     <MainContent />\n *   </ErrorBoundary>\n *   <Footer />\n * </ErrorBoundary>\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper ARIA role=\"alert\" for error announcements\n * - Screen reader friendly error messages\n * - Keyboard accessible retry buttons\n * - High contrast error styling\n * - Clear error identification\n *\n * @performance\n * - Efficient error state management\n * - Performance monitoring integration\n * - Minimal impact on normal rendering\n * - Configurable error reporting\n *\n * @dependencies\n * - React 18+ - Component lifecycle\n * - Performance monitoring utilities\n * - Tailwind CSS - Styling\n */\n\nimport React, { Component, ReactNode } from 'react';\nimport { performanceBudgetMonitor } from '../../utils/performanceBudgets';\n\n/**\n * State interface for the ErrorBoundary component\n * @public\n */\nexport interface ErrorBoundaryState {\n  /** Whether an error has been caught */\n  hasError: boolean;\n  /** The error that was caught */\n  error?: Error;\n  /** Additional error information from React */\n  errorInfo?: React.ErrorInfo;\n  /** Unique identifier for the error */\n  errorId?: string;\n  /** Number of retry attempts made */\n  retryCount: number;\n}\n\n/**\n * Props interface for the ErrorBoundary component\n * @public\n */\nexport interface ErrorBoundaryProps {\n  /** Child components to wrap with error boundary */\n  children: ReactNode;\n  /** Name of the component for error reporting */\n  componentName?: string;\n  /** Custom fallback UI to display when error occurs */\n  fallback?: ReactNode;\n  /** Callback function called when an error is caught */\n  onError?: (error: Error, errorInfo: React.ErrorInfo, errorId: string) => void;\n  /** Maximum number of retry attempts */\n  maxRetries?: number;\n  /** Whether to enable retry functionality */\n  enableRetry?: boolean;\n  /** Whether to enable error reporting */\n  enableReporting?: boolean;\n}\n\n/**\n * ErrorBoundary component\n * Catches JavaScript errors in child components and provides fallback UI\n * \n * @example\n * ```tsx\n * <ErrorBoundary\n *   componentName=\"MyComponent\"\n *   maxRetries={3}\n *   onError={(error, errorInfo, errorId) => {\n *     console.log('Error caught:', errorId);\n *   }}\n * >\n *   <MyComponent />\n * </ErrorBoundary>\n * ```\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  private retryTimeoutId: NodeJS.Timeout | null = null;\n\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { \n      hasError: false, \n      retryCount: 0 \n    };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    const errorId = `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n    return { \n      hasError: true, \n      error,\n      errorId \n    };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    const { componentName = 'Unknown Component', onError, enableReporting = true } = this.props;\n    const errorId = this.state.errorId!;\n    \n    this.setState({ errorInfo });\n    \n    // Enhanced logging with component name and error ID\n    console.error(`ErrorBoundary [${componentName}] caught error ${errorId}:`, error, errorInfo);\n    \n    // Performance monitoring - track error occurrence\n    performanceBudgetMonitor.measure('ERROR_BOUNDARY_TRIGGER', 1, {\n      componentName,\n      errorId,\n      errorMessage: error.message,\n      stack: error.stack?.substring(0, 200), // Truncated stack trace\n    });\n\n    // Report error if enabled\n    if (enableReporting) {\n      this.reportError(errorId, componentName);\n    }\n    \n    // Call custom error handler if provided\n    if (onError) {\n      onError(error, errorInfo, errorId);\n    }\n  }\n\n  private reportError = (errorId: string, componentName: string) => {\n    // In production, this would send to error reporting service\n    if (process.env.NODE_ENV === 'production') {\n      // Example: Send to error reporting service\n      // errorReportingService.report({ error, errorInfo, errorId, componentName });\n      console.warn('Error reporting would be triggered in production:', { errorId, componentName });\n    }\n  };\n\n  private handleRetry = () => {\n    const { maxRetries = 3 } = this.props;\n    const { retryCount } = this.state;\n\n    if (retryCount < maxRetries) {\n      console.log(`Retrying component render (attempt ${retryCount + 1}/${maxRetries})`);\n      \n      this.setState(prevState => ({\n        hasError: false,\n        error: undefined,\n        errorInfo: undefined,\n        errorId: undefined,\n        retryCount: prevState.retryCount + 1\n      }));\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.retryTimeoutId) {\n      clearTimeout(this.retryTimeoutId);\n    }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const { \n        componentName = 'Component', \n        fallback, \n        enableRetry = true, \n        maxRetries = 3 \n      } = this.props;\n      const { retryCount, errorId } = this.state;\n\n      // Use custom fallback if provided\n      if (fallback) {\n        return fallback;\n      }\n\n      // Enhanced error UI with retry functionality\n      return (\n        <div \n          role=\"alert\" \n          className=\"p-6 bg-destructive/10 border border-destructive/20 rounded-lg\"\n          data-error-boundary={errorId}\n        >\n          <div className=\"flex items-start gap-3\">\n            <div className=\"flex-shrink-0\">\n              <svg className=\"w-5 h-5 text-destructive\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                <path fillRule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\" clipRule=\"evenodd\" />\n              </svg>\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"text-destructive\">\n                Error in {componentName}\n              </h3>\n              <p className=\"text-destructive/80\">\n                {this.state.error?.message || 'An unexpected error occurred.'}\n              </p>\n              \n              {enableRetry && retryCount < maxRetries && (\n                <div className=\"flex gap-3 mb-4\">\n                  <button\n                    onClick={this.handleRetry}\n                    className=\"px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium\"\n                  >\n                    Retry ({retryCount + 1}/{maxRetries})\n                  </button>\n                  <button\n                    onClick={() => window.location.reload()}\n                    className=\"px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium\"\n                  >\n                    Reload Page\n                  </button>\n                </div>\n              )}\n\n              {retryCount >= maxRetries && (\n                <div className=\"mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md\">\n                  <p className=\"text-acc-800\">\n                    Maximum retry attempts reached. Please reload the page or contact support.\n                  </p>\n                  <button\n                    onClick={() => window.location.reload()}\n                    className=\"mt-2 px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700\"\n                  >\n                    Reload Page\n                  </button>\n                </div>\n              )}\n\n              {process.env.NODE_ENV === 'development' && this.state.error && (\n                <details className=\"text-sm text-destructive/70\">\n                  <summary className=\"cursor-pointer font-medium mb-2\">\n                    Error Details (Development)\n                  </summary>\n                  <div className=\"bg-destructive/5 p-3 rounded border\">\n                    <p className=\"font-mono\">Error ID: {errorId}</p>\n                    <pre className=\"whitespace-pre-wrap text-xs overflow-auto max-h-32\">\n                      {this.state.error.toString()}\n                      {this.state.errorInfo?.componentStack}\n                    </pre>\n                  </div>\n                </details>\n              )}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\nexport default ErrorBoundary;\n","/**\n * @file Organisation Selector Component\n * @package @jmruthers/pace-core\n * @module Components/OrganisationSelector\n * @since 0.4.0\n *\n * A secure organisation selector component that allows users to switch between organisations\n * they have access to. Includes role display and security validation.\n *\n * Features:\n * - Secure organisation switching with validation\n * - Role display for each organisation\n * - Real-time organisation validation\n * - Accessible dropdown interface\n * - Error handling for security violations\n * - Loading states and feedback\n * - Integration with OrganisationProvider\n *\n * @example\n * ```tsx\n * // Basic organisation selector\n * <OrganisationSelector \n *   onOrganisationChange={(org) => console.log('Switched to:', org.display_name)}\n * />\n * \n * // Compact version for header\n * <OrganisationSelector \n *   className=\"w-48\" \n *   compact={true}\n *   showRole={true}\n * />\n * \n * // With custom placeholder\n * <OrganisationSelector \n *   placeholder=\"Choose organisation...\"\n *   showNoOrganisationsMessage={true}\n * />\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Keyboard navigation support\n * - Screen reader friendly\n * - Focus management\n * - ARIA labels and descriptions\n * - High contrast support\n *\n * @security\n * - Validates user access to organisations\n * - Prevents switching to unauthorised organisations\n * - Error handling for security violations\n * - Real-time access validation\n * - Secure organisation data handling\n */\n\nimport React, { useState, useCallback } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select';\nimport { Alert, AlertDescription } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\nimport { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner';\nimport { RefreshCw, AlertCircle, Building2, Shield } from 'lucide-react';\nimport { useOrganisations } from '../../providers/OrganisationProvider';\nimport type { Organisation } from '../../types/organisation';\n\nexport interface OrganisationSelectorProps {\n  /** Placeholder text for the dropdown */\n  placeholder?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** Callback fired when organisation changes, providing full organisation object */\n  onOrganisationChange?: (org: Organisation) => void;\n  /** Show friendly message when no organisations available */\n  showNoOrganisationsMessage?: boolean;\n  /** Show retry button on errors */\n  showRetryButton?: boolean;\n  /** Show user's role in each organisation */\n  showRole?: boolean;\n  /** Compact display mode */\n  compact?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n}\n\n/**\n * OrganisationSelector component for secure organisation switching\n * \n * This component provides secure organisation selection with:\n * - User membership validation\n * - Role-based access display\n * - Security error handling\n * - Real-time organisation switching\n * - Accessible interface design\n * \n * Security: Only shows organisations the user has valid access to\n */\nexport function OrganisationSelector({\n  placeholder = \"Select organisation\",\n  className,\n  onOrganisationChange,\n  showNoOrganisationsMessage = true,\n  showRetryButton = true,\n  showRole = false,\n  compact = false,\n  disabled = false\n}: OrganisationSelectorProps) {\n  const [isLoading, setIsLoading] = useState(false);\n  const [switchError, setSwitchError] = useState<string | null>(null);\n  \n  const { \n    organisations, \n    selectedOrganisation, \n    isLoading: orgLoading,\n    error: orgError,\n    switchOrganisation,\n    getUserRole,\n    validateOrganisationAccess,\n    refreshOrganisations\n  } = useOrganisations();\n\n\n  const handleOrganisationChange = useCallback(async (orgId: string) => {\n    if (disabled || isLoading) return;\n    \n    setSwitchError(null);\n    setIsLoading(true);\n    \n    try {\n      // Validate access before attempting switch\n      if (!validateOrganisationAccess(orgId)) {\n        throw new Error('You do not have access to this organisation');\n      }\n      \n      await switchOrganisation(orgId);\n      \n      const newOrganisation = organisations.find(org => org.id === orgId);\n      if (newOrganisation && onOrganisationChange) {\n        onOrganisationChange(newOrganisation);\n      }\n      \n      console.log(\"[OrganisationSelector] Successfully switched to organisation:\", orgId);\n    } catch (error) {\n      console.error(\"[OrganisationSelector] Failed to switch organisation:\", error);\n      setSwitchError(error instanceof Error ? error.message : 'Failed to switch organisation');\n    } finally {\n      setIsLoading(false);\n    }\n  }, [\n    disabled, \n    isLoading, \n    validateOrganisationAccess, \n    switchOrganisation, \n    organisations, \n    onOrganisationChange\n  ]);\n\n  const handleRetry = useCallback(async () => {\n    setIsLoading(true);\n    setSwitchError(null);\n    try {\n      await refreshOrganisations();\n    } catch (error) {\n      console.error(\"[OrganisationSelector] Failed to refresh organisations:\", error);\n      setSwitchError('Failed to refresh organisations');\n    } finally {\n      setIsLoading(false);\n    }\n  }, [refreshOrganisations]);\n\n  // Loading state\n  if (orgLoading) {\n    return (\n      <div className={`flex items-center gap-2 ${className}`}>\n        <LoadingSpinner size=\"sm\" />\n        <span className=\"text-sm text-muted-foreground\">\n          {compact ? \"Loading...\" : \"Loading organisations...\"}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (orgError) {\n    return (\n      <div className={`space-y-2 ${className}`}>\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>\n            Failed to load organisations: {orgError.message}\n          </AlertDescription>\n        </Alert>\n        {showRetryButton && (\n          <Button \n            variant=\"outline\" \n            size=\"sm\" \n            onClick={handleRetry}\n            disabled={isLoading}\n            className=\"w-full\"\n          >\n            <RefreshCw className={`h-4 w-4 mr-2 ${isLoading ? 'animate-spin' : ''}`} />\n            Retry\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  // No organisations available\n  if (organisations.length === 0) {\n    if (showNoOrganisationsMessage) {\n      return (\n        <div className={`space-y-2 ${className}`}>\n          <Alert>\n            <Building2 className=\"h-4 w-4\" />\n            <AlertDescription>\n              No organisations available. Please contact your administrator to be added to an organisation.\n            </AlertDescription>\n          </Alert>\n          {showRetryButton && (\n            <Button \n              variant=\"outline\" \n              size=\"sm\" \n              onClick={handleRetry}\n              disabled={isLoading}\n              className=\"w-full\"\n            >\n              <RefreshCw className={`h-4 w-4 mr-2 ${isLoading ? 'animate-spin' : ''}`} />\n              Check Again\n            </Button>\n          )}\n        </div>\n      );\n    }\n    return null;\n  }\n\n  // Switch error display\n  const switchErrorDisplay = switchError && (\n    <Alert variant=\"destructive\" className=\"mt-2\">\n      <AlertCircle className=\"h-4 w-4\" />\n      <AlertDescription>{switchError}</AlertDescription>\n    </Alert>\n  );\n\n  // Normal selector state\n  return (\n    <div className={`space-y-2 ${className}`}>\n      <Select \n        value={selectedOrganisation.id}\n        onValueChange={handleOrganisationChange}\n        disabled={disabled || isLoading}\n      >\n        <SelectTrigger className={`${isLoading ? 'opacity-50' : ''}`}>\n          <div className=\"flex items-center gap-2\">\n            {isLoading ? (\n              <LoadingSpinner size=\"sm\" />\n            ) : (\n              <Building2 className=\"h-4 w-4 text-muted-foreground\" />\n            )}\n            <SelectValue placeholder={placeholder} />\n          </div>\n        </SelectTrigger>\n        <SelectContent>\n          {organisations.map((org) => {\n            const userRole = getUserRole(org.id);\n            const hasAccess = validateOrganisationAccess(org.id);\n            \n            return (\n              <SelectItem \n                key={org.id} \n                value={org.id}\n                disabled={!hasAccess}\n                className={!hasAccess ? 'opacity-50' : ''}\n              >\n                <div className=\"flex items-center justify-between w-full\">\n                  <div className=\"flex items-center gap-2\">\n                    <Building2 className=\"h-4 w-4\" />\n                    <div className=\"flex flex-col\">\n                      <span className=\"font-medium\">{org.display_name}</span>\n                      {!compact && org.description && (\n                        <span className=\"text-xs text-muted-foreground truncate max-w-40\">\n                          {org.description}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                  {showRole && (\n                    <div className=\"flex items-center gap-1 ml-4\">\n                      <Shield className=\"h-3 w-3 text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground capitalize\">\n                        {userRole.replace('_', ' ')}\n                      </span>\n                    </div>\n                  )}\n                </div>\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </Select>\n      \n      {switchErrorDisplay}\n    </div>\n  );\n} ","/**\n * @file Password Reset Form Component\n * @package @jmruthers/pace-core\n * @module Components/PasswordReset\n * @since 0.1.0\n *\n * A comprehensive password reset form component that handles email-based password recovery\n * with proper validation, loading states, and success feedback.\n *\n * Features:\n * - Email validation and submission\n * - Loading states with disabled form\n * - Success state with confirmation message\n * - Error handling and display\n * - Resend functionality\n * - Accessibility compliant\n * - Responsive design\n * - Integration with UnifiedAuthProvider\n * - Form validation\n * - Success and error callbacks\n *\n * @example\n * ```tsx\n * // Basic password reset form\n * <PasswordResetForm\n *   onSuccess={() => {\n *     toast.success('Password reset email sent!');\n *   }}\n *   onError={(error) => {\n *     toast.error(`Failed to send reset email: ${error.message}`);\n *   }}\n * />\n * \n * // Password reset form with custom styling\n * <PasswordResetForm\n *   className=\"max-w-md mx-auto p-6 bg-main-50 rounded-lg shadow-md\"\n *   onSuccess={() => {\n *     console.log('Reset email sent successfully');\n *     navigate('/check-email');\n *   }}\n *   onError={(error) => {\n *     console.error('Password reset failed:', error);\n *   }}\n * />\n * \n * // Password reset form in a modal\n * <Modal isOpen={showResetForm} onClose={() => setShowResetForm(false)}>\n *   <ModalContent>\n *     <PasswordResetForm\n *       onSuccess={() => {\n *         setShowResetForm(false);\n *         toast.success('Check your email for reset instructions');\n *       }}\n *       onError={(error) => {\n *         toast.error(error.message);\n *       }}\n *     />\n *   </ModalContent>\n * </Modal>\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper form labels and associations\n * - Screen reader friendly error messages\n * - Keyboard navigation support\n * - Focus management\n * - High contrast support\n * - Clear error identification\n * - Role=\"alert\" for error announcements\n *\n * @dependencies\n * - React 18+ - Hooks and state\n * - UnifiedAuthProvider - Authentication context\n * - Button component\n * - Input component\n * - Label component\n * - Tailwind CSS - Styling\n */\n\nimport React, { useState } from 'react';\nimport { Button } from '../Button/Button';\nimport { Input } from '../Input/Input';\nimport { Label } from '../Label';\nimport { cn } from '../../utils/cn';\nimport { useUnifiedAuth } from '../../providers/UnifiedAuthProvider';\n\nexport interface PasswordResetFormProps {\n  onSuccess?: () => void;\n  onError?: (error: Error) => void;\n  className?: string;\n}\n\nexport function PasswordResetForm({\n  onSuccess,\n  onError,\n  className\n}: PasswordResetFormProps) {\n  const { resetPassword } = useUnifiedAuth();\n  const [email, setEmail] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    \n    if (!email.trim()) {\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const { error: resetError } = await resetPassword(email);\n      \n      if (resetError) {\n        const errorObj = new Error(resetError.message || 'Failed to send reset email');\n        setError(errorObj.message);\n        onError?.(errorObj);\n      } else {\n        setIsSuccess(true);\n        onSuccess?.();\n      }\n    } catch (err) {\n      const errorObj = err instanceof Error ? err : new Error('An unexpected error occurred');\n      setError(errorObj.message);\n      onError?.(errorObj);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleSendAnother = () => {\n    setIsSuccess(false);\n    setError(null);\n  };\n\n  if (isSuccess) {\n    return (\n      <div className={cn('', className)} role=\"form\">\n        <div className=\"space-y-4 text-center\">\n          <h2>Check your email</h2>\n          <p className=\"text-sec-600\">\n            We have sent a password reset link to {email}\n          </p>\n          <Button \n            variant=\"outline\" \n            onClick={handleSendAnother}\n            className=\"w-full\"\n          >\n            Send another email\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('', className)} role=\"form\">\n      <div className=\"space-y-4\">\n        <div className=\"space-y-2\">\n          <h2>Reset Password</h2>\n          <p className=\"text-sec-600\">\n            Enter your email address and we'll send you a reset link.\n          </p>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"email\">Email Address</Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              placeholder=\"Enter your email\"\n              required\n              disabled={isLoading}\n            />\n          </div>\n\n          {error && (\n            <div className=\"text-sm text-destructive\" role=\"alert\">\n              {error}\n            </div>\n          )}\n\n          <Button\n            type=\"submit\"\n            className=\"w-full\"\n            disabled={!email.trim() || isLoading}\n          >\n            {isLoading ? 'Sending...' : 'Send Reset Link'}\n          </Button>\n        </form>\n      </div>\n    </div>\n  );\n}\n","/**\n * Storage configuration for pace-core\n */\n\nimport { FileSizeLimits, StorageConfig } from './types';\n\n/**\n * File size limits by MIME type (in bytes)\n */\nexport const FILE_SIZE_LIMITS: FileSizeLimits = {\n  // Images\n  'image/jpeg': 5 * 1024 * 1024,      // 5MB\n  'image/png': 5 * 1024 * 1024,       // 5MB\n  'image/gif': 10 * 1024 * 1024,      // 10MB (for animations)\n  'image/webp': 5 * 1024 * 1024,      // 5MB\n  'image/svg+xml': 1 * 1024 * 1024,   // 1MB (vector graphics)\n  \n  // Documents\n  'application/pdf': 50 * 1024 * 1024, // 50MB\n  'application/msword': 25 * 1024 * 1024, // 25MB\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 25 * 1024 * 1024, // 25MB\n  'application/vnd.ms-excel': 25 * 1024 * 1024, // 25MB\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 25 * 1024 * 1024, // 25MB\n  \n  // Archives\n  'application/zip': 100 * 1024 * 1024, // 100MB\n  'application/x-rar-compressed': 100 * 1024 * 1024, // 100MB\n  \n  // Text files\n  'text/plain': 1 * 1024 * 1024,      // 1MB\n  'text/csv': 10 * 1024 * 1024,       // 10MB\n  'application/json': 10 * 1024 * 1024, // 10MB\n};\n\n/**\n * Default file size limit for unknown MIME types\n */\nexport const DEFAULT_FILE_SIZE_LIMIT = 10 * 1024 * 1024; // 10MB\n\n/**\n * App-specific path mappings for file organization\n * Maps app names to their primary category in the organization-first structure\n */\nexport const APP_PATH_MAPPING: Record<string, string> = {\n  'PACE': 'event_logos',\n  'TRAC': 'trac_accommodation', // Default category for TRAC files\n  'MEDI': 'documents',\n  'CAKE': 'documents'\n};\n\n/**\n * Storage configuration\n */\nexport const STORAGE_CONFIG: StorageConfig = {\n  bucketName: 'files',\n  fileSizeLimits: FILE_SIZE_LIMITS,\n  defaultFileSizeLimit: DEFAULT_FILE_SIZE_LIMIT,\n};\n\n/**\n * Get the file size limit for a given MIME type\n */\nexport function getFileSizeLimit(mimeType: string): number {\n  return STORAGE_CONFIG.fileSizeLimits[mimeType] || STORAGE_CONFIG.defaultFileSizeLimit;\n}\n\n/**\n * Validate file size against limits\n */\nexport function validateFileSize(file: File): { isValid: boolean; error?: string } {\n  const limit = getFileSizeLimit(file.type);\n  \n  if (file.size > limit) {\n    const limitMB = Math.round(limit / (1024 * 1024));\n    const fileMB = Math.round(file.size / (1024 * 1024));\n    return {\n      isValid: false,\n      error: `File size (${fileMB}MB) exceeds limit (${limitMB}MB) for ${file.type}`\n    };\n  }\n  \n  return { isValid: true };\n}\n\n/**\n * Get human-readable file size\n */\nexport function formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes';\n  if (bytes < 0) return `${bytes} Bytes`; // Handle negative numbers\n  \n  const k = 1024;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  \n  // Ensure we don't exceed the available size units\n  const sizeIndex = Math.min(Math.max(i, 0), sizes.length - 1);\n  \n  return parseFloat((bytes / Math.pow(k, sizeIndex)).toFixed(2)) + ' ' + sizes[sizeIndex];\n}\n","/**\n * Storage helper functions for pace-core\n */\n\nimport { SupabaseClient } from '@supabase/supabase-js';\nimport { \n  StorageUploadOptions, \n  StorageUploadResult, \n  StorageFileMetadata,\n  StorageUrlOptions,\n  StorageListOptions,\n  StorageListResult,\n  StorageFileInfo\n} from './types';\nimport { validateFileSize, STORAGE_CONFIG } from './config';\n\n/**\n * Generate a file path based on app-first structure\n */\nexport function generateFilePath(options: StorageUploadOptions, fileName: string): string {\n  const { appName, orgId, isPublic = false, customPath } = options;\n  \n  if (isPublic) {\n    // Public files go to public/assets/{appName}/ or public/{customPath}/\n    if (customPath) {\n      return `public/${customPath}/${fileName}`;\n    }\n    return `public/assets/${appName}/${fileName}`;\n  }\n  \n  // Map app-specific categories to standardized categories\n  const categoryMap: Record<string, string> = {\n    'accommodation': 'trac_accommodation',\n    'activity': 'trac_activity',\n    'transport': 'trac_transport',\n    'journal': 'trac_journal',\n    'logos': 'event_logos',\n    'documents': 'files'\n  };\n  \n  // App-first structure: apps/{appName}/{orgId}/{category}/filename\n  if (customPath) {\n    const mappedCategory = categoryMap[customPath] || customPath;\n    return `apps/${appName}/${orgId}/${mappedCategory}/${fileName}`;\n  }\n  \n  // Default to files category if no custom path specified\n  return `apps/${appName}/${orgId}/files/${fileName}`;\n}\n\n/**\n * Generate a unique filename with timestamp and UUID\n */\nexport function generateUniqueFileName(originalName: string): string {\n  const timestamp = Date.now();\n  const uuid = crypto.randomUUID();\n  const extension = originalName.split('.').pop() || '';\n  const baseName = originalName.replace(/\\.[^/.]+$/, '');\n  \n  return `${timestamp}-${uuid}-${baseName}.${extension}`;\n}\n\n/**\n * Extract file metadata from a File object\n */\nexport async function extractFileMetadata(\n  file: File, \n  options: StorageUploadOptions,\n  uploadedBy: string\n): Promise<StorageFileMetadata> {\n  const metadata: StorageFileMetadata = {\n    mimeType: file.type,\n    size: file.size,\n    orgId: options.orgId,\n    appName: options.appName,\n    uploadedBy,\n    uploadedAt: new Date().toISOString(),\n    tags: options.tags || [],\n    isPublic: options.isPublic || false,\n    customMetadata: options.metadata || {}\n  };\n\n  // Extract image dimensions if it's an image\n  if (file.type.startsWith('image/')) {\n    try {\n      const dimensions = await getImageDimensions(file);\n      metadata.width = dimensions.width;\n      metadata.height = dimensions.height;\n    } catch (error) {\n      console.warn('Could not extract image dimensions:', error);\n    }\n  }\n\n  // Generate file hash if possible\n  try {\n    metadata.hash = await generateFileHash(file);\n  } catch (error) {\n    console.warn('Could not generate file hash:', error);\n  }\n\n  return metadata;\n}\n\n/**\n * Get image dimensions from a File object\n */\nasync function getImageDimensions(file: File): Promise<{ width: number; height: number }> {\n  return new Promise((resolve, reject) => {\n    const img = new Image();\n    const url = URL.createObjectURL(file);\n    \n    img.onload = () => {\n      URL.revokeObjectURL(url);\n      resolve({ width: img.width, height: img.height });\n    };\n    \n    img.onerror = () => {\n      URL.revokeObjectURL(url);\n      reject(new Error('Could not load image'));\n    };\n    \n    img.src = url;\n  });\n}\n\n/**\n * Generate a hash for a file\n */\nasync function generateFileHash(file: File): Promise<string> {\n  const buffer = await file.arrayBuffer();\n  const hashBuffer = await crypto.subtle.digest('SHA-256', buffer);\n  const hashArray = Array.from(new Uint8Array(hashBuffer));\n  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n  return `sha256:${hashHex}`;\n}\n\n/**\n * Upload a file to Supabase storage with app segregation\n */\nexport async function uploadFile(\n  supabase: SupabaseClient,\n  file: File,\n  options: StorageUploadOptions\n): Promise<StorageUploadResult> {\n  try {\n    // Validate file size\n    const sizeValidation = validateFileSize(file);\n    if (!sizeValidation.isValid) {\n      return {\n        success: false,\n        error: sizeValidation.error\n      };\n    }\n\n    // Generate unique filename and path\n    const uniqueFileName = generateUniqueFileName(file.name);\n    const filePath = generateFilePath(options, uniqueFileName);\n\n    // Extract metadata\n    const metadata = await extractFileMetadata(file, options, 'current-user'); // TODO: Get actual user ID\n\n    // Upload file to Supabase\n    const { data, error } = await supabase.storage\n      .from(STORAGE_CONFIG.bucketName)\n      .upload(filePath, file, {\n        cacheControl: '3600',\n        upsert: false,\n        contentType: file.type\n      });\n\n    if (error) {\n      return {\n        success: false,\n        error: `Upload failed: ${error.message}`\n      };\n    }\n\n    // Generate public URL if file is public\n    let publicUrl: string | undefined;\n    if (options.isPublic) {\n      const { data: urlData } = supabase.storage\n        .from(STORAGE_CONFIG.bucketName)\n        .getPublicUrl(filePath);\n      publicUrl = urlData.publicUrl;\n    }\n\n    return {\n      success: true,\n      path: filePath,\n      publicUrl,\n      metadata\n    };\n\n  } catch (error) {\n    return {\n      success: false,\n      error: `Upload failed: ${error instanceof Error ? error.message : 'Unknown error'}`\n    };\n  }\n}\n\n/**\n * Get a public URL for a file\n */\nexport function getPublicUrl(supabase: SupabaseClient, path: string): string {\n  const { data } = supabase.storage\n    .from(STORAGE_CONFIG.bucketName)\n    .getPublicUrl(path);\n  \n  return data.publicUrl;\n}\n\n/**\n * Get a signed URL for a protected file\n */\nexport async function getSignedUrl(\n  supabase: SupabaseClient,\n  path: string,\n  options: StorageUrlOptions\n): Promise<{ url: string; expiresAt: string } | null> {\n  try {\n    const { data, error } = await supabase.storage\n      .from(STORAGE_CONFIG.bucketName)\n      .createSignedUrl(path, options.expiresIn || 3600);\n\n    if (error) {\n      console.error('Failed to create signed URL:', error);\n      return null;\n    }\n\n    return {\n      url: data.signedUrl,\n      expiresAt: new Date(Date.now() + (options.expiresIn || 3600) * 1000).toISOString()\n    };\n  } catch (error) {\n    console.error('Failed to create signed URL:', error);\n    return null;\n  }\n}\n\n/**\n * Delete a file from storage\n */\nexport async function deleteFile(\n  supabase: SupabaseClient,\n  path: string\n): Promise<{ success: boolean; error?: string }> {\n  try {\n    const { error } = await supabase.storage\n      .from(STORAGE_CONFIG.bucketName)\n      .remove([path]);\n\n    if (error) {\n      return {\n        success: false,\n        error: `Delete failed: ${error.message}`\n      };\n    }\n\n    return { success: true };\n  } catch (error) {\n    return {\n      success: false,\n      error: `Delete failed: ${error instanceof Error ? error.message : 'Unknown error'}`\n    };\n  }\n}\n\n/**\n * List files in an organization scope\n */\nexport async function listFiles(\n  supabase: SupabaseClient,\n  options: StorageListOptions\n): Promise<StorageListResult> {\n  try {\n    // App-first structure: apps/{appName}/{orgId}/{category}/\n    const pathPrefix = `apps/${options.appName}/${options.orgId}/`;\n    const searchPath = options.pathPrefix ? `${pathPrefix}${options.pathPrefix}` : pathPrefix;\n\n    const { data, error } = await supabase.storage\n      .from(STORAGE_CONFIG.bucketName)\n      .list(searchPath, {\n        limit: options.limit || 100,\n        offset: options.offset || 0,\n        sortBy: { column: 'created_at', order: 'desc' }\n      });\n\n    if (error) {\n      console.error('Failed to list files:', error);\n      return { files: [], totalCount: 0, hasMore: false };\n    }\n\n    const files: StorageFileInfo[] = (data || []).map(item => ({\n      name: item.name,\n      path: `${searchPath}${item.name}`,\n      size: item.metadata?.size || 0,\n      mimeType: item.metadata?.mimetype || 'application/octet-stream',\n      lastModified: item.updated_at || item.created_at || new Date().toISOString(),\n      metadata: {\n        mimeType: item.metadata?.mimetype || 'application/octet-stream',\n        size: item.metadata?.size || 0,\n        orgId: options.orgId,\n        appName: options.appName,\n        uploadedBy: 'unknown',\n        uploadedAt: item.created_at || new Date().toISOString(),\n        isPublic: false\n      }\n    }));\n\n    return {\n      files,\n      totalCount: files.length,\n      hasMore: files.length >= (options.limit || 100)\n    };\n  } catch (error) {\n    console.error('Failed to list files:', error);\n    return { files: [], totalCount: 0, hasMore: false };\n  }\n}\n\n/**\n * Move a file to archived location (soft delete)\n */\nexport async function archiveFile(\n  supabase: SupabaseClient,\n  path: string,\n  options: { appName: string; orgId: string }\n): Promise<{ success: boolean; error?: string }> {\n  try {\n    // Generate archived path for app-first structure\n    const archivedPath = path.replace(`apps/${options.appName}/${options.orgId}/`, `archived/${options.appName}/${options.orgId}/`);\n    \n    // Copy file to archived location\n    const { error: copyError } = await supabase.storage\n      .from(STORAGE_CONFIG.bucketName)\n      .copy(path, archivedPath);\n\n    if (copyError) {\n      return {\n        success: false,\n        error: `Archive failed: ${copyError.message}`\n      };\n    }\n\n    // Delete original file\n    const deleteResult = await deleteFile(supabase, path);\n    if (!deleteResult.success) {\n      return deleteResult;\n    }\n\n    return { success: true };\n  } catch (error) {\n    return {\n      success: false,\n      error: `Archive failed: ${error instanceof Error ? error.message : 'Unknown error'}`\n    };\n  }\n}\n","/**\n * React hook for storage operations\n */\n\nimport { useState, useCallback } from 'react';\nimport { SupabaseClient } from '@supabase/supabase-js';\nimport { \n  StorageUploadOptions, \n  StorageUploadResult, \n  StorageFileInfo,\n  StorageListOptions,\n  StorageListResult,\n  uploadFile,\n  getPublicUrl,\n  getSignedUrl,\n  deleteFile,\n  listFiles,\n  archiveFile\n} from '../utils/storage';\n\nexport interface UseStorageOptions {\n  supabase: SupabaseClient;\n  appName: string;\n  orgId: string;\n}\n\nexport interface UseStorageReturn {\n  // Upload\n  uploadFile: (file: File, options?: Partial<StorageUploadOptions>) => Promise<StorageUploadResult>;\n  isUploading: boolean;\n  uploadError: string | null;\n  \n  // URLs\n  getPublicUrl: (path: string) => string;\n  getSignedUrl: (path: string, expiresIn?: number) => Promise<string | null>;\n  getFileUrl: (path: string) => string; // Alias for getPublicUrl\n  \n  // File management\n  deleteFile: (path: string) => Promise<{ success: boolean; error?: string }>;\n  archiveFile: (path: string) => Promise<{ success: boolean; error?: string }>;\n  \n  // Listing\n  listFiles: (options?: Partial<StorageListOptions>) => Promise<StorageListResult>;\n  isListing: boolean;\n  listError: string | null;\n  isLoading: boolean; // Alias for isListing\n  error: string | null; // Alias for listError\n  \n  // State\n  files: StorageFileInfo[];\n  refreshFiles: () => Promise<void>;\n}\n\n/**\n * Hook for storage operations with app and organisation context\n */\nexport function useStorage({ supabase, appName, orgId }: UseStorageOptions): UseStorageReturn {\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [isListing, setIsListing] = useState(false);\n  const [listError, setListError] = useState<string | null>(null);\n  const [files, setFiles] = useState<StorageFileInfo[]>([]);\n\n  // Upload file\n  const handleUploadFile = useCallback(async (\n    file: File, \n    options: Partial<StorageUploadOptions> = {}\n  ): Promise<StorageUploadResult> => {\n    setIsUploading(true);\n    setUploadError(null);\n\n    try {\n      const uploadOptions: StorageUploadOptions = {\n        appName,\n        orgId,\n        isPublic: false,\n        ...options\n      };\n\n      const result = await uploadFile(supabase, file, uploadOptions);\n      \n      if (result.success) {\n        // Refresh file list\n        await refreshFiles();\n      } else {\n        setUploadError(result.error || 'Upload failed');\n      }\n\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Upload failed';\n      setUploadError(errorMessage);\n      return {\n        success: false,\n        error: errorMessage\n      };\n    } finally {\n      setIsUploading(false);\n    }\n  }, [supabase, appName, orgId]);\n\n  // Get public URL\n  const handleGetPublicUrl = useCallback((path: string): string => {\n    return getPublicUrl(supabase, path);\n  }, [supabase]);\n\n  // Get signed URL\n  const handleGetSignedUrl = useCallback(async (\n    path: string, \n    expiresIn?: number\n  ): Promise<string | null> => {\n    try {\n      const result = await getSignedUrl(supabase, path, {\n        appName,\n        orgId,\n        expiresIn\n      });\n      return result?.url || null;\n    } catch (error) {\n      console.error('Failed to get signed URL:', error);\n      return null;\n    }\n  }, [supabase, appName, orgId]);\n\n  // Delete file\n  const handleDeleteFile = useCallback(async (path: string) => {\n    try {\n      const result = await deleteFile(supabase, path);\n      if (result.success) {\n        await refreshFiles();\n      }\n      return result;\n    } catch (error) {\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : 'Delete failed'\n      };\n    }\n  }, [supabase]);\n\n  // Archive file\n  const handleArchiveFile = useCallback(async (path: string) => {\n    try {\n      const result = await archiveFile(supabase, path, { appName, orgId });\n      if (result.success) {\n        await refreshFiles();\n      }\n      return result;\n    } catch (error) {\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : 'Archive failed'\n      };\n    }\n  }, [supabase, appName, orgId]);\n\n  // List files\n  const handleListFiles = useCallback(async (\n    options: Partial<StorageListOptions> = {}\n  ): Promise<StorageListResult> => {\n    setIsListing(true);\n    setListError(null);\n\n    try {\n      const listOptions: StorageListOptions = {\n        appName,\n        orgId,\n        ...options\n      };\n\n      const result = await listFiles(supabase, listOptions);\n      setFiles(result.files);\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'List failed';\n      setListError(errorMessage);\n      return { files: [], totalCount: 0, hasMore: false };\n    } finally {\n      setIsListing(false);\n    }\n  }, [supabase, appName, orgId]);\n\n  // Refresh files\n  const refreshFiles = useCallback(async () => {\n    await handleListFiles();\n  }, [handleListFiles]);\n\n  return {\n    // Upload\n    uploadFile: handleUploadFile,\n    isUploading,\n    uploadError,\n    \n    // URLs\n    getPublicUrl: handleGetPublicUrl,\n    getSignedUrl: handleGetSignedUrl,\n    getFileUrl: handleGetPublicUrl, // Alias for getPublicUrl\n    \n    // File management\n    deleteFile: handleDeleteFile,\n    archiveFile: handleArchiveFile,\n    \n    // Listing\n    listFiles: handleListFiles,\n    isListing,\n    listError,\n    isLoading: isListing, // Alias for isListing\n    error: listError, // Alias for listError\n    \n    // State\n    files,\n    refreshFiles\n  };\n}\n\n/**\n * Hook for file upload with progress tracking\n */\nexport function useFileUpload({ supabase, appName, orgId }: UseStorageOptions) {\n  const [uploadProgress, setUploadProgress] = useState(0);\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadError, setUploadError] = useState<string | null>(null);\n\n  const uploadWithProgress = useCallback(async (\n    file: File,\n    options: Partial<StorageUploadOptions> = {}\n  ): Promise<StorageUploadResult> => {\n    setIsUploading(true);\n    setUploadProgress(0);\n    setUploadError(null);\n\n    try {\n      // Simulate progress (Supabase doesn't provide real progress)\n      const progressInterval = setInterval(() => {\n        setUploadProgress(prev => Math.min(prev + 10, 90));\n      }, 100);\n\n      const uploadOptions: StorageUploadOptions = {\n        appName,\n        orgId,\n        isPublic: false,\n        ...options\n      };\n\n      const result = await uploadFile(supabase, file, uploadOptions);\n      \n      clearInterval(progressInterval);\n      setUploadProgress(100);\n\n      if (!result.success) {\n        setUploadError(result.error || 'Upload failed');\n      }\n\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Upload failed';\n      setUploadError(errorMessage);\n      return {\n        success: false,\n        error: errorMessage\n      };\n    } finally {\n      setIsUploading(false);\n      setTimeout(() => setUploadProgress(0), 1000);\n    }\n  }, [supabase, appName, orgId]);\n\n  return {\n    uploadWithProgress,\n    uploadProgress,\n    isUploading,\n    uploadError\n  };\n}\n","/**\n * File upload component with app-segregated storage\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { SupabaseClient } from '@supabase/supabase-js';\nimport { validateFileSize, formatFileSize } from '../../utils/storage';\nimport { useFileUpload } from '../../hooks/useStorage';\nimport { Button } from '../Button/Button';\nimport { Progress } from '../Progress/Progress';\nimport { Alert } from '../Alert/Alert';\n\nexport interface FileUploadProps {\n  supabase: SupabaseClient;\n  appName: string;\n  orgId: string;\n  onUploadComplete?: (result: { success: boolean; path?: string; error?: string }) => void;\n  onUploadStart?: () => void;\n  accept?: string;\n  maxSize?: number;\n  multiple?: boolean;\n  disabled?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function FileUpload({\n  supabase,\n  appName,\n  orgId,\n  onUploadComplete,\n  onUploadStart,\n  accept = '*/*',\n  maxSize,\n  multiple = false,\n  disabled = false,\n  className = '',\n  children\n}: FileUploadProps) {\n  const [dragActive, setDragActive] = useState(false);\n  const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n\n  const { uploadWithProgress, uploadProgress, isUploading, uploadError } = useFileUpload({\n    supabase,\n    appName,\n    orgId\n  });\n\n  // Validate files\n  const validateFiles = useCallback((files: File[]): string[] => {\n    const errors: string[] = [];\n\n    files.forEach((file, index) => {\n      // Check file size\n      const sizeValidation = validateFileSize(file);\n      if (!sizeValidation.isValid) {\n        errors.push(`File ${index + 1}: ${sizeValidation.error}`);\n      }\n\n      // Check custom max size\n      if (maxSize && file.size > maxSize) {\n        const fileMB = Math.round(file.size / (1024 * 1024));\n        const maxMB = Math.round(maxSize / (1024 * 1024));\n        errors.push(`File ${index + 1}: Size (${fileMB}MB) exceeds limit (${maxMB}MB)`);\n      }\n    });\n\n    return errors;\n  }, [maxSize]);\n\n  // Handle file selection\n  const handleFileSelect = useCallback((files: FileList | null) => {\n    if (!files) return;\n\n    const fileArray = Array.from(files);\n    const errors = validateFiles(fileArray);\n\n    setValidationErrors(errors);\n    setSelectedFiles(fileArray);\n  }, [validateFiles]);\n\n  // Handle drag events\n  const handleDrag = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.type === 'dragenter' || e.type === 'dragover') {\n      setDragActive(true);\n    } else if (e.type === 'dragleave') {\n      setDragActive(false);\n    }\n  }, []);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDragActive(false);\n\n    if (disabled) return;\n\n    const files = e.dataTransfer.files;\n    handleFileSelect(files);\n  }, [disabled, handleFileSelect]);\n\n  // Handle file input change\n  const handleFileInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    handleFileSelect(e.target.files);\n  }, [handleFileSelect]);\n\n  // Handle upload\n  const handleUpload = useCallback(async () => {\n    if (selectedFiles.length === 0 || validationErrors.length > 0) return;\n\n    onUploadStart?.();\n\n    for (const file of selectedFiles) {\n      const result = await uploadWithProgress(file);\n      onUploadComplete?.(result);\n    }\n\n    // Reset selection\n    setSelectedFiles([]);\n    setValidationErrors([]);\n  }, [selectedFiles, validationErrors, uploadWithProgress, onUploadComplete, onUploadStart]);\n\n  // Handle clear\n  const handleClear = useCallback(() => {\n    setSelectedFiles([]);\n    setValidationErrors([]);\n  }, []);\n\n  const canUpload = selectedFiles.length > 0 && validationErrors.length === 0 && !isUploading && !disabled;\n\n  return (\n    <div className={`file-upload ${className}`}>\n      {/* Drop zone */}\n      <div\n        className={`file-upload__dropzone ${\n          dragActive ? 'file-upload__dropzone--active' : ''\n        } ${disabled ? 'file-upload__dropzone--disabled' : ''}`}\n        onDragEnter={handleDrag}\n        onDragLeave={handleDrag}\n        onDragOver={handleDrag}\n        onDrop={handleDrop}\n      >\n        <input\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleFileInputChange}\n          disabled={disabled}\n          className=\"file-upload__input\"\n        />\n        \n        {children || (\n          <div className=\"file-upload__content\">\n            <p className=\"file-upload__text\">\n              {dragActive ? 'Drop files here' : 'Drag and drop files here or click to select'}\n            </p>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              disabled={disabled}\n              onClick={() => (document.querySelector('.file-upload__input') as HTMLInputElement)?.click()}\n            >\n              Select Files\n            </Button>\n          </div>\n        )}\n      </div>\n\n      {/* Selected files */}\n      {selectedFiles.length > 0 && (\n        <div className=\"file-upload__files\">\n          <h4 className=\"file-upload__files-title\">Selected Files:</h4>\n          <ul className=\"file-upload__files-list\">\n            {selectedFiles.map((file, index) => (\n              <li key={index} className=\"file-upload__file-item\">\n                <span className=\"file-upload__file-name\">{file.name}</span>\n                <span className=\"file-upload__file-size\">{formatFileSize(file.size)}</span>\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      {/* Validation errors */}\n      {validationErrors.length > 0 && (\n        <Alert variant=\"destructive\" className=\"file-upload__errors\">\n          <ul>\n            {validationErrors.map((error, index) => (\n              <li key={index}>{error}</li>\n            ))}\n          </ul>\n        </Alert>\n      )}\n\n      {/* Upload progress */}\n      {isUploading && (\n        <div className=\"file-upload__progress\">\n          <Progress value={uploadProgress} max={100} />\n          <p className=\"file-upload__progress-text\">\n            Uploading... {uploadProgress}%\n          </p>\n        </div>\n      )}\n\n      {/* Upload error */}\n      {uploadError && (\n        <Alert variant=\"destructive\" className=\"file-upload__error\">\n          {uploadError}\n        </Alert>\n      )}\n\n      {/* Actions */}\n      {selectedFiles.length > 0 && (\n        <div className=\"file-upload__actions\">\n          <Button\n            onClick={handleUpload}\n            disabled={!canUpload}\n            className=\"file-upload__upload-btn\"\n          >\n            {isUploading ? 'Uploading...' : `Upload ${selectedFiles.length} file${selectedFiles.length > 1 ? 's' : ''}`}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={handleClear}\n            disabled={isUploading}\n            className=\"file-upload__clear-btn\"\n          >\n            Clear\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * @file Event Logo Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A context-aware component for displaying event logos with automatic fallback to event initials.\n * Automatically detects whether it's being used in a public or authenticated context and behaves\n * appropriately without triggering authentication context leakage.\n *\n * Features:\n * - Context-aware (works in both public and authenticated contexts)\n * - Automatic fallback to event initials\n * - Logo validation and error handling\n * - Multiple size options\n * - Responsive design\n * - Accessibility compliant\n * - TypeScript support\n *\n * @example\n * ```tsx\n * import { EventLogo } from '@jmruthers/pace-core';\n *\n * function EventHeader() {\n *   return (\n *     <EventLogo\n *       eventId={event.id}\n *       eventName={event.event_name}\n *       organisationId={event.organisation_id}\n *       size=\"lg\"\n *       className=\"rounded-full\"\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper alt text for images\n * - Screen reader friendly fallbacks\n * - High contrast support\n *\n * @dependencies\n * - React 18+ - Component framework\n * - usePublicEventLogo hook - Logo data access\n * - Tailwind CSS - Styling\n */\n\nimport React, { useMemo } from 'react';\nimport { usePublicEventLogo } from '../../hooks/public/usePublicEventLogo';\nimport { usePublicPageContext } from './PublicPageProvider';\n\nexport interface EventLogoProps {\n  /** The event ID to fetch logo for */\n  eventId: string;\n  /** The event name for fallback text generation */\n  eventName: string;\n  /** The organisation ID for storage path */\n  organisationId: string;\n  /** Logo size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  /** Custom CSS classes */\n  className?: string;\n  /** Whether to show fallback text when no logo is available */\n  showFallback?: boolean;\n  /** Custom fallback text generator */\n  generateFallbackText?: (eventName: string) => string;\n  /** Whether to validate image existence */\n  validateImage?: boolean;\n  /** Custom loading component */\n  loadingComponent?: React.ComponentType;\n  /** Custom error component */\n  errorComponent?: React.ComponentType<{ error: Error }>;\n}\n\n/**\n * Size classes for different logo sizes\n */\nconst sizeClasses = {\n  xs: 'h-4 w-4 text-xs',\n  sm: 'h-6 w-6 text-sm',\n  md: 'h-8 w-8 text-base',\n  lg: 'h-12 w-12 text-lg',\n  xl: 'h-16 w-16 text-xl',\n  '2xl': 'h-20 w-20 text-2xl'\n};\n\n/**\n * Default fallback text generator\n */\nfunction defaultGenerateFallbackText(eventName: string): string {\n  if (!eventName) return 'EV';\n  \n  return eventName\n    .split(' ')\n    .map(word => word.charAt(0).toUpperCase())\n    .join('')\n    .substring(0, 3); // Max 3 characters\n}\n\n/**\n * Component for displaying event logos with fallback to initials\n * \n * This component is context-aware and automatically detects whether it's being used\n * in a public or authenticated context. It fetches and displays event logos from storage,\n * with automatic fallback to event initials if no logo is available.\n * \n * @param props - Logo configuration and styling\n * @returns React element with event logo or fallback\n */\nexport function EventLogo({\n  eventId,\n  eventName,\n  organisationId,\n  size = 'md',\n  className = '',\n  showFallback = true,\n  generateFallbackText = defaultGenerateFallbackText,\n  validateImage = true,\n  loadingComponent: LoadingComponent,\n  errorComponent: ErrorComponent\n}: EventLogoProps) {\n  // Context awareness - detect if we're in a public page context\n  // Move hook call to top level to avoid Rules of Hooks violation\n  let isPublicPage = false;\n  try {\n    const { isPublicPage: publicContext } = usePublicPageContext();\n    isPublicPage = publicContext === true;\n  } catch {\n    // Not in PublicPageProvider context\n    isPublicPage = false;\n  }\n\n  // Check if we should avoid authentication context access\n  const shouldAvoidAuthContext = useMemo(() => {\n    if (isPublicPage) return true;\n    \n    // Check if we're in an authenticated context\n    try {\n      require('../../providers/UnifiedAuthProvider').useUnifiedAuth();\n      return false; // We're in auth context, it's safe\n    } catch {\n      return true; // Not in auth context, avoid it\n    }\n  }, [isPublicPage]);\n  // Validate UUID format for organisationId to prevent database errors\n  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);\n\n  // Get Supabase client from context\n  const { supabase } = usePublicPageContext();\n\n  // If no Supabase client is available, show fallback immediately\n  if (!supabase) {\n    return (\n      <div className={`${sizeClasses[size]} ${className}`.trim()} title={`${eventName} logo (Supabase not configured)`}>\n        {eventName ? defaultGenerateFallbackText(eventName) : 'EV'}\n      </div>\n    );\n  }\n\n  const {\n    logoUrl,\n    fallbackText,\n    isLoading,\n    error\n  } = usePublicEventLogo(\n    eventId, \n    eventName, \n    organisationId, // Always pass organisationId, let the hook handle validation\n    {\n      validateImage,\n      generateFallbackText,\n      supabase\n    }\n  );\n\n  // Memoize the size classes\n  const sizeClass = useMemo(() => sizeClasses[size], [size]);\n\n  // Memoize the combined classes\n  const combinedClasses = useMemo(() => {\n    const baseClasses = 'flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded';\n    return `${baseClasses} ${sizeClass} ${className}`.trim();\n  }, [sizeClass, className]);\n\n  // Handle invalid organisation ID - show fallback immediately only if we have no data\n  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {\n    return (\n      <div className={combinedClasses} title={`${eventName} logo (invalid organisation ID)`}>\n        {fallbackText}\n      </div>\n    );\n  }\n\n  // Handle loading state\n  if (isLoading) {\n    if (LoadingComponent) {\n      return <LoadingComponent />;\n    }\n    \n    return (\n      <div className={`${combinedClasses} animate-pulse`}>\n        <div className=\"w-3/4 h-3/4 bg-gray-300 rounded\"></div>\n      </div>\n    );\n  }\n\n  // Handle error state\n  if (error) {\n    if (ErrorComponent) {\n      return <ErrorComponent error={error} />;\n    }\n    \n    if (showFallback) {\n      return (\n        <div className={combinedClasses} title={`${eventName} (logo unavailable)`}>\n          {fallbackText}\n        </div>\n      );\n    }\n    \n    return null;\n  }\n\n  // Handle no logo available\n  if (!logoUrl) {\n    if (showFallback) {\n      return (\n        <div className={combinedClasses} title={`${eventName} logo`}>\n          {fallbackText}\n        </div>\n      );\n    }\n    \n    return null;\n  }\n\n  // Render the actual logo\n  return (\n    <img\n      src={logoUrl}\n      alt={`${eventName} logo`}\n      className={`${sizeClass} ${className}`.trim()}\n      onError={(e) => {\n        // If image fails to load, hide it and show fallback\n        const target = e.target as HTMLImageElement;\n        target.style.display = 'none';\n        \n        // Create fallback element\n        const fallback = document.createElement('div');\n        fallback.className = combinedClasses;\n        fallback.textContent = fallbackText;\n        fallback.title = `${eventName} logo`;\n        \n        // Insert fallback after the image\n        target.parentNode?.insertBefore(fallback, target.nextSibling);\n      }}\n    />\n  );\n}\n\n/**\n * Compact event logo for small spaces\n */\nexport function EventLogoCompact(props: EventLogoProps) {\n  return (\n    <EventLogo\n      {...props}\n      size=\"sm\"\n      className={`${props.className || ''} rounded-sm`}\n    />\n  );\n}\n\n/**\n * Large event logo for prominent display\n */\nexport function EventLogoLarge(props: EventLogoProps) {\n  return (\n    <EventLogo\n      {...props}\n      size=\"xl\"\n      className={`${props.className || ''} rounded-lg`}\n    />\n  );\n}\n","/**\n * @file Public Page Header Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A header component specifically designed for public pages with event-specific branding.\n * Displays app logo, event logo, and event information in a clean, accessible layout.\n *\n * Features:\n * - Event-specific branding\n * - App and event logo display\n * - Responsive design\n * - Print-friendly styling\n * - Accessibility compliant\n * - TypeScript support\n *\n * @example\n * ```tsx\n * import { PublicPageHeader, EventLogo } from '@jmruthers/pace-core';\n *\n * function PublicEventPage() {\n *   return (\n *     <PublicPageHeader \n *       event={event}\n *       title=\"Event Details\"\n *       description=\"Public information about this event\"\n *       showEventLogo={true}\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML structure\n * - Screen reader friendly\n * - High contrast support\n * - Clear content hierarchy\n *\n * @dependencies\n * - React 18+ - Component framework\n * - Event types - Type definitions\n * - EventLogo component - Logo display\n * - Tailwind CSS - Styling\n */\n\nimport React, { ReactNode } from 'react';\nimport type { Event } from '../../types/unified';\nimport { EventLogo } from './EventLogo';\nimport { useAppConfig } from '../../hooks/useAppConfig';\n\nexport interface PublicPageHeaderProps {\n  /** The event data for this public page */\n  event: Event;\n  /** The event code for this public page */\n  eventCode: string;\n  /** Optional page title */\n  title?: string;\n  /** Optional page description */\n  description?: string;\n  /** Whether to show the event logo (default: true) */\n  showEventLogo?: boolean;\n  /** Whether to show the app logo (default: true) */\n  showAppLogo?: boolean;\n  /** Custom CSS classes for the header */\n  className?: string;\n  /** Custom content to display in the header */\n  children?: ReactNode;\n  /** Custom app logo component */\n  customAppLogo?: ReactNode;\n  /** Custom event logo component */\n  customEventLogo?: ReactNode;\n}\n\n/**\n * Header component for public pages with event-specific branding\n * \n * This component displays the app logo, event logo, and event information\n * in a clean, accessible layout suitable for public pages.\n * \n * @param props - Header configuration and content\n * @returns React element with public page header\n */\nexport function PublicPageHeader({\n  event,\n  eventCode,\n  title,\n  description,\n  showEventLogo = true,\n  showAppLogo = true,\n  className = '',\n  children,\n  customAppLogo,\n  customEventLogo\n}: PublicPageHeaderProps) {\n  const { appName } = useAppConfig();\n  const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();\n\n  return (\n    <header className={headerClasses}>\n      <div className=\"px-4 w-[min(var(--app-width),100%)] mx-auto\">\n        {/* Top row with logos */}\n        <div className=\"flex items-center justify-between py-4\">\n          {/* App Logo */}\n          {showAppLogo && (\n            <div className=\"flex-shrink-0\">\n              {customAppLogo || (\n                <div className=\"flex items-center\">\n                  <img\n                    className=\"h-8 w-auto\"\n                    src={`/${appName.toLowerCase()}_logo_wide.svg`}\n                    alt={appName}\n                  />\n                  <span className=\"ml-2 text-lg font-semibold text-gray-900\">\n                    {appName}\n                  </span>\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Event Logo */}\n          {showEventLogo && (\n            <div className=\"flex-shrink-0\">\n              {customEventLogo || (\n                <EventLogo\n                  eventId={event.event_id}\n                  eventName={event.event_name}\n                  organisationId={event.organisation_id}\n                  size=\"md\"\n                  className=\"h-12 w-12\"\n                />\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Event Information */}\n        <div className=\"pb-4\">\n          <div className=\"text-center\">\n            <h1 className=\"text-3xl font-bold text-gray-900 mb-2\">\n              {event.event_name}\n            </h1>\n\n            {event.event_venue && (\n              <p className=\"text-md text-gray-500 mb-4\">\n                {event.event_venue}\n              </p>\n            )}\n\n            {/* Page Title and Description */}\n            {title && (\n              <div className=\"mt-6\">\n                <h2 className=\"text-2xl font-semibold text-gray-800 mb-2\">\n                  {title}\n                </h2>\n                {description && (\n                  <p className=\"text-lg text-gray-600 max-w-3xl mx-auto\">\n                    {description}\n                  </p>\n                )}\n              </div>\n            )}\n\n            {/* Custom Content */}\n            {children && (\n              <div className=\"mt-4\">\n                {children}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n\n","/**\n * @file Public Page Footer Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A footer component for public pages that matches the normal PaceAppLayout footer exactly.\n * Uses the same styling and structure as the main Footer component.\n *\n * Features:\n * - Identical to normal Footer component\n * - Consistent branding with main app\n * - Responsive design\n * - Accessibility compliant\n * - TypeScript support\n *\n * @example\n * ```tsx\n * import { PublicPageFooter } from '@jmruthers/pace-core';\n *\n * function PublicEventPage() {\n *   return (\n *     <PublicPageFooter \n *       event={event}\n *       companyName=\"My Company\"\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML structure\n * - Screen reader friendly\n * - High contrast support\n * - Clear content hierarchy\n *\n * @dependencies\n * - React 18+ - Component framework\n * - Event types - Type definitions\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\nimport { cn } from '../../utils/cn';\nimport type { Event } from '../../types/unified';\n\nexport interface PublicPageFooterProps {\n  /** The event data for this public page */\n  event: Event;\n  /** Company or organization name */\n  companyName?: string;\n  /** Current year or custom year for copyright */\n  year?: number;\n  /** Optional array of navigation links to display */\n  links?: Array<{\n    label: string;\n    href: string;\n  }>;\n  /** Optional CSS class name */\n  className?: string;\n  /** Logo image URL */\n  logo?: string;\n  /** Copyright text */\n  copyright?: string;\n  /** Footer content - children to render inside footer */\n  children?: React.ReactNode;\n}\n\n/**\n * Footer component for public pages that matches the normal Footer exactly\n * \n * This component uses the same styling and structure as the main Footer component\n * to ensure consistency across the application.\n * \n * @param props - Footer configuration and content\n * @returns React element with public page footer\n */\nexport function PublicPageFooter({\n  event,\n  companyName = 'Solvera Solutions Pty Ltd',\n  year = new Date().getFullYear(),\n  links,\n  className = '',\n  logo,\n  copyright,\n  children\n}: PublicPageFooterProps) {\n  // Use custom copyright if provided, otherwise generate default\n  const copyrightText = copyright || `© Copyright 2022–${year} all rights reserved, ${companyName}.`;\n\n  return (\n    <footer className={cn('mt-8 py-6 flex justify-center border-t border-border bg-main-100', className)}>\n      <section className='px-4 w-[min(var(--app-width),100%)] mx-auto text-center'>\n        {logo && (\n          <img src={logo} alt=\"Logo\" className=\"h-8 w-auto\" />\n        )}\n\n        {children && (\n          <>\n            {children}\n          </>\n        )}\n\n        <span className=\"text-muted-foreground\">\n          {copyrightText}\n        </span>\n\n        {links && links.length > 0 && (\n          <ul className=\"flex gap-4 mt-2 md:mt-0\">\n            {links.map((link, index) => (\n              <li key={index}>\n                <a href={link.href} className=\"text-muted-foreground hover:text-foreground\">\n                  {link.label}\n                </a>\n              </li>\n            ))}\n          </ul>\n        )}\n      </section>\n    </footer>\n  );\n}\n\n","/**\n * @file Public Loading Spinner Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A loading spinner component specifically designed for public pages.\n * Provides consistent loading states with event-specific branding.\n *\n * Features:\n * - Consistent loading design\n * - Event-specific branding\n * - Multiple size options\n * - Accessibility compliant\n * - TypeScript support\n *\n * @example\n * ```tsx\n * import { PublicLoadingSpinner } from '@jmruthers/pace-core';\n *\n * function PublicEventPage() {\n *   if (isLoading) {\n *     return <PublicLoadingSpinner message=\"Loading event details...\" />;\n *   }\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Screen reader friendly\n * - Proper ARIA labels\n * - High contrast support\n *\n * @dependencies\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\n\nexport interface PublicLoadingSpinnerProps {\n  /** Loading message to display */\n  message?: string;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Custom CSS classes */\n  className?: string;\n  /** Whether to show the app logo */\n  showLogo?: boolean;\n  /** Custom loading message */\n  customMessage?: string;\n  /** Whether to center the spinner */\n  centered?: boolean;\n}\n\n/**\n * Size classes for different spinner sizes\n */\nconst sizeClasses = {\n  sm: 'h-4 w-4',\n  md: 'h-8 w-8',\n  lg: 'h-12 w-12',\n  xl: 'h-16 w-16'\n};\n\n/**\n * Loading spinner component for public pages\n * \n * This component displays a consistent loading state with optional\n * branding and messaging for public pages.\n * \n * @param props - Spinner configuration and styling\n * @returns React element with loading spinner\n */\nexport function PublicLoadingSpinner({\n  message = 'Loading...',\n  size = 'md',\n  className = '',\n  showLogo = true,\n  customMessage,\n  centered = true\n}: PublicLoadingSpinnerProps) {\n  const sizeClass = sizeClasses[size];\n  const displayMessage = customMessage || message;\n\n  const content = (\n    <div className={`flex flex-col items-center ${className}`}>\n      {/* App Logo */}\n      {showLogo && (\n        <div className=\"mb-4\">\n          <img\n            className=\"h-8 w-auto\"\n            src=\"/pace_logo_wide.svg\"\n            alt=\"PACE Core\"\n          />\n        </div>\n      )}\n\n      {/* Spinner */}\n      <div className=\"relative\">\n        <div\n          className={`${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`}\n          role=\"status\"\n          aria-label=\"Loading\"\n        />\n        <span className=\"sr-only\">{displayMessage}</span>\n      </div>\n\n      {/* Loading Message */}\n      {displayMessage && (\n        <p className=\"mt-4 text-sm text-gray-600 text-center\">\n          {displayMessage}\n        </p>\n      )}\n    </div>\n  );\n\n  if (centered) {\n    return (\n      <div className=\"min-h-screen bg-white flex items-center justify-center\">\n        <div className=\"max-w-md mx-auto px-4\">\n          {content}\n        </div>\n      </div>\n    );\n  }\n\n  return content;\n}\n\n\n/**\n * Full page loading spinner with event branding\n */\nexport function PublicLoadingSpinnerFullPage({\n  message = 'Loading event details...',\n  eventName,\n  className = ''\n}: Pick<PublicLoadingSpinnerProps, 'message' | 'className'> & {\n  eventName?: string;\n}) {\n  return (\n    <div className={`min-h-screen bg-white flex items-center justify-center ${className}`}>\n      <div className=\"max-w-md mx-auto text-center px-4\">\n        {/* App Logo */}\n        <div className=\"mb-8\">\n          <img\n            className=\"h-12 w-auto mx-auto\"\n            src=\"/pace_logo_wide.svg\"\n            alt=\"PACE Core\"\n          />\n        </div>\n\n        {/* Event Name */}\n        {eventName && (\n          <h1 className=\"text-2xl font-bold text-gray-900 mb-4\">\n            {eventName}\n          </h1>\n        )}\n\n        {/* Spinner */}\n        <div className=\"relative mb-6\">\n          <div\n            className=\"h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto\"\n            role=\"status\"\n            aria-label=\"Loading\"\n          />\n        </div>\n\n        {/* Loading Message */}\n        <p className=\"text-lg text-gray-600\">\n          {message}\n        </p>\n\n        {/* Loading Dots Animation */}\n        <div className=\"mt-4 flex justify-center space-x-1\">\n          <div className=\"h-2 w-2 bg-blue-600 rounded-full animate-bounce\" style={{ animationDelay: '0ms' }} />\n          <div className=\"h-2 w-2 bg-blue-600 rounded-full animate-bounce\" style={{ animationDelay: '150ms' }} />\n          <div className=\"h-2 w-2 bg-blue-600 rounded-full animate-bounce\" style={{ animationDelay: '300ms' }} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton loading component for content placeholders\n */\nexport function PublicLoadingSkeleton({\n  lines = 3,\n  className = ''\n}: {\n  lines?: number;\n  className?: string;\n}) {\n  return (\n    <div className={`animate-pulse ${className}`}>\n      {Array.from({ length: lines }).map((_, index) => (\n        <div\n          key={index}\n          className={`h-4 bg-gray-200 rounded mb-2 ${\n            index === lines - 1 ? 'w-3/4' : 'w-full'\n          }`}\n        />\n      ))}\n    </div>\n  );\n}\n","/**\n * @file Public Page Layout Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A layout component specifically designed for public pages that don't require authentication.\n * Provides a consistent structure for public event pages with event-specific branding.\n *\n * Features:\n * - No authentication required\n * - Event-specific header and branding\n * - Responsive design\n * - Print-friendly styling\n * - Error boundary integration\n * - Loading state management\n * - TypeScript support\n *\n * @example\n * ```tsx\n * import { PublicPageLayout, PublicPageHeader } from '@jmruthers/pace-core';\n *\n * function PublicEventPage() {\n *   const { eventCode } = usePublicRouteParams();\n *   \n *   return (\n *     <PublicPageLayout eventCode={eventCode}>\n *       <PublicPageHeader \n *         event={event}\n *         title=\"Event Details\"\n *         description=\"Public information about this event\"\n *       />\n *       <div className=\"content\">\n *         Your public page content\n *       </div>\n *     </PublicPageLayout>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Proper semantic HTML structure\n * - Screen reader friendly\n * - Keyboard navigation support\n * - High contrast support\n * - Clear content hierarchy\n *\n * @routing\n * - Works with React Router\n * - Supports public route patterns\n * - Event code validation\n * - Error handling for invalid routes\n *\n * @dependencies\n * - React 18+ - Component framework\n * - React Router - Routing integration\n * - Public hooks - Data access\n * - Tailwind CSS - Styling\n */\n\nimport React, { ReactNode, useMemo } from 'react';\nimport { PublicPageHeader } from './PublicPageHeader';\nimport { PublicPageFooter } from './PublicPageFooter';\nimport { PublicErrorBoundary } from './PublicErrorBoundary';\nimport { PublicLoadingSpinner } from './PublicLoadingSpinner';\nimport type { Event } from '../../types/unified';\n\nexport interface PublicPageLayoutProps {\n  /** The event code for this public page */\n  eventCode: string;\n  /** Child components to render */\n  children: ReactNode;\n  /** Optional event data - if not provided, will be fetched by parent component */\n  event?: Event | null;\n  /** Whether to show the footer (default: true) */\n  showFooter?: boolean;\n  /** Custom CSS classes for the layout */\n  className?: string;\n  /** Custom error fallback component */\n  errorFallback?: React.ComponentType<{ error: Error; retry: () => void }>;\n  /** Custom loading fallback component */\n  loadingFallback?: React.ComponentType;\n  /** Custom header component */\n  customHeader?: ReactNode;\n  /** Custom footer component */\n  customFooter?: ReactNode;\n  /** Whether to show event validation errors (default: true) */\n  showValidationErrors?: boolean;\n}\n\n/**\n * Layout component for public pages that don't require authentication\n * \n * This component provides a consistent structure for public event pages\n * with event-specific branding, error handling, and loading states.\n * \n * @param props - Layout configuration and content\n * @returns React element with complete public page layout\n */\nexport function PublicPageLayout({\n  eventCode,\n  children,\n  event = null,\n  showFooter = true,\n  className = '',\n  errorFallback: ErrorFallback,\n  loadingFallback: LoadingFallback = PublicLoadingSpinner,\n  customHeader,\n  customFooter,\n  showValidationErrors = true\n}: PublicPageLayoutProps) {\n  // Don't automatically fetch event data - let the parent component handle this\n  // This prevents authentication context conflicts\n  const isLoading = false;\n  const error = null;\n  const refetch = async () => {};\n\n  // Memoize the layout classes\n  const layoutClasses = useMemo(() => {\n    const baseClasses = 'min-h-screen bg-white flex flex-col';\n    return `${baseClasses} ${className}`.trim();\n  }, [className]);\n\n  // Handle loading state\n  if (isLoading) {\n    return (\n      <div className={layoutClasses}>\n        <div className=\"flex-1 flex items-center justify-center\">\n          <LoadingFallback />\n        </div>\n      </div>\n    );\n  }\n\n  // Handle error state\n  if (error && showValidationErrors) {\n    return (\n      <div className={layoutClasses}>\n        <div className=\"flex-1 flex items-center justify-center\">\n          {ErrorFallback ? (\n            <ErrorFallback error={error} retry={refetch} />\n          ) : (\n            <div className=\"text-center p-8\">\n              <h1 className=\"text-2xl font-bold text-gray-900 mb-4\">\n                Event Not Found\n              </h1>\n              <p className=\"text-gray-600 mb-6\">\n                The event code \"{eventCode}\" is invalid or the event is not available for public viewing.\n              </p>\n              <button\n                onClick={refetch}\n                className=\"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors\"\n              >\n                Try Again\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Handle missing event\n  if (!event) {\n    return (\n      <div className={layoutClasses}>\n        <div className=\"flex-1 flex items-center justify-center\">\n          <div className=\"text-center p-8\">\n            <h1 className=\"text-2xl font-bold text-gray-900 mb-4\">\n              Event Not Available\n            </h1>\n            <p className=\"text-gray-600 mb-6\">\n              This event is not available for public viewing.\n            </p>\n            <button\n              onClick={refetch}\n              className=\"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors\"\n            >\n              Try Again\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PublicErrorBoundary>\n      <div className={layoutClasses}>\n        {/* Header */}\n        {customHeader || (\n          <PublicPageHeader \n            event={event}\n            eventCode={eventCode}\n          />\n        )}\n\n        {/* Main Content */}\n        <main className=\"px-4 w-[min(var(--app-width),100%)] mx-auto py-8\">\n          {children}\n        </main>\n\n        {/* Footer */}\n        {showFooter && (\n          customFooter || <PublicPageFooter event={event} />\n        )}\n      </div>\n    </PublicErrorBoundary>\n  );\n}\n\n/**\n * Hook for accessing public page context\n * Provides access to event data and layout state within public pages\n * \n * @deprecated This hook is no longer needed as PublicPageLayout no longer\n * automatically fetches event data. Use usePublicRouteParams and usePublicEvent\n * directly in your components instead.\n */\nexport function usePublicPageContext() {\n  // This hook is deprecated - use usePublicRouteParams and usePublicEvent directly\n  return {\n    eventCode: null,\n    eventId: null,\n    event: null,\n    isLoading: false,\n    error: null,\n    refetch: async () => {},\n    isPublicPage: true\n  };\n}\n","/**\n * @file Public Page Debugger\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A debugging component that helps identify why authentication context\n * is being triggered in public pages.\n */\n\nimport React, { useEffect } from 'react';\nimport { usePublicPageContext } from './PublicPageProvider';\n\nexport interface PublicPageDebuggerProps {\n  /** Whether to enable debugging */\n  enabled?: boolean;\n  /** Custom label for this debugger instance */\n  label?: string;\n}\n\n/**\n * Debugger component that logs context information\n * \n * This component helps identify why authentication context\n * is being triggered in public pages.\n */\nexport function PublicPageDebugger({ enabled = true, label = 'PublicPage' }: PublicPageDebuggerProps) {\n  useEffect(() => {\n    if (!enabled) return;\n\n    console.log(`[${label}] Component mounted`);\n    \n    // Check if we're in a public page context\n    try {\n      // This will throw if we're not in PublicPageProvider\n      const { isPublicPage } = usePublicPageContext();\n      console.log(`[${label}] Public page context detected:`, isPublicPage);\n    } catch (error) {\n      console.warn(`[${label}] Not in PublicPageProvider context:`, error instanceof Error ? error.message : String(error));\n    }\n\n    // Check for authentication context\n    try {\n      // This will throw if we're not in UnifiedAuthProvider\n      const { isAuthenticated } = require('../../providers/UnifiedAuthProvider').useUnifiedAuth();\n      console.warn(`[${label}] AUTHENTICATION CONTEXT DETECTED! This should not happen in public pages.`);\n      console.warn(`[${label}] isAuthenticated:`, isAuthenticated);\n    } catch (error) {\n      console.log(`[${label}] No authentication context detected (good for public pages)`);\n    }\n\n    // Check for organisation context\n    try {\n      // This will throw if we're not in OrganisationProvider\n      const { selectedOrganisation } = require('../../providers/OrganisationProvider').useOrganisations();\n      console.warn(`[${label}] ORGANISATION CONTEXT DETECTED! This should not happen in public pages.`);\n      console.warn(`[${label}] selectedOrganisation:`, selectedOrganisation);\n    } catch (error) {\n      console.log(`[${label}] No organisation context detected (good for public pages)`);\n    }\n\n    // Check for event context\n    try {\n      // This will throw if we're not in EventProvider\n      const { events } = require('../../providers/EventProvider').useEvents();\n      console.warn(`[${label}] EVENT CONTEXT DETECTED! This should not happen in public pages.`);\n      console.warn(`[${label}] events:`, events);\n    } catch (error) {\n      console.log(`[${label}] No event context detected (good for public pages)`);\n    }\n\n    // Check environment variables\n    const supabaseUrl = (import.meta as any).env?.VITE_SUPABASE_URL || process.env.VITE_SUPABASE_URL;\n    const supabaseKey = (import.meta as any).env?.VITE_SUPABASE_ANON_KEY || process.env.VITE_SUPABASE_ANON_KEY;\n    \n    console.log(`[${label}] Environment variables:`, {\n      supabaseUrl: supabaseUrl ? 'Present' : 'Missing',\n      supabaseKey: supabaseKey ? 'Present' : 'Missing'\n    });\n\n    return () => {\n      console.log(`[${label}] Component unmounted`);\n    };\n  }, [enabled, label]);\n\n  if (!enabled) return null;\n\n  return (\n    <div style={{ \n      position: 'fixed', \n      top: 0, \n      right: 0, \n      background: 'rgba(0,0,0,0.8)', \n      color: 'white', \n      padding: '8px', \n      fontSize: '12px',\n      zIndex: 9999,\n      fontFamily: 'monospace'\n    }}>\n      <div>Public Page Debugger</div>\n      <div>Check console for context analysis</div>\n    </div>\n  );\n}\n","/**\n * @file Public Page Diagnostic Component\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A diagnostic component that helps identify exactly where authentication\n * context is being triggered in public pages.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { usePublicPageContext } from './PublicPageProvider';\n\nexport interface PublicPageDiagnosticProps {\n  /** Whether to enable diagnostics */\n  enabled?: boolean;\n  /** Custom label for this diagnostic instance */\n  label?: string;\n}\n\n/**\n * Diagnostic component that identifies authentication context issues\n * \n * This component will help you identify exactly where the problem is\n * in your public page implementation.\n */\nexport function PublicPageDiagnostic({ enabled = true, label = 'PublicPage' }: PublicPageDiagnosticProps) {\n  const [diagnostics, setDiagnostics] = useState<{\n    hasPublicPageContext: boolean;\n    hasAuthContext: boolean;\n    hasOrgContext: boolean;\n    hasEventContext: boolean;\n    hasEnvironmentVars: boolean;\n    routeParams: any;\n  }>({\n    hasPublicPageContext: false,\n    hasAuthContext: false,\n    hasOrgContext: false,\n    hasEventContext: false,\n    hasEnvironmentVars: false,\n    routeParams: null\n  });\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const runDiagnostics = () => {\n      const newDiagnostics = {\n        hasPublicPageContext: false,\n        hasAuthContext: false,\n        hasOrgContext: false,\n        hasEventContext: false,\n        hasEnvironmentVars: false,\n        routeParams: null\n      };\n\n      // Check for PublicPageProvider context\n      try {\n        const { isPublicPage } = usePublicPageContext();\n        newDiagnostics.hasPublicPageContext = isPublicPage === true;\n      } catch (error) {\n        newDiagnostics.hasPublicPageContext = false;\n      }\n\n      // Check for authentication context\n      try {\n        const { isAuthenticated } = require('../../providers/UnifiedAuthProvider').useUnifiedAuth();\n        newDiagnostics.hasAuthContext = true;\n      } catch (error) {\n        newDiagnostics.hasAuthContext = false;\n      }\n\n      // Check for organisation context\n      try {\n        const { selectedOrganisation } = require('../../providers/OrganisationProvider').useOrganisations();\n        newDiagnostics.hasOrgContext = true;\n      } catch (error) {\n        newDiagnostics.hasOrgContext = false;\n      }\n\n      // Check for event context\n      try {\n        const { events } = require('../../providers/EventProvider').useEvents();\n        newDiagnostics.hasEventContext = true;\n      } catch (error) {\n        newDiagnostics.hasEventContext = false;\n      }\n\n      // Check environment variables\n      const supabaseUrl = (import.meta as any).env?.VITE_SUPABASE_URL || process.env.VITE_SUPABASE_URL;\n      const supabaseKey = (import.meta as any).env?.VITE_SUPABASE_ANON_KEY || process.env.VITE_SUPABASE_ANON_KEY;\n      newDiagnostics.hasEnvironmentVars = !!(supabaseUrl && supabaseKey);\n\n      // Check route parameters\n      try {\n        const { useParams } = require('react-router-dom');\n        const params = useParams();\n        newDiagnostics.routeParams = params;\n      } catch (error) {\n        newDiagnostics.routeParams = null;\n      }\n\n      setDiagnostics(newDiagnostics);\n\n      // Log results\n      console.group(`🔍 [${label}] Public Page Diagnostics`);\n      console.log('✅ Public Page Context:', newDiagnostics.hasPublicPageContext ? 'PRESENT' : 'MISSING');\n      console.log('❌ Auth Context:', newDiagnostics.hasAuthContext ? 'PRESENT (BAD!)' : 'ABSENT (GOOD!)');\n      console.log('❌ Org Context:', newDiagnostics.hasOrgContext ? 'PRESENT (BAD!)' : 'ABSENT (GOOD!)');\n      console.log('❌ Event Context:', newDiagnostics.hasEventContext ? 'PRESENT (BAD!)' : 'ABSENT (GOOD!)');\n      console.log('✅ Environment Vars:', newDiagnostics.hasEnvironmentVars ? 'PRESENT' : 'MISSING');\n      console.log('✅ Route Params:', newDiagnostics.routeParams);\n      console.groupEnd();\n\n      // Provide specific guidance\n      if (newDiagnostics.hasAuthContext || newDiagnostics.hasOrgContext || newDiagnostics.hasEventContext) {\n        console.error(`🚨 [${label}] PROBLEM DETECTED: Public page is inside authentication context!`);\n        console.error('🔧 SOLUTION: Move public routes outside of UnifiedAuthProvider, OrganisationProvider, and EventProvider');\n        console.error('📖 See: packages/core/docs/emergency-public-pages-fix.md');\n      } else if (!newDiagnostics.hasPublicPageContext) {\n        console.warn(`⚠️ [${label}] WARNING: Not in PublicPageProvider context`);\n        console.warn('🔧 SOLUTION: Wrap your public page component in <PublicPageProvider>');\n      } else if (!newDiagnostics.hasEnvironmentVars) {\n        console.warn(`⚠️ [${label}] WARNING: Missing environment variables`);\n        console.warn('🔧 SOLUTION: Set VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY in your environment');\n      } else {\n        console.log(`✅ [${label}] All diagnostics passed! Public page should work correctly.`);\n      }\n    };\n\n    runDiagnostics();\n  }, [enabled, label]);\n\n  if (!enabled) return null;\n\n  return (\n    <div style={{ \n      position: 'fixed', \n      top: 0, \n      left: 0, \n      background: 'rgba(0,0,0,0.9)', \n      color: 'white', \n      padding: '12px', \n      fontSize: '11px',\n      zIndex: 9999,\n      fontFamily: 'monospace',\n      maxWidth: '300px',\n      borderRadius: '0 0 8px 0'\n    }}>\n      <div style={{ fontWeight: 'bold', marginBottom: '8px' }}>🔍 Public Page Diagnostics</div>\n      <div>Public Context: {diagnostics.hasPublicPageContext ? '✅' : '❌'}</div>\n      <div>Auth Context: {diagnostics.hasAuthContext ? '❌ BAD' : '✅ GOOD'}</div>\n      <div>Org Context: {diagnostics.hasOrgContext ? '❌ BAD' : '✅ GOOD'}</div>\n      <div>Event Context: {diagnostics.hasEventContext ? '❌ BAD' : '✅ GOOD'}</div>\n      <div>Env Vars: {diagnostics.hasEnvironmentVars ? '✅' : '❌'}</div>\n      <div>Route Params: {diagnostics.routeParams ? '✅' : '❌'}</div>\n      <div style={{ marginTop: '8px', fontSize: '10px', opacity: 0.8 }}>\n        Check console for detailed analysis\n      </div>\n    </div>\n  );\n}\n","/**\n * @file Public Page Context Checker\n * @package @jmruthers/pace-core\n * @module Components/PublicLayout\n * @since 1.0.0\n *\n * A simple component that immediately identifies if a public page\n * is being rendered inside authentication context.\n */\n\nimport React, { useEffect } from 'react';\nimport { usePublicPageContext } from './PublicPageProvider';\n\nexport interface PublicPageContextCheckerProps {\n  /** Whether to enable checking */\n  enabled?: boolean;\n  /** Custom label for this checker instance */\n  label?: string;\n}\n\n/**\n * Context checker component that immediately identifies authentication context issues\n * \n * This component will immediately log to console if authentication context\n * is being triggered in a public page.\n */\nexport function PublicPageContextChecker({ enabled = true, label = 'PublicPage' }: PublicPageContextCheckerProps) {\n  useEffect(() => {\n    if (!enabled) return;\n\n    console.group(`🚨 [${label}] PUBLIC PAGE CONTEXT CHECK`);\n    \n    // Check for authentication context\n    try {\n      // This will throw if we're not in UnifiedAuthProvider\n      const { isAuthenticated } = require('../../providers/UnifiedAuthProvider').useUnifiedAuth();\n      console.error(`❌ [${label}] AUTHENTICATION CONTEXT DETECTED!`);\n      console.error(`❌ [${label}] isAuthenticated:`, isAuthenticated);\n      console.error(`❌ [${label}] This public page is inside UnifiedAuthProvider - THIS IS WRONG!`);\n      console.error(`❌ [${label}] SOLUTION: Move public routes outside of authentication providers`);\n    } catch (error) {\n      console.log(`✅ [${label}] No authentication context detected (GOOD!)`);\n    }\n\n    // Check for organisation context\n    try {\n      // This will throw if we're not in OrganisationProvider\n      const { selectedOrganisation } = require('../../providers/OrganisationProvider').useOrganisations();\n      console.error(`❌ [${label}] ORGANISATION CONTEXT DETECTED!`);\n      console.error(`❌ [${label}] selectedOrganisation:`, selectedOrganisation);\n      console.error(`❌ [${label}] This public page is inside OrganisationProvider - THIS IS WRONG!`);\n      console.error(`❌ [${label}] SOLUTION: Move public routes outside of authentication providers`);\n    } catch (error) {\n      console.log(`✅ [${label}] No organisation context detected (GOOD!)`);\n    }\n\n    // Check for event context\n    try {\n      // This will throw if we're not in EventProvider\n      const { events } = require('../../providers/EventProvider').useEvents();\n      console.error(`❌ [${label}] EVENT CONTEXT DETECTED!`);\n      console.error(`❌ [${label}] events:`, events);\n      console.error(`❌ [${label}] This public page is inside EventProvider - THIS IS WRONG!`);\n      console.error(`❌ [${label}] SOLUTION: Move public routes outside of authentication providers`);\n    } catch (error) {\n      console.log(`✅ [${label}] No event context detected (GOOD!)`);\n    }\n\n    // Check for PublicPageProvider context\n    try {\n      const { isPublicPage } = usePublicPageContext();\n      if (isPublicPage) {\n        console.log(`✅ [${label}] Public page context detected (GOOD!)`);\n      } else {\n        console.warn(`⚠️ [${label}] Not in PublicPageProvider context`);\n        console.warn(`⚠️ [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);\n      }\n    } catch (error) {\n      console.warn(`⚠️ [${label}] Not in PublicPageProvider context`);\n      console.warn(`⚠️ [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);\n    }\n\n    console.groupEnd();\n\n    // Provide immediate guidance\n    console.group(`📖 [${label}] IMMEDIATE ACTION REQUIRED`);\n    console.log(`If you see any ❌ errors above, your public page is inside authentication context.`);\n    console.log(`This will cause infinite loading loops and authentication errors.`);\n    console.log(``);\n    console.log(`🔧 SOLUTION:`);\n    console.log(`1. Check your main App.tsx file`);\n    console.log(`2. Make sure public routes are completely separate from authentication providers`);\n    console.log(`3. Follow the architecture in: packages/core/docs/public-pages-guide.md`);\n    console.log(``);\n    console.log(`✅ CORRECT ARCHITECTURE:`);\n    console.log(`<BrowserRouter>`);\n    console.log(`  <Routes>`);\n    console.log(`    <Route path=\"/events/*\" element={<PublicPageApp />} />`);\n    console.log(`    <Route path=\"/*\" element={<AuthenticatedApp />} />`);\n    console.log(`  </Routes>`);\n    console.log(`</BrowserRouter>`);\n    console.groupEnd();\n\n  }, [enabled, label]);\n\n  if (!enabled) return null;\n\n  return (\n    <div style={{ \n      position: 'fixed', \n      top: 0, \n      left: 0, \n      background: 'rgba(220, 38, 38, 0.95)', \n      color: 'white', \n      padding: '12px', \n      fontSize: '12px',\n      zIndex: 9999,\n      fontFamily: 'monospace',\n      maxWidth: '400px',\n      borderRadius: '0 0 8px 0',\n      border: '2px solid #dc2626'\n    }}>\n      <div style={{ fontWeight: 'bold', marginBottom: '8px' }}>🚨 PUBLIC PAGE CONTEXT CHECK</div>\n      <div>Check console for authentication context analysis</div>\n      <div style={{ marginTop: '8px', fontSize: '10px', opacity: 0.9 }}>\n        If you see ❌ errors in console, your public page is inside auth context!\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["sizeClasses","React","jsx","React","jsx","React","jsx","React","jsx","jsx","React","jsx","jsxs","React","useMemo","jsx","jsxs","useState","jsx","jsxs","useState","React","useCallback","useMemo","useState","jsx","jsxs","React","UserMenu","useState","useMemo","useCallback","UserMenuLoading","React","ChevronDown","jsx","jsxs","ChevronDown","jsx","jsxs","React","Fragment","jsx","jsxs","useState","useEffect","useMemo","useCallback","Fragment","jsx","jsxs","useCallback","useState","useMemo","useEffect","useEffect","useState","useNavigate","jsx","jsxs","useNavigate","useState","useEffect","jsx","jsxs","useState","useCallback","RefreshCw","AlertCircle","jsx","jsxs","useState","useCallback","useState","jsx","jsxs","useState","useState","useCallback","useState","useCallback","useCallback","useState","jsx","jsxs","useState","useCallback","useMemo","jsx","useMemo","jsx","jsxs","Fragment","jsx","jsxs","jsx","jsxs","sizeClasses","useMemo","jsx","jsxs","useMemo","usePublicPageContext","useEffect","jsx","jsxs","useEffect","useEffect","useState","jsx","jsxs","useState","useEffect","useEffect","jsx","jsxs","useEffect"]}