@jmruthers/pace-core 0.5.87 → 0.5.89

package/dist/{chunk-I2VVV5PQ.js → chunk-YY4YYM3E.js}

@@ -4,7 +4,7 @@ import {
   init_InactivityServiceProvider,
   init_OrganisationServiceProvider,
   init_UnifiedAuthProvider
-} from "./chunk-5BN3YGNK.js";
+} from "./chunk-DP5X5ORK.js";
 
 // src/providers/index.ts
 init_UnifiedAuthProvider();
@@ -12,4 +12,4 @@ init_EventServiceProvider();
 init_OrganisationServiceProvider();
 init_InactivityServiceProvider();
 init_AuthServiceProvider();
-//# sourceMappingURL=chunk-I2VVV5PQ.js.map
+//# sourceMappingURL=chunk-YY4YYM3E.js.map

package/dist/components.d.ts

@@ -1,16 +1,16 @@
-export { a as UnifiedAuthContextType, c as UnifiedAuthProvider, b as UnifiedAuthProviderProps, u as useUnifiedAuth } from './UnifiedAuthProvider-B391Aqum.js';
-export { A as Alert, m as AlertDescription, l as AlertTitle, n as Avatar, p as AvatarFallback, o as AvatarImage, B as Button, a as ButtonProps, C as Card, g as CardActions, i as CardActionsProps, f as CardContent, e as CardDescription, c as CardFooter, b as CardHeader, h as CardProps, d as CardTitle, q as Checkbox, b3 as DefaultPublicErrorFallback, D as Dialog, K as DialogBody, G as DialogClose, H as DialogContent, U as DialogContentProps, O as DialogDescription, Z as DialogDescriptionProps, M as DialogFooter, X as DialogFooterProps, J as DialogHeader, W as DialogHeaderProps, E as DialogOverlay, V as DialogOverlayProps, z as DialogPortal, Q as DialogProps, _ as DialogSize, N as DialogTitle, Y as DialogTitleProps, F as DialogTrigger, R as DialogTriggerProps, az as ErrorBoundary, aA as ErrorBoundaryProps, aB as ErrorBoundaryState, a_ as EventLogo, a$ as EventLogoCompact, b0 as EventLogoLarge, ba as EventLogoProps, aD as EventSelector, aF as FileDisplay, aG as FileDisplayProps, ar as Footer, as as FooterProps, am as Form, an as FormProps, aq as Header, I as Input, j as InputProps, L as Label, k as LabelProps, aC as LoadingSpinner, ao as LoginForm, ap as LoginFormProps, av as NavigationItem, at as NavigationMenu, au as NavigationMenuProps, aw as OrganisationSelector, ax as OrganisationSelectorProps, bf as PaceAppLayout, be as PaceAppLayoutProps, bh as PaceLoginPage, bg as PaceLoginPageProps, aE as PasswordResetForm, P as Progress, b1 as PublicErrorBoundary, bb as PublicErrorBoundaryProps, bc as PublicErrorBoundaryState, b6 as PublicLoadingSkeleton, b4 as PublicLoadingSpinner, b5 as PublicLoadingSpinnerFullPage, bd as PublicLoadingSpinnerProps, aZ as PublicPageContextChecker, aX as PublicPageDebugger, aY as PublicPageDiagnostic, aW as PublicPageFooter, b9 as PublicPageFooterProps, aS as PublicPageHeader, b8 as PublicPageHeaderProps, aQ as PublicPageLayout, b7 as PublicPageLayoutProps, aT as PublicPageProvider, $ as Select, a3 as SelectContent, a0 as SelectGroup, a5 as SelectItem, a4 as SelectLabel, a6 as SelectSeparator, a2 as SelectTrigger, a1 as SelectValue, S as Switch, r as SwitchProps, T as Table, t as TableBody, u as TableCaption, v as TableCell, w as TableFooter, x as TableHead, s as TableHeader, y as TableRow, a7 as Toast, a9 as ToastAction, af as ToastActionElement, ae as ToastClose, ad as ToastDescription, ag as ToastProps, aa as ToastProvider, ac as ToastTitle, ab as ToastViewport, a8 as Toaster, ah as Tooltip, aj as TooltipContent, ak as TooltipProvider, al as TooltipRoot, ai as TooltipTrigger, aP as UseFileReferenceForRecordReturn, aN as UseFileReferenceOptions, aO as UseFileReferenceReturn, aJ as UseStorageOptions, aK as UseStorageReturn, ay as UserMenu, b2 as useErrorBoundary, aL as useFileReference, aM as useFileReferenceForRecord, aI as useFileUpload, aV as useIsPublicPage, aR as usePublicPageContext, aU as usePublicPageProviderContext, aH as useStorage } from './PublicLoadingSpinner-DecuJBX0.js';
+export { a as UnifiedAuthContextType, c as UnifiedAuthProvider, b as UnifiedAuthProviderProps, u as useUnifiedAuth } from './UnifiedAuthProvider-BVKmQd9u.js';
+export { A as Alert, m as AlertDescription, l as AlertTitle, n as Avatar, p as AvatarFallback, o as AvatarImage, B as Button, a as ButtonProps, C as Card, g as CardActions, i as CardActionsProps, f as CardContent, e as CardDescription, c as CardFooter, b as CardHeader, h as CardProps, d as CardTitle, q as Checkbox, b9 as DefaultPublicErrorFallback, D as Dialog, K as DialogBody, G as DialogClose, H as DialogContent, U as DialogContentProps, O as DialogDescription, Z as DialogDescriptionProps, M as DialogFooter, X as DialogFooterProps, J as DialogHeader, W as DialogHeaderProps, E as DialogOverlay, V as DialogOverlayProps, z as DialogPortal, Q as DialogProps, _ as DialogSize, N as DialogTitle, Y as DialogTitleProps, F as DialogTrigger, R as DialogTriggerProps, az as ErrorBoundary, aA as ErrorBoundaryProps, aB as ErrorBoundaryState, b4 as EventLogo, b5 as EventLogoCompact, b6 as EventLogoLarge, bg as EventLogoProps, aE as EventSelector, aI as FileDisplay, aJ as FileDisplayProps, aG as FileUpload, aH as FileUploadProps, ar as Footer, as as FooterProps, am as Form, an as FormProps, aq as Header, I as Input, j as InputProps, L as Label, k as LabelProps, aC as LoadingSpinner, ao as LoginForm, ap as LoginFormProps, av as NavigationItem, at as NavigationMenu, au as NavigationMenuProps, aw as OrganisationSelector, ax as OrganisationSelectorProps, bl as PaceAppLayout, bk as PaceAppLayoutProps, bn as PaceLoginPage, bm as PaceLoginPageProps, aF as PasswordResetForm, P as Progress, b7 as PublicErrorBoundary, bh as PublicErrorBoundaryProps, bi as PublicErrorBoundaryState, bc as PublicLoadingSkeleton, ba as PublicLoadingSpinner, bb as PublicLoadingSpinnerFullPage, bj as PublicLoadingSpinnerProps, b3 as PublicPageContextChecker, b1 as PublicPageDebugger, b2 as PublicPageDiagnostic, b0 as PublicPageFooter, bf as PublicPageFooterProps, aY as PublicPageHeader, be as PublicPageHeaderProps, aW as PublicPageLayout, bd as PublicPageLayoutProps, aZ as PublicPageProvider, $ as Select, a3 as SelectContent, a0 as SelectGroup, a5 as SelectItem, a4 as SelectLabel, a6 as SelectSeparator, a2 as SelectTrigger, a1 as SelectValue, aD as SessionRestorationLoader, S as Switch, r as SwitchProps, T as Table, t as TableBody, u as TableCaption, v as TableCell, w as TableFooter, x as TableHead, s as TableHeader, y as TableRow, a7 as Toast, a9 as ToastAction, af as ToastActionElement, ae as ToastClose, ad as ToastDescription, ag as ToastProps, aa as ToastProvider, ac as ToastTitle, ab as ToastViewport, a8 as Toaster, ah as Tooltip, aj as TooltipContent, ak as TooltipProvider, al as TooltipRoot, ai as TooltipTrigger, aV as UseEventLogoOptions, aU as UseEventLogoReturn, aQ as UseFileReferenceForRecordReturn, aO as UseFileReferenceOptions, aP as UseFileReferenceReturn, ay as UserMenu, aS as clearEventLogoCache, aT as getEventLogoCacheStats, b8 as useErrorBoundary, aR as useEventLogo, aK as useFileReference, aM as useFileReferenceById, aL as useFileReferenceForRecord, aN as useFilesByCategory, a$ as useIsPublicPage, aX as usePublicPageContext, a_ as usePublicPageProviderContext } from './PublicLoadingSpinner-BQXD1fbO.js';
 export { u as useToast } from './useToast-Bm6TnSK-.js';
 export { D as DataTable, a as DataTableProps } from './DataTable-BE0OXZKQ.js';
 export { A as AggregateConfig, D as DataRecord, f as DataTableAction, a as DataTableColumn, g as DataTableToolbarButton, E as EmptyStateConfig, G as GetRowId } from './types-BDg1mAGG.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
-import { b as FileCategory } from './file-reference-9xUOnwyt.js';
-export { a as FileMetadata, F as FileReference, c as FileUploadOptions } from './file-reference-9xUOnwyt.js';
-import { SupabaseClient } from '@supabase/supabase-js';
+export { b as FileCategory, a as FileMetadata, F as FileReference, c as FileUploadOptions } from './file-reference-C9isKNPn.js';
+import '@supabase/supabase-js';
 import './organisation-D6qRDtbF.js';
 import './unified-DQ4VcT7H.js';
+import './auth-DReDSLq9.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-avatar';
 import '@radix-ui/react-checkbox';
@@ -382,53 +382,4 @@ interface FormFieldsetProps extends React__default.FieldsetHTMLAttributes<HTMLFi
  */
 declare const FormFieldset: React__default.ForwardRefExoticComponent<FormFieldsetProps & React__default.RefAttributes<HTMLFieldSetElement>>;
 
-interface SuperAdminGuardProps {
-    children: React__default.ReactNode;
-    fallback?: React__default.ReactNode;
-    showDebugInfo?: boolean;
-}
-/**
- * Super Admin Guard Component
- *
- * Renders children only if the current user is a super admin.
- * Provides a fallback for non-super admin users.
- *
- * @param children - Content to render for super admins
- * @param fallback - Content to render for non-super admins (optional)
- * @param showDebugInfo - Whether to show debug information (optional)
- */
-declare function SuperAdminGuard({ children, fallback, showDebugInfo }: SuperAdminGuardProps): react_jsx_runtime.JSX.Element;
-/**
- * Super Admin Badge Component
- *
- * Shows a visual indicator when the current user is a super admin.
- */
-declare function SuperAdminBadge(): react_jsx_runtime.JSX.Element | null;
-/**
- * Super Admin Debug Panel
- *
- * Shows debug information about the current user's permissions.
- * Only visible to super admins and in development mode.
- */
-declare function SuperAdminDebugPanel(): react_jsx_runtime.JSX.Element | null;
-
-interface FileUploadProps {
-    supabase: SupabaseClient;
-    table_name: string;
-    record_id: string;
-    organisation_id: string;
-    app_id: string;
-    category: FileCategory;
-    accept?: string;
-    maxSize?: number;
-    multiple?: boolean;
-    disabled?: boolean;
-    className?: string;
-    onUploadSuccess?: (result: any) => void;
-    onUploadError?: (error: string) => void;
-    children?: React__default.ReactNode;
-}
-declare function FileUpload({ supabase, table_name, record_id, organisation_id, app_id, category, accept, maxSize, // 10MB default
-multiple, disabled, className, onUploadSuccess, onUploadError, children }: FileUploadProps): react_jsx_runtime.JSX.Element;
-
-export { FileCategory, FileUpload, type FileUploadProps, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormFieldset, type FormFieldsetProps, FormLiveRegion, type FormLiveRegionProps, SuperAdminBadge, SuperAdminDebugPanel, SuperAdminGuard, type SuperAdminGuardProps };
+export { FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormFieldset, type FormFieldsetProps, FormLiveRegion, type FormLiveRegionProps };

package/dist/components.js

@@ -8,6 +8,7 @@ import {
   EventLogoLarge,
   EventSelector,
   FileDisplay,
+  FileUpload,
   Footer,
   Form,
   Header,
@@ -28,6 +29,7 @@ import {
   PublicPageFooter,
   PublicPageHeader,
   PublicPageLayout,
+  SessionRestorationLoader,
   Switch,
   Table,
   TableBody,
@@ -46,12 +48,15 @@ import {
   ToastViewport,
   Toaster,
   UserMenu,
+  clearEventLogoCache,
+  getEventLogoCacheStats,
+  useEventLogo,
   useFileReference,
+  useFileReferenceById,
   useFileReferenceForRecord,
-  useFileUpload,
-  usePublicPageContext as usePublicPageContext2,
-  useStorage
-} from "./chunk-I7O3RSMN.js";
+  useFilesByCategory,
+  usePublicPageContext as usePublicPageContext2
+} from "./chunk-YWAFPVJA.js";
 import {
   Alert,
   AlertDescription,
@@ -91,10 +96,8 @@ import {
   TooltipProvider,
   TooltipRoot,
   TooltipTrigger
-} from "./chunk-KAY3K5TP.js";
-import {
-  useRBAC
-} from "./chunk-YVUZWLQG.js";
+} from "./chunk-BNXBJOGL.js";
+import "./chunk-AQGF5OG7.js";
 import "./chunk-S63MFSY6.js";
 import "./chunk-Q7APDV6H.js";
 import {
@@ -104,22 +107,22 @@ import {
   useErrorBoundary,
   useIsPublicPage,
   usePublicPageContext
-} from "./chunk-ZFLOV3OM.js";
+} from "./chunk-7VJDS5QD.js";
 import {
   useToast
 } from "./chunk-QPCAGLUS.js";
-import "./chunk-CBSD3BZ3.js";
+import "./chunk-3RZBKQ5Y.js";
 import {
   init_UnifiedAuthProvider
-} from "./chunk-RIXPZJUB.js";
-import "./chunk-I2VVV5PQ.js";
+} from "./chunk-KTPG5VCH.js";
+import "./chunk-YY4YYM3E.js";
 import {
   UnifiedAuthProvider,
   useUnifiedAuth
-} from "./chunk-5BN3YGNK.js";
+} from "./chunk-DP5X5ORK.js";
 import {
   FileCategory
-} from "./chunk-WUXCWRL6.js";
+} from "./chunk-XJ2HZOBU.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
@@ -128,7 +131,7 @@ import {
 } from "./chunk-PYUXFQJ3.js";
 import "./chunk-JCQZ6LA7.js";
 import "./chunk-O3NWNXDY.js";
-import "./chunk-CVMVPYAL.js";
+import "./chunk-BDZUMRBD.js";
 import "./chunk-PLDDJCW6.js";
 
 // src/components/index.ts
@@ -317,191 +320,6 @@ var FormFieldset = React2.forwardRef(
   }
 );
 FormFieldset.displayName = "FormFieldset";
-
-// src/components/SuperAdminGuard.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function SuperAdminGuard({
-  children,
-  fallback = null,
-  showDebugInfo = false
-}) {
-  const { isSuperAdmin, hasGlobalPermission, isLoading } = useRBAC();
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs4("div", { className: "super-admin-guard-loading", children: [
-      /* @__PURE__ */ jsx5("div", { className: "loading-spinner" }),
-      /* @__PURE__ */ jsx5("span", { children: "Checking permissions..." })
-    ] });
-  }
-  if (showDebugInfo) {
-    console.log("[SuperAdminGuard] Debug Info:", {
-      isSuperAdmin,
-      isLoading
-    });
-  }
-  if (isSuperAdmin) {
-    return /* @__PURE__ */ jsx5("div", { className: "super-admin-content", children });
-  }
-  return /* @__PURE__ */ jsx5("div", { className: "super-admin-fallback", children: fallback });
-}
-function SuperAdminBadge() {
-  const { isSuperAdmin } = useRBAC();
-  if (!isSuperAdmin) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx5("div", { className: "super-admin-badge", children: /* @__PURE__ */ jsx5("span", { className: "badge-text", children: "SUPER ADMIN" }) });
-}
-function SuperAdminDebugPanel() {
-  const { isSuperAdmin, isLoading } = useRBAC();
-  if (import.meta.env.MODE !== "development" && !isSuperAdmin) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs4("div", { className: "super-admin-debug-panel", children: [
-    /* @__PURE__ */ jsx5("h4", { children: "Super Admin Debug Info" }),
-    /* @__PURE__ */ jsxs4("div", { className: "debug-info", children: [
-      /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Is Super Admin:" }),
-        " ",
-        isSuperAdmin ? "Yes" : "No"
-      ] }),
-      /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Is Loading:" }),
-        " ",
-        isLoading ? "Yes" : "No"
-      ] }),
-      /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Environment:" }),
-        " ",
-        import.meta.env.MODE
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/FileUpload.tsx
-import { useState as useState2, useCallback, useRef } from "react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function FileUpload({
-  supabase,
-  table_name,
-  record_id,
-  organisation_id,
-  app_id,
-  category,
-  accept = "*/*",
-  maxSize = 10 * 1024 * 1024,
-  // 10MB default
-  multiple = false,
-  disabled = false,
-  className = "",
-  onUploadSuccess,
-  onUploadError,
-  children
-}) {
-  const [isDragging, setIsDragging] = useState2(false);
-  const fileInputRef = useRef(null);
-  const { uploadFile, isLoading, error } = useFileReference(supabase);
-  const handleFileSelect = useCallback(async (files) => {
-    if (!files || files.length === 0) return;
-    const fileArray = Array.from(files);
-    const oversizedFiles = fileArray.filter((file) => file.size > maxSize);
-    if (oversizedFiles.length > 0) {
-      const errorMessage = `Files exceed maximum size of ${Math.round(maxSize / 1024 / 1024)}MB: ${oversizedFiles.map((f) => f.name).join(", ")}`;
-      onUploadError?.(errorMessage);
-      return;
-    }
-    for (const file of fileArray) {
-      try {
-        const result = await uploadFile({
-          table_name,
-          record_id,
-          organisation_id,
-          app_id,
-          category,
-          is_public: false
-        }, file);
-        if (result) {
-          onUploadSuccess?.(result);
-        } else {
-          onUploadError?.("Upload failed");
-        }
-      } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : "Upload failed";
-        onUploadError?.(errorMessage);
-      }
-    }
-  }, [uploadFile, table_name, record_id, organisation_id, app_id, category, maxSize, onUploadSuccess, onUploadError]);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!disabled) {
-      setIsDragging(true);
-    }
-  }, [disabled]);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-  }, []);
-  const handleDrop = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-    if (disabled) return;
-    const files = e.dataTransfer.files;
-    handleFileSelect(files);
-  }, [disabled, handleFileSelect]);
-  const handleFileInputChange = useCallback((e) => {
-    handleFileSelect(e.target.files);
-    if (e.target) {
-      e.target.value = "";
-    }
-  }, [handleFileSelect]);
-  const handleClick = useCallback(() => {
-    if (!disabled && fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  }, [disabled]);
-  const dragClasses = isDragging ? "border-main-500 bg-main-50" : "border-sec-300 hover:border-sec-400";
-  const disabledClasses = disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-sec-50";
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: `relative border-2 border-dashed rounded-lg p-6 text-center transition-colors ${dragClasses} ${disabledClasses} ${className}`,
-      onDragOver: handleDragOver,
-      onDragLeave: handleDragLeave,
-      onDrop: handleDrop,
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ jsx6(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept,
-            multiple,
-            onChange: handleFileInputChange,
-            className: "hidden",
-            disabled
-          }
-        ),
-        children || /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6("div", { className: "text-sec-600", children: isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-            /* @__PURE__ */ jsx6("span", { className: "font-medium", children: "Click to upload" }),
-            " ",
-            "or drag and drop"
-          ] }) }),
-          /* @__PURE__ */ jsxs5("div", { className: "text-sm text-sec-500", children: [
-            accept !== "*/*" && `Accepted formats: ${accept}`,
-            maxSize && ` \u2022 Max size: ${Math.round(maxSize / 1024 / 1024)}MB`,
-            multiple && " \u2022 Multiple files allowed"
-          ] })
-        ] }),
-        isLoading && /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx6("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) }),
-        error && /* @__PURE__ */ jsx6("div", { className: "mt-2 text-sm text-acc-600", children: error })
-      ]
-    }
-  );
-}
 export {
   Alert,
   AlertDescription,
@@ -575,9 +393,7 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  SuperAdminBadge,
-  SuperAdminDebugPanel,
-  SuperAdminGuard,
+  SessionRestorationLoader,
   Switch,
   Table,
   TableBody,
@@ -602,14 +418,17 @@ export {
   TooltipTrigger,
   UnifiedAuthProvider,
   UserMenu,
+  clearEventLogoCache,
+  getEventLogoCacheStats,
   useErrorBoundary,
+  useEventLogo,
   useFileReference,
+  useFileReferenceById,
   useFileReferenceForRecord,
-  useFileUpload,
+  useFilesByCategory,
   useIsPublicPage,
   usePublicPageContext2 as usePublicPageContext,
   usePublicPageContext as usePublicPageProviderContext,
-  useStorage,
   useToast,
   useUnifiedAuth
 };

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/index.ts","../src/components/Form/FormField.tsx","../src/components/Form/FormErrorSummary.tsx","../src/components/Form/FormLiveRegion.tsx","../src/components/Form/FormFieldset.tsx","../src/components/SuperAdminGuard.tsx","../src/components/FileUpload.tsx"],"sourcesContent":["/**\n * @file Complete Components Library Export\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n * \n * This file exports ALL components, providers, and utilities in the PACE Core library.\n * Use this import path when you need access to specialized components not included in the main export.\n * \n * @example\n * // Complete library access\n * import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';\n * \n * // For common components, prefer the main export:\n * import { Button, Card } from '@jmruthers/pace-core';\n */\n\n// ============================================================================\n// AUTHENTICATION & AUTHORIZATION\n// ============================================================================\n\n// Unified auth provider (replaces individual providers)\nexport { UnifiedAuthProvider, useUnifiedAuth } from '../providers/UnifiedAuthProvider';\nexport type { UnifiedAuthProviderProps, UnifiedAuthContextType } from '../providers/UnifiedAuthProvider';\n\n// ============================================================================\n// BASIC UI COMPONENTS\n// ============================================================================\n\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardTitle, \n  CardDescription, \n  CardContent,\n  CardActions\n} from './Card';\nexport type { CardProps, CardActionsProps } from './Card';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Alert, AlertTitle, AlertDescription } from './Alert';\nexport { Avatar, AvatarImage, AvatarFallback } from './Avatar';\n\nexport { Checkbox } from './Checkbox';\nexport { Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\nexport { Progress } from './Progress';\n\n// Table components\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n} from './Table/Table';\n\n// ============================================================================\n// ADVANCED UI COMPONENTS\n// ============================================================================\n\n// Dialog exports\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './Dialog/Dialog';\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogContentProps,\n  DialogOverlayProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogSize\n} from './Dialog/Dialog';\n\n// Dropdown Menu exports\n// DropdownMenu components have been merged into Select components\n\n// Select exports (includes all dropdown functionality)\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n} from './Select';\n\n// Toast exports\nexport {\n  Toast,\n  Toaster,\n  ToastAction,\n  ToastProvider,\n  ToastViewport,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n} from './Toast';\nexport type { ToastActionElement, ToastProps } from './Toast';\n\n// Tooltip exports\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipRoot } from './Tooltip';\n\n// ============================================================================\n// DATA DISPLAY COMPONENTS\n// ============================================================================\n\nexport {\n  DataTable,\n  type DataTableProps,\n  type DataTableColumn,\n  type DataTableAction,\n  type DataTableToolbarButton,\n  type AggregateConfig,\n  type EmptyStateConfig,\n  type GetRowId\n} from './DataTable';\n\n// Re-export types from DataTable types\nexport type { DataRecord } from './DataTable/types';\n\n// ============================================================================\n// FORM COMPONENTS\n// ============================================================================\n\nexport { \n  Form, \n  FormField, \n  FormErrorSummary, \n  FormLiveRegion, \n  FormFieldset \n} from './Form';\nexport type { \n  FormProps, \n  FormFieldProps, \n  FormErrorSummaryProps, \n  FormLiveRegionProps, \n  FormFieldsetProps \n} from './Form';\n\n// LoginForm - ensure it's exported\nexport { LoginForm } from './LoginForm';\nexport type { LoginFormProps } from './LoginForm';\n\n// ============================================================================\n// LAYOUT COMPONENTS\n// ============================================================================\n\nexport { Header } from './Header';\nexport { Footer } from './Footer';\nexport type { FooterProps } from './Footer';\n\n// Public Layout Components\nexport * from './PublicLayout';\n\n// ============================================================================\n// SECURITY COMPONENTS\n// ============================================================================\n\n// Super Admin Guard components\nexport { \n  SuperAdminGuard, \n  SuperAdminBadge, \n  SuperAdminDebugPanel \n} from './SuperAdminGuard';\nexport type { SuperAdminGuardProps } from './SuperAdminGuard';\n\n// Removed: Protected and AdminGuard components (unused)\n\n// ============================================================================\n// NAVIGATION COMPONENTS\n// ============================================================================\n\nexport {\n  NavigationMenu,\n} from './NavigationMenu';\nexport type { NavigationMenuProps, NavigationItem } from './NavigationMenu';\n\nexport { OrganisationSelector } from './OrganisationSelector';\nexport type { OrganisationSelectorProps } from './OrganisationSelector';\n\nexport { UserMenu } from './UserMenu';\n\n// Reusable Page/Layout Components\nexport * from './PaceAppLayout';\nexport * from './PaceLoginPage';\n\n// ============================================================================\n// UTILITY COMPONENTS\n// ============================================================================\n\nexport { ErrorBoundary } from './ErrorBoundary';\nexport type { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary';\nexport { LoadingSpinner } from './LoadingSpinner';\n\n// ============================================================================\n// EVENT MANAGEMENT\n// ============================================================================\n\nexport { EventSelector } from './EventSelector';\n\n// ============================================================================\n// AUTHENTICATION FORMS\n// ============================================================================\n\n// Password Component exports\nexport { PasswordResetForm } from './PasswordReset';\n\n// ============================================================================\n// STORAGE COMPONENTS\n// ============================================================================\n\nexport { FileUpload } from './FileUpload';\nexport type { FileUploadProps } from './FileUpload';\n\nexport { FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\n\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport { FileCategory } from '../types/file-reference';\nexport type { FileReference, FileMetadata, FileUploadOptions } from '../types/file-reference';\n\n// ============================================================================\n// HOOKS\n// ============================================================================\n\nexport { useStorage, useFileUpload } from '../hooks/useStorage';\nexport type { UseStorageOptions, UseStorageReturn } from '../hooks/useStorage';\n\nexport { useFileReference, useFileReferenceForRecord } from '../hooks/useFileReference';\nexport type { UseFileReferenceOptions, UseFileReferenceReturn, UseFileReferenceForRecordReturn } from '../hooks/useFileReference';\n\nexport { useToast } from '../hooks/useToast';\n\n// RBAC Components - Use the new RBAC system\n// For RBAC functionality, import from @jmruthers/pace-core/rbac\n// export { PermissionGuard, AccessLevelGuard } from '@jmruthers/pace-core/rbac';\n","/**\n * @file FormField Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A flexible form field component that integrates with React Hook Form and provides\n * built-in validation, error handling, and accessibility features.\n *\n * Features:\n * - React Hook Form integration with Controller\n * - Built-in validation with error display\n * - Accessible labels and error messages\n * - Custom render function support\n * - TypeScript support with generic field paths\n * - Consistent styling with error states\n * - Test ID support for testing\n * - Flexible input types and props\n *\n * @example\n * ```tsx\n * // Basic text field\n * <FormField\n *   name=\"username\"\n *   label=\"Username\"\n *   placeholder=\"Enter your username\"\n *   validation={{ required: true }}\n * />\n * \n * // Email field with custom validation\n * <FormField\n *   name=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Invalid email address\"\n *     }\n *   }}\n * />\n * \n * // Custom render function\n * <FormField\n *   name=\"avatar\"\n *   label=\"Profile Picture\"\n *   render={({ field }) => (\n *     <input\n *       {...field}\n *       type=\"file\"\n *       accept=\"image/*\"\n *       className=\"file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-sec-50 file:text-sec-700 hover:file:bg-sec-100\"\n *     />\n *   )}\n * />\n * \n * // With test ID for testing\n * <FormField\n *   name=\"password\"\n *   label=\"Password\"\n *   type=\"password\"\n *   data-testid=\"password-field\"\n *   validation={{\n *     required: true,\n *     minLength: {\n *       value: 8,\n *       message: \"Password must be at least 8 characters\"\n *     }\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Error messages with role=\"alert\"\n * - Required field indicators\n * - Focus management\n * - Screen reader friendly error announcements\n * - Keyboard navigation support\n *\n * @dependencies\n * - react-hook-form - Form integration\n * - React 18+ - Hooks and context\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\nimport { useFormContext, Controller, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\n\nexport interface FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> {\n  /**\n   * Field name\n   */\n  name: TName;\n  \n  /**\n   * Field label\n   */\n  label?: string;\n  \n  /**\n   * Field type\n   */\n  type?: string;\n  \n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n  \n  /**\n   * Additional props for the input\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  \n  /**\n   * Validation rules\n   */\n  validation?: {\n    required?: boolean;\n    pattern?: {\n      value: RegExp;\n      message: string;\n    };\n    minLength?: {\n      value: number;\n      message: string;\n    };\n    maxLength?: {\n      value: number;\n      message: string;\n    };\n  };\n  \n  /**\n   * Custom render function\n   */\n  render?: ({ field }: { field: any }) => React.ReactElement;\n  \n  /**\n   * Test ID\n   */\n  'data-testid'?: string;\n  \n  /**\n   * Class name\n   */\n  className?: string;\n}\n\n/**\n * FormField component for React Hook Form integration\n * \n * @template TFieldValues - The type of form field values\n * @template TName - The type of the field name (must be a valid field path)\n * @param props - Form field configuration and validation\n * @returns JSX.Element - The rendered form field with validation\n * \n * @example\n * ```tsx\n * <FormField\n *   name=\"email\"\n *   label=\"Email\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Please enter a valid email address\"\n *     }\n *   }}\n * />\n * ```\n */\nexport function FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  type = \"text\",\n  placeholder,\n  inputProps,\n  validation,\n  render,\n  'data-testid': testId,\n  className,\n}: FormFieldProps<TFieldValues, TName>) {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const fieldError = errors[name];\n\n  // Safely extract error message\n  const errorMessage = fieldError && typeof fieldError === 'object' && 'message' in fieldError \n    ? String(fieldError.message) \n    : undefined;\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label htmlFor={name}>\n          {label}\n          {validation?.required && (\n            <span className=\"text-destructive ml-1\" aria-label=\"required\">\n              *\n            </span>\n          )}\n        </Label>\n      )}\n      \n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field }) => {\n          if (render) {\n            return render({ field });\n          }\n          \n          return (\n            <input\n              {...field}\n              id={name}\n              type={type}\n              placeholder={placeholder}\n              data-testid={testId}\n              className={cn(\n                \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n                fieldError && \"border-destructive focus-visible:ring-destructive\"\n              )}\n              {...inputProps}\n            />\n          );\n        }}\n      />\n      \n      {errorMessage && (\n        <p className=\"text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n","\n/**\n * @file FormErrorSummary Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form error summary component that displays validation errors in a user-friendly format.\n * Provides a centralized location for users to see all form errors at once.\n *\n * Features:\n * - Displays all form errors in one place\n * - Configurable error display format\n * - Optional field name display\n * - Accessible error presentation\n * - Consistent styling with Alert component\n * - Automatic error filtering\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic error summary\n * <FormErrorSummary errors={formErrors} />\n * \n * // With custom title\n * <FormErrorSummary \n *   errors={formErrors}\n *   title=\"Please correct the following issues:\"\n * />\n * \n * // Show field names with errors\n * <FormErrorSummary \n *   errors={formErrors}\n *   showFieldNames={true}\n * />\n * \n * // In a form with React Hook Form\n * const { formState: { errors } } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormErrorSummary errors={errors} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n *\n * @accessibility\n * - Uses Alert component for consistent accessibility\n * - Proper heading hierarchy with h3\n * - List structure for error items\n * - Screen reader friendly error announcements\n * - High contrast support via Alert component\n *\n * @dependencies\n * - Alert component for consistent styling\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n */\n\nimport { Alert } from '../Alert';\n\nexport interface FormErrorSummaryProps {\n  /** Form validation errors object */\n  errors?: Record<string, any>;\n  /** Title displayed above the error list */\n  title?: string;\n  /** Whether to show field names alongside error messages */\n  showFieldNames?: boolean;\n}\n\n/**\n * FormErrorSummary component for displaying form validation errors\n * \n * This component provides a user-friendly way to display all form errors\n * in one centralized location, improving the user experience by making\n * it clear what needs to be fixed.\n * \n * @param props - Component configuration\n * @param props.errors - Form validation errors object\n * @param props.title - Title displayed above the error list\n * @param props.showFieldNames - Whether to show field names with errors\n * @returns JSX.Element - The rendered error summary or null if no errors\n */\nexport function FormErrorSummary({ \n  errors = {}, \n  title = \"Please fix the following errors:\",\n  showFieldNames = false \n}: FormErrorSummaryProps) {\n  const errorEntries = Object.entries(errors).filter(([, value]) => Boolean(value));\n\n  if (errorEntries.length === 0) {\n    return null;\n  }\n\n  return (\n    <Alert variant=\"destructive\" className=\"mb-4\">\n      <div>\n        <h3>{title}</h3>\n        <ul className=\"list-disc list-inside space-y-1\">\n          {errorEntries.map(([field, error], index) => {\n            const message = typeof error === 'object' && error.message ? error.message : String(error);\n            return (\n              <li key={index} className=\"text-sm\">\n                {showFieldNames ? `${field}: ${message}` : message}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </Alert>\n  );\n}\n","/**\n * @file FormLiveRegion Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * An accessible live region component for form validation announcements.\n * Provides real-time feedback to screen readers about form validation states\n * and error messages, improving accessibility for users with assistive technologies.\n *\n * Features:\n * - Real-time form validation announcements\n * - Configurable politeness levels (polite/assertive)\n * - Customizable delay timing\n * - Field-level and form-level announcements\n * - Success message customization\n * - Automatic error counting and field identification\n * - Accessibility compliant with ARIA live regions\n * - Integration with React Hook Form\n *\n * @example\n * ```tsx\n * // Basic live region\n * const { control, formState } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormLiveRegion form={{ control, formState }} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * \n * // With custom configuration\n * <FormLiveRegion\n *   form={{ control, formState }}\n *   politeness=\"assertive\"\n *   delay={1000}\n *   successMessage=\"Your form was submitted successfully!\"\n *   enableFieldAnnouncements={true}\n * />\n * \n * // In a complex form\n * function ComplexForm() {\n *   const methods = useForm({\n *     defaultValues: { name: '', email: '', message: '' }\n *   });\n *   \n *   return (\n *     <FormProvider {...methods}>\n *       <form onSubmit={methods.handleSubmit(onSubmit)}>\n *         <FormField name=\"name\" label=\"Name\" />\n *         <FormField name=\"email\" label=\"Email\" />\n *         <FormField name=\"message\" label=\"Message\" />\n *         <FormLiveRegion \n *           form={methods}\n *           politeness=\"polite\"\n *           delay={300}\n *         />\n *         <Button type=\"submit\">Send Message</Button>\n *       </form>\n *     </FormProvider>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - ARIA live region for screen reader announcements\n * - Configurable politeness levels for different message types\n * - Automatic error counting and field identification\n * - Non-intrusive validation feedback\n * - WCAG 2.1 AA compliant\n * - Screen reader friendly error announcements\n *\n * @dependencies\n * - react-hook-form - Form state management\n * - React 18+ - Hooks and effects\n * - Tailwind CSS - Styling\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { UseFormReturn, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the FormLiveRegion component\n */\nexport interface FormLiveRegionProps<T extends FieldValues> {\n  /** React Hook Form instance */\n  form: UseFormReturn<T>;\n  /** ARIA live region politeness level */\n  politeness?: 'polite' | 'assertive';\n  /** Delay before announcing messages (in ms) */\n  delay?: number;\n  /** Custom success message */\n  successMessage?: string;\n  /** Custom class name */\n  className?: string;\n  /** Enable field-level validation announcements */\n  enableFieldAnnouncements?: boolean;\n}\n\n/**\n * FormLiveRegion component for accessible form validation announcements\n */\nexport function FormLiveRegion<T extends FieldValues>({\n  form,\n  politeness = 'polite',\n  delay = 500,\n  successMessage = 'Form submitted successfully',\n  className,\n  enableFieldAnnouncements = true\n}: FormLiveRegionProps<T>): React.ReactElement {\n  const [message, setMessage] = useState<string>('');\n  const { formState } = form;\n\n  // Handle form-level announcements\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (formState.isSubmitting) {\n      setMessage('Submitting form...');\n    } else if (formState.isSubmitSuccessful) {\n      timeoutId = setTimeout(() => {\n        setMessage(successMessage);\n      }, delay);\n    } else if (formState.errors && Object.keys(formState.errors).length > 0) {\n      const errorCount = Object.keys(formState.errors).length;\n      const errorFields = Object.keys(formState.errors).join(', ');\n      setMessage(`Form has ${errorCount} error${errorCount === 1 ? '' : 's'} in: ${errorFields}`);\n    } else if (formState.isValid && formState.isDirty) {\n      setMessage('Form is valid');\n    } else {\n      setMessage('');\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState, delay, successMessage]);\n\n  // Handle field-level announcements\n  useEffect(() => {\n    if (!enableFieldAnnouncements) return;\n\n    let timeoutId: NodeJS.Timeout;\n    \n    const fieldErrors = formState.errors;\n    const touchedFields = formState.touchedFields;\n    \n    // Find newly touched fields with errors\n    const newErrors = Object.keys(fieldErrors).filter(field => {\n      // Type-safe access to touchedFields\n      const touchedField = touchedFields as Record<string, boolean>;\n      return touchedField[field] && fieldErrors[field as keyof typeof fieldErrors];\n    });\n\n    if (newErrors.length > 0) {\n      timeoutId = setTimeout(() => {\n        const errorField = newErrors[0];\n        const errorData = fieldErrors[errorField as keyof typeof fieldErrors];\n        const errorMessage = errorData?.message;\n        if (errorMessage) {\n          setMessage(`${errorField}: ${errorMessage}`);\n        }\n      }, delay);\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState.errors, formState.touchedFields, enableFieldAnnouncements, delay]);\n\n  if (!message) {\n    return <></>;\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-live={politeness}\n      aria-atomic=\"true\"\n      className={cn('sr-only', className)}\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden'\n      }}\n    >\n      {message}\n    </div>\n  );\n}\n","/**\n * @file FormFieldset Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form fieldset component that groups related form fields together with a legend\n * and optional description. Provides semantic structure and accessibility for form sections.\n *\n * Features:\n * - Semantic fieldset grouping for related form fields\n * - Accessible legend with required indicator\n * - Optional description text with proper ARIA association\n * - Consistent styling with design system\n * - Forwarded ref support\n * - Customizable styling via className\n * - Required field indication\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic fieldset\n * <FormFieldset legend=\"Personal Information\">\n *   <FormField name=\"firstName\" label=\"First Name\" />\n *   <FormField name=\"lastName\" label=\"Last Name\" />\n *   <FormField name=\"email\" label=\"Email\" />\n * </FormFieldset>\n * \n * // Fieldset with description\n * <FormFieldset \n *   legend=\"Contact Details\" \n *   description=\"We'll use this information to contact you about your order\"\n * >\n *   <FormField name=\"phone\" label=\"Phone Number\" />\n *   <FormField name=\"address\" label=\"Address\" />\n * </FormFieldset>\n * \n * // Required fieldset\n * <FormFieldset \n *   legend=\"Account Settings\" \n *   required={true}\n *   description=\"These settings are required for account creation\"\n * >\n *   <FormField name=\"username\" label=\"Username\" required />\n *   <FormField name=\"password\" label=\"Password\" type=\"password\" required />\n * </FormFieldset>\n * \n * // With custom styling\n * <FormFieldset \n *   legend=\"Preferences\"\n *   className=\"bg-sec-50 border-sec-200\"\n * >\n *   <FormField name=\"newsletter\" label=\"Subscribe to newsletter\" type=\"checkbox\" />\n *   <FormField name=\"notifications\" label=\"Enable notifications\" type=\"checkbox\" />\n * </FormFieldset>\n * ```\n *\n * @accessibility\n * - Proper semantic HTML with fieldset and legend\n * - ARIA describedby association for descriptions\n * - Required field indication with asterisk\n * - Screen reader friendly structure\n * - Keyboard navigation support\n * - WCAG 2.1 AA compliant\n *\n * @dependencies\n * - React 18+ - Component framework and hooks\n * - Tailwind CSS - Styling\n * - cn utility - Class name merging\n */\n\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface FormFieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  /** The legend text for the fieldset */\n  legend: string;\n  /** Optional description text below the legend */\n  description?: string;\n  /** Whether the fieldset contains required fields */\n  required?: boolean;\n  /** Form fields to group within the fieldset */\n  children: React.ReactNode;\n}\n\n/**\n * FormFieldset component for grouping related form fields\n * \n * This component provides semantic grouping for form fields with proper\n * accessibility support and consistent styling. Use it to organize\n * related form inputs into logical sections.\n * \n * @param props - Component configuration\n * @param props.legend - The legend text for the fieldset\n * @param props.description - Optional description text\n * @param props.required - Whether the fieldset contains required fields\n * @param props.children - Form fields to group\n * @param ref - Forwarded ref to the fieldset element\n * @returns JSX.Element - The rendered fieldset with legend and fields\n */\nexport const FormFieldset = React.forwardRef<HTMLFieldSetElement, FormFieldsetProps>(\n  ({ legend, description, required, className, children, ...props }, ref) => {\n    const descriptionId = React.useId();\n    \n    return (\n      <fieldset\n        ref={ref}\n        className={cn(\"space-y-4 border border-input rounded-lg p-4\", className)}\n        aria-describedby={description ? descriptionId : undefined}\n        {...props}\n      >\n        <legend className=\"px-2\">\n          {legend}\n          {required && <span className=\"text-destructive ml-1\">*</span>}\n        </legend>\n        {description && (\n          <p id={descriptionId} className=\"text-muted-foreground\">\n            {description}\n          </p>\n        )}\n        {children}\n      </fieldset>\n    );\n  }\n);\n\nFormFieldset.displayName = \"FormFieldset\";\n","/**\n * Super Admin Guard Component\n * @package @jmruthers/pace-core\n * @module Components/SuperAdminGuard\n * @since 1.0.0\n * \n * A reusable component for protecting content that should only be visible to super admins.\n */\n\nimport React from 'react';\nimport { useRBAC } from '../rbac/hooks/useRBAC';\n\nexport interface SuperAdminGuardProps {\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n  showDebugInfo?: boolean;\n}\n\n/**\n * Super Admin Guard Component\n * \n * Renders children only if the current user is a super admin.\n * Provides a fallback for non-super admin users.\n * \n * @param children - Content to render for super admins\n * @param fallback - Content to render for non-super admins (optional)\n * @param showDebugInfo - Whether to show debug information (optional)\n */\nexport function SuperAdminGuard({ \n  children, \n  fallback = null, \n  showDebugInfo = false \n}: SuperAdminGuardProps) {\n  const { isSuperAdmin, hasGlobalPermission, isLoading } = useRBAC();\n\n  // Show loading state\n  if (isLoading) {\n    return (\n      <div className=\"super-admin-guard-loading\">\n        <div className=\"loading-spinner\" />\n        <span>Checking permissions...</span>\n      </div>\n    );\n  }\n\n  // Show debug info if enabled\n  if (showDebugInfo) {\n    console.log('[SuperAdminGuard] Debug Info:', {\n      isSuperAdmin,\n      isLoading\n    });\n  }\n\n  // Render children for super admins\n  if (isSuperAdmin) {\n    return (\n      <div className=\"super-admin-content\">\n        {children}\n      </div>\n    );\n  }\n\n  // Render fallback for non-super admins\n  return (\n    <div className=\"super-admin-fallback\">\n      {fallback}\n    </div>\n  );\n}\n\n/**\n * Super Admin Badge Component\n * \n * Shows a visual indicator when the current user is a super admin.\n */\nexport function SuperAdminBadge() {\n  const { isSuperAdmin } = useRBAC();\n\n  if (!isSuperAdmin) {\n    return null;\n  }\n\n  return (\n    <div className=\"super-admin-badge\">\n      <span className=\"badge-text\">SUPER ADMIN</span>\n    </div>\n  );\n}\n\n/**\n * Super Admin Debug Panel\n * \n * Shows debug information about the current user's permissions.\n * Only visible to super admins and in development mode.\n */\nexport function SuperAdminDebugPanel() {\n  const { isSuperAdmin, isLoading } = useRBAC();\n\n  // Only show in development or for super admins\n  if (import.meta.env.MODE !== 'development' && !isSuperAdmin) {\n    return null;\n  }\n\n  return (\n    <div className=\"super-admin-debug-panel\">\n      <h4>Super Admin Debug Info</h4>\n      <div className=\"debug-info\">\n        <p><strong>Is Super Admin:</strong> {isSuperAdmin ? 'Yes' : 'No'}</p>\n        <p><strong>Is Loading:</strong> {isLoading ? 'Yes' : 'No'}</p>\n        <p><strong>Environment:</strong> {import.meta.env.MODE}</p>\n      </div>\n    </div>\n  );\n}\n\nexport default SuperAdminGuard;\n","// File Upload Component\n// Provides a file upload interface using the file reference system\n\nimport React, { useState, useCallback, useRef } from 'react';\nimport { SupabaseClient } from '@supabase/supabase-js';\nimport { FileCategory } from '../types/file-reference';\nimport { useFileReference } from '../hooks/useFileReference';\n\nexport interface FileUploadProps {\n  supabase: SupabaseClient;\n  table_name: string;\n  record_id: string;\n  organisation_id: string;\n  app_id: string;\n  category: FileCategory;\n  accept?: string;\n  maxSize?: number;\n  multiple?: boolean;\n  disabled?: boolean;\n  className?: string;\n  onUploadSuccess?: (result: any) => void;\n  onUploadError?: (error: string) => void;\n  children?: React.ReactNode;\n}\n\nexport function FileUpload({\n  supabase,\n  table_name,\n  record_id,\n  organisation_id,\n  app_id,\n  category,\n  accept = '*/*',\n  maxSize = 10 * 1024 * 1024, // 10MB default\n  multiple = false,\n  disabled = false,\n  className = '',\n  onUploadSuccess,\n  onUploadError,\n  children\n}: FileUploadProps) {\n  const [isDragging, setIsDragging] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const { uploadFile, isLoading, error } = useFileReference(supabase);\n\n  const handleFileSelect = useCallback(async (files: FileList | null) => {\n    if (!files || files.length === 0) return;\n\n    const fileArray = Array.from(files);\n    \n    // Validate file sizes\n    const oversizedFiles = fileArray.filter(file => file.size > maxSize);\n    if (oversizedFiles.length > 0) {\n      const errorMessage = `Files exceed maximum size of ${Math.round(maxSize / 1024 / 1024)}MB: ${oversizedFiles.map(f => f.name).join(', ')}`;\n      onUploadError?.(errorMessage);\n      return;\n    }\n\n    // Upload files\n    for (const file of fileArray) {\n      try {\n        const result = await uploadFile({\n          table_name,\n          record_id,\n          organisation_id,\n          app_id,\n          category,\n          is_public: false\n        }, file);\n\n        if (result) {\n          onUploadSuccess?.(result);\n        } else {\n          onUploadError?.('Upload failed');\n        }\n      } catch (err) {\n        const errorMessage = err instanceof Error ? err.message : 'Upload failed';\n        onUploadError?.(errorMessage);\n      }\n    }\n  }, [uploadFile, table_name, record_id, organisation_id, app_id, category, maxSize, onUploadSuccess, onUploadError]);\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!disabled) {\n      setIsDragging(true);\n    }\n  }, [disabled]);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n  }, []);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n    \n    if (disabled) return;\n    \n    const files = e.dataTransfer.files;\n    handleFileSelect(files);\n  }, [disabled, handleFileSelect]);\n\n  const handleFileInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    handleFileSelect(e.target.files);\n    // Reset input value to allow re-uploading the same file\n    if (e.target) {\n      e.target.value = '';\n    }\n  }, [handleFileSelect]);\n\n  const handleClick = useCallback(() => {\n    if (!disabled && fileInputRef.current) {\n      fileInputRef.current.click();\n    }\n  }, [disabled]);\n\n  const dragClasses = isDragging ? 'border-main-500 bg-main-50' : 'border-sec-300 hover:border-sec-400';\n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer hover:bg-sec-50';\n\n  return (\n    <div\n      className={`relative border-2 border-dashed rounded-lg p-6 text-center transition-colors ${dragClasses} ${disabledClasses} ${className}`}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      onClick={handleClick}\n    >\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleFileInputChange}\n        className=\"hidden\"\n        disabled={disabled}\n      />\n      \n      {children || (\n        <div className=\"space-y-2\">\n          <div className=\"text-sec-600\">\n            {isDragging ? (\n              'Drop files here...'\n            ) : (\n              <>\n                <span className=\"font-medium\">Click to upload</span>\n                {' '}or drag and drop\n              </>\n            )}\n          </div>\n          <div className=\"text-sm text-sec-500\">\n            {accept !== '*/*' && `Accepted formats: ${accept}`}\n            {maxSize && ` • Max size: ${Math.round(maxSize / 1024 / 1024)}MB`}\n            {multiple && ' • Multiple files allowed'}\n          </div>\n        </div>\n      )}\n      \n      {isLoading && (\n        <div className=\"absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-main-500\"></div>\n        </div>\n      )}\n      \n      {error && (\n        <div className=\"mt-2 text-sm text-acc-600\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","React","jsx","jsxs","React","jsx","jsxs","useState","Fragment","jsx","jsxs","useState"]}
+{"version":3,"sources":["../src/components/index.ts","../src/components/Form/FormField.tsx","../src/components/Form/FormErrorSummary.tsx","../src/components/Form/FormLiveRegion.tsx","../src/components/Form/FormFieldset.tsx"],"sourcesContent":["/**\n * @file Complete Components Library Export\n * @package @jmruthers/pace-core\n * @module Components\n * @since 0.1.0\n * \n * This file exports ALL components, providers, and utilities in the PACE Core library.\n * Use this import path when you need access to specialized components not included in the main export.\n * \n * @example\n * // Complete library access\n * import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';\n * \n * // For common components, prefer the main export:\n * import { Button, Card } from '@jmruthers/pace-core';\n */\n\n// ============================================================================\n// AUTHENTICATION & AUTHORIZATION\n// ============================================================================\n\n// Unified auth provider (replaces individual providers)\nexport { UnifiedAuthProvider, useUnifiedAuth } from '../providers/UnifiedAuthProvider';\nexport type { UnifiedAuthProviderProps, UnifiedAuthContextType } from '../providers/UnifiedAuthProvider';\n\n// ============================================================================\n// BASIC UI COMPONENTS\n// ============================================================================\n\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardTitle, \n  CardDescription, \n  CardContent,\n  CardActions\n} from './Card';\nexport type { CardProps, CardActionsProps } from './Card';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Alert, AlertTitle, AlertDescription } from './Alert';\nexport { Avatar, AvatarImage, AvatarFallback } from './Avatar';\n\nexport { Checkbox } from './Checkbox';\nexport { Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\nexport { Progress } from './Progress/Progress';\n\n// Table components\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableRow,\n} from './Table/Table';\n\n// ============================================================================\n// ADVANCED UI COMPONENTS\n// ============================================================================\n\n// Dialog exports\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './Dialog/Dialog';\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogContentProps,\n  DialogOverlayProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogSize\n} from './Dialog/Dialog';\n\n// Dropdown Menu exports\n// DropdownMenu components have been merged into Select components\n\n// Select exports (includes all dropdown functionality)\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n} from './Select';\n\n// Toast exports\nexport {\n  Toast,\n  Toaster,\n  ToastAction,\n  ToastProvider,\n  ToastViewport,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n} from './Toast';\nexport type { ToastActionElement, ToastProps } from './Toast';\n\n// Tooltip exports\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipRoot } from './Tooltip';\n\n// ============================================================================\n// DATA DISPLAY COMPONENTS\n// ============================================================================\n\nexport {\n  DataTable,\n  type DataTableProps,\n  type DataTableColumn,\n  type DataTableAction,\n  type DataTableToolbarButton,\n  type AggregateConfig,\n  type EmptyStateConfig,\n  type GetRowId\n} from './DataTable';\n\n// Re-export types from DataTable types\nexport type { DataRecord } from './DataTable/types';\n\n// ============================================================================\n// FORM COMPONENTS\n// ============================================================================\n\nexport { \n  Form, \n  FormField, \n  FormErrorSummary, \n  FormLiveRegion, \n  FormFieldset \n} from './Form';\nexport type { \n  FormProps, \n  FormFieldProps, \n  FormErrorSummaryProps, \n  FormLiveRegionProps, \n  FormFieldsetProps \n} from './Form';\n\n// LoginForm - ensure it's exported\nexport { LoginForm } from './LoginForm';\nexport type { LoginFormProps } from './LoginForm';\n\n// ============================================================================\n// LAYOUT COMPONENTS\n// ============================================================================\n\nexport { Header } from './Header';\nexport { Footer } from './Footer';\nexport type { FooterProps } from './Footer';\n\n// Public Layout Components\nexport * from './PublicLayout';\n\n// ============================================================================\n// SECURITY COMPONENTS (none currently exported)\n// ============================================================================\n\n// ============================================================================\n// NAVIGATION COMPONENTS\n// ============================================================================\n\nexport {\n  NavigationMenu,\n} from './NavigationMenu';\nexport type { NavigationMenuProps, NavigationItem } from './NavigationMenu';\n\nexport { OrganisationSelector } from './OrganisationSelector';\nexport type { OrganisationSelectorProps } from './OrganisationSelector';\n\nexport { UserMenu } from './UserMenu';\n\n// Reusable Page/Layout Components\nexport * from './PaceAppLayout';\nexport * from './PaceLoginPage';\n\n// ============================================================================\n// UTILITY COMPONENTS\n// ============================================================================\n\nexport { ErrorBoundary } from './ErrorBoundary';\nexport type { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary';\nexport { LoadingSpinner } from './LoadingSpinner';\nexport { SessionRestorationLoader } from './SessionRestorationLoader';\n\n// ============================================================================\n// EVENT MANAGEMENT\n// ============================================================================\n\nexport { EventSelector } from './EventSelector';\n\n// ============================================================================\n// AUTHENTICATION FORMS\n// ============================================================================\n\n// Password Component exports\nexport { PasswordResetForm } from './PasswordReset';\n\n// ============================================================================\n// STORAGE COMPONENTS\n// ============================================================================\n\nexport { FileUpload } from './FileUpload';\nexport type { FileUploadProps } from './FileUpload';\n\nexport { FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\n\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport { FileCategory } from '../types/file-reference';\nexport type { FileReference, FileMetadata, FileUploadOptions } from '../types/file-reference';\n\n// ============================================================================\n// HOOKS\n// ============================================================================\n\n\nexport { \n  useFileReference, \n  useFileReferenceForRecord,\n  useFileReferenceById,\n  useFilesByCategory\n} from '../hooks/useFileReference';\nexport type { \n  UseFileReferenceOptions, \n  UseFileReferenceReturn, \n  UseFileReferenceForRecordReturn \n} from '../hooks/useFileReference';\nexport { useEventLogo, clearEventLogoCache, getEventLogoCacheStats } from '../hooks/useEventLogo';\nexport type { UseEventLogoReturn, UseEventLogoOptions } from '../hooks/useEventLogo';\n\nexport { useToast } from '../hooks/useToast';\n\n// RBAC Components - Use the new RBAC system\n// For RBAC functionality, import from @jmruthers/pace-core/rbac\n// export { PermissionGuard, AccessLevelGuard } from '@jmruthers/pace-core/rbac';\n","/**\n * @file FormField Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A flexible form field component that integrates with React Hook Form and provides\n * built-in validation, error handling, and accessibility features.\n *\n * Features:\n * - React Hook Form integration with Controller\n * - Built-in validation with error display\n * - Accessible labels and error messages\n * - Custom render function support\n * - TypeScript support with generic field paths\n * - Consistent styling with error states\n * - Test ID support for testing\n * - Flexible input types and props\n *\n * @example\n * ```tsx\n * // Basic text field\n * <FormField\n *   name=\"username\"\n *   label=\"Username\"\n *   placeholder=\"Enter your username\"\n *   validation={{ required: true }}\n * />\n * \n * // Email field with custom validation\n * <FormField\n *   name=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Invalid email address\"\n *     }\n *   }}\n * />\n * \n * // Custom render function\n * <FormField\n *   name=\"avatar\"\n *   label=\"Profile Picture\"\n *   render={({ field }) => (\n *     <input\n *       {...field}\n *       type=\"file\"\n *       accept=\"image/*\"\n *       className=\"file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-sec-50 file:text-sec-700 hover:file:bg-sec-100\"\n *     />\n *   )}\n * />\n * \n * // With test ID for testing\n * <FormField\n *   name=\"password\"\n *   label=\"Password\"\n *   type=\"password\"\n *   data-testid=\"password-field\"\n *   validation={{\n *     required: true,\n *     minLength: {\n *       value: 8,\n *       message: \"Password must be at least 8 characters\"\n *     }\n *   }}\n * />\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Error messages with role=\"alert\"\n * - Required field indicators\n * - Focus management\n * - Screen reader friendly error announcements\n * - Keyboard navigation support\n *\n * @dependencies\n * - react-hook-form - Form integration\n * - React 18+ - Hooks and context\n * - Tailwind CSS - Styling\n */\n\nimport React from 'react';\nimport { useFormContext, Controller, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\n\nexport interface FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> {\n  /**\n   * Field name\n   */\n  name: TName;\n  \n  /**\n   * Field label\n   */\n  label?: string;\n  \n  /**\n   * Field type\n   */\n  type?: string;\n  \n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n  \n  /**\n   * Additional props for the input\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  \n  /**\n   * Validation rules\n   */\n  validation?: {\n    required?: boolean;\n    pattern?: {\n      value: RegExp;\n      message: string;\n    };\n    minLength?: {\n      value: number;\n      message: string;\n    };\n    maxLength?: {\n      value: number;\n      message: string;\n    };\n  };\n  \n  /**\n   * Custom render function\n   */\n  render?: ({ field }: { field: any }) => React.ReactElement;\n  \n  /**\n   * Test ID\n   */\n  'data-testid'?: string;\n  \n  /**\n   * Class name\n   */\n  className?: string;\n}\n\n/**\n * FormField component for React Hook Form integration\n * \n * @template TFieldValues - The type of form field values\n * @template TName - The type of the field name (must be a valid field path)\n * @param props - Form field configuration and validation\n * @returns JSX.Element - The rendered form field with validation\n * \n * @example\n * ```tsx\n * <FormField\n *   name=\"email\"\n *   label=\"Email\"\n *   type=\"email\"\n *   validation={{\n *     required: true,\n *     pattern: {\n *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n *       message: \"Please enter a valid email address\"\n *     }\n *   }}\n * />\n * ```\n */\nexport function FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  type = \"text\",\n  placeholder,\n  inputProps,\n  validation,\n  render,\n  'data-testid': testId,\n  className,\n}: FormFieldProps<TFieldValues, TName>) {\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const fieldError = errors[name];\n\n  // Safely extract error message\n  const errorMessage = fieldError && typeof fieldError === 'object' && 'message' in fieldError \n    ? String(fieldError.message) \n    : undefined;\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label htmlFor={name}>\n          {label}\n          {validation?.required && (\n            <span className=\"text-destructive ml-1\" aria-label=\"required\">\n              *\n            </span>\n          )}\n        </Label>\n      )}\n      \n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field }) => {\n          if (render) {\n            return render({ field });\n          }\n          \n          return (\n            <input\n              {...field}\n              id={name}\n              type={type}\n              placeholder={placeholder}\n              data-testid={testId}\n              className={cn(\n                \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n                fieldError && \"border-destructive focus-visible:ring-destructive\"\n              )}\n              {...inputProps}\n            />\n          );\n        }}\n      />\n      \n      {errorMessage && (\n        <p className=\"text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n","\n/**\n * @file FormErrorSummary Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form error summary component that displays validation errors in a user-friendly format.\n * Provides a centralized location for users to see all form errors at once.\n *\n * Features:\n * - Displays all form errors in one place\n * - Configurable error display format\n * - Optional field name display\n * - Accessible error presentation\n * - Consistent styling with Alert component\n * - Automatic error filtering\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic error summary\n * <FormErrorSummary errors={formErrors} />\n * \n * // With custom title\n * <FormErrorSummary \n *   errors={formErrors}\n *   title=\"Please correct the following issues:\"\n * />\n * \n * // Show field names with errors\n * <FormErrorSummary \n *   errors={formErrors}\n *   showFieldNames={true}\n * />\n * \n * // In a form with React Hook Form\n * const { formState: { errors } } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormErrorSummary errors={errors} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n *\n * @accessibility\n * - Uses Alert component for consistent accessibility\n * - Proper heading hierarchy with h3\n * - List structure for error items\n * - Screen reader friendly error announcements\n * - High contrast support via Alert component\n *\n * @dependencies\n * - Alert component for consistent styling\n * - React 18+ - Component framework\n * - Tailwind CSS - Styling\n */\n\nimport { Alert } from '../Alert';\n\nexport interface FormErrorSummaryProps {\n  /** Form validation errors object */\n  errors?: Record<string, any>;\n  /** Title displayed above the error list */\n  title?: string;\n  /** Whether to show field names alongside error messages */\n  showFieldNames?: boolean;\n}\n\n/**\n * FormErrorSummary component for displaying form validation errors\n * \n * This component provides a user-friendly way to display all form errors\n * in one centralized location, improving the user experience by making\n * it clear what needs to be fixed.\n * \n * @param props - Component configuration\n * @param props.errors - Form validation errors object\n * @param props.title - Title displayed above the error list\n * @param props.showFieldNames - Whether to show field names with errors\n * @returns JSX.Element - The rendered error summary or null if no errors\n */\nexport function FormErrorSummary({ \n  errors = {}, \n  title = \"Please fix the following errors:\",\n  showFieldNames = false \n}: FormErrorSummaryProps) {\n  const errorEntries = Object.entries(errors).filter(([, value]) => Boolean(value));\n\n  if (errorEntries.length === 0) {\n    return null;\n  }\n\n  return (\n    <Alert variant=\"destructive\" className=\"mb-4\">\n      <div>\n        <h3>{title}</h3>\n        <ul className=\"list-disc list-inside space-y-1\">\n          {errorEntries.map(([field, error], index) => {\n            const message = typeof error === 'object' && error.message ? error.message : String(error);\n            return (\n              <li key={index} className=\"text-sm\">\n                {showFieldNames ? `${field}: ${message}` : message}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </Alert>\n  );\n}\n","/**\n * @file FormLiveRegion Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * An accessible live region component for form validation announcements.\n * Provides real-time feedback to screen readers about form validation states\n * and error messages, improving accessibility for users with assistive technologies.\n *\n * Features:\n * - Real-time form validation announcements\n * - Configurable politeness levels (polite/assertive)\n * - Customizable delay timing\n * - Field-level and form-level announcements\n * - Success message customization\n * - Automatic error counting and field identification\n * - Accessibility compliant with ARIA live regions\n * - Integration with React Hook Form\n *\n * @example\n * ```tsx\n * // Basic live region\n * const { control, formState } = useForm();\n * \n * <Form onSubmit={handleSubmit}>\n *   <FormField name=\"email\" label=\"Email\" />\n *   <FormField name=\"password\" label=\"Password\" />\n *   <FormLiveRegion form={{ control, formState }} />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * \n * // With custom configuration\n * <FormLiveRegion\n *   form={{ control, formState }}\n *   politeness=\"assertive\"\n *   delay={1000}\n *   successMessage=\"Your form was submitted successfully!\"\n *   enableFieldAnnouncements={true}\n * />\n * \n * // In a complex form\n * function ComplexForm() {\n *   const methods = useForm({\n *     defaultValues: { name: '', email: '', message: '' }\n *   });\n *   \n *   return (\n *     <FormProvider {...methods}>\n *       <form onSubmit={methods.handleSubmit(onSubmit)}>\n *         <FormField name=\"name\" label=\"Name\" />\n *         <FormField name=\"email\" label=\"Email\" />\n *         <FormField name=\"message\" label=\"Message\" />\n *         <FormLiveRegion \n *           form={methods}\n *           politeness=\"polite\"\n *           delay={300}\n *         />\n *         <Button type=\"submit\">Send Message</Button>\n *       </form>\n *     </FormProvider>\n *   );\n * }\n * ```\n *\n * @accessibility\n * - ARIA live region for screen reader announcements\n * - Configurable politeness levels for different message types\n * - Automatic error counting and field identification\n * - Non-intrusive validation feedback\n * - WCAG 2.1 AA compliant\n * - Screen reader friendly error announcements\n *\n * @dependencies\n * - react-hook-form - Form state management\n * - React 18+ - Hooks and effects\n * - Tailwind CSS - Styling\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { UseFormReturn, FieldValues } from 'react-hook-form';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the FormLiveRegion component\n */\nexport interface FormLiveRegionProps<T extends FieldValues> {\n  /** React Hook Form instance */\n  form: UseFormReturn<T>;\n  /** ARIA live region politeness level */\n  politeness?: 'polite' | 'assertive';\n  /** Delay before announcing messages (in ms) */\n  delay?: number;\n  /** Custom success message */\n  successMessage?: string;\n  /** Custom class name */\n  className?: string;\n  /** Enable field-level validation announcements */\n  enableFieldAnnouncements?: boolean;\n}\n\n/**\n * FormLiveRegion component for accessible form validation announcements\n */\nexport function FormLiveRegion<T extends FieldValues>({\n  form,\n  politeness = 'polite',\n  delay = 500,\n  successMessage = 'Form submitted successfully',\n  className,\n  enableFieldAnnouncements = true\n}: FormLiveRegionProps<T>): React.ReactElement {\n  const [message, setMessage] = useState<string>('');\n  const { formState } = form;\n\n  // Handle form-level announcements\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (formState.isSubmitting) {\n      setMessage('Submitting form...');\n    } else if (formState.isSubmitSuccessful) {\n      timeoutId = setTimeout(() => {\n        setMessage(successMessage);\n      }, delay);\n    } else if (formState.errors && Object.keys(formState.errors).length > 0) {\n      const errorCount = Object.keys(formState.errors).length;\n      const errorFields = Object.keys(formState.errors).join(', ');\n      setMessage(`Form has ${errorCount} error${errorCount === 1 ? '' : 's'} in: ${errorFields}`);\n    } else if (formState.isValid && formState.isDirty) {\n      setMessage('Form is valid');\n    } else {\n      setMessage('');\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState, delay, successMessage]);\n\n  // Handle field-level announcements\n  useEffect(() => {\n    if (!enableFieldAnnouncements) return;\n\n    let timeoutId: NodeJS.Timeout;\n    \n    const fieldErrors = formState.errors;\n    const touchedFields = formState.touchedFields;\n    \n    // Find newly touched fields with errors\n    const newErrors = Object.keys(fieldErrors).filter(field => {\n      // Type-safe access to touchedFields\n      const touchedField = touchedFields as Record<string, boolean>;\n      return touchedField[field] && fieldErrors[field as keyof typeof fieldErrors];\n    });\n\n    if (newErrors.length > 0) {\n      timeoutId = setTimeout(() => {\n        const errorField = newErrors[0];\n        const errorData = fieldErrors[errorField as keyof typeof fieldErrors];\n        const errorMessage = errorData?.message;\n        if (errorMessage) {\n          setMessage(`${errorField}: ${errorMessage}`);\n        }\n      }, delay);\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [formState.errors, formState.touchedFields, enableFieldAnnouncements, delay]);\n\n  if (!message) {\n    return <></>;\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-live={politeness}\n      aria-atomic=\"true\"\n      className={cn('sr-only', className)}\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden'\n      }}\n    >\n      {message}\n    </div>\n  );\n}\n","/**\n * @file FormFieldset Component\n * @package @jmruthers/pace-core\n * @module Components/Form\n * @since 0.1.0\n *\n * A form fieldset component that groups related form fields together with a legend\n * and optional description. Provides semantic structure and accessibility for form sections.\n *\n * Features:\n * - Semantic fieldset grouping for related form fields\n * - Accessible legend with required indicator\n * - Optional description text with proper ARIA association\n * - Consistent styling with design system\n * - Forwarded ref support\n * - Customizable styling via className\n * - Required field indication\n * - Responsive design\n *\n * @example\n * ```tsx\n * // Basic fieldset\n * <FormFieldset legend=\"Personal Information\">\n *   <FormField name=\"firstName\" label=\"First Name\" />\n *   <FormField name=\"lastName\" label=\"Last Name\" />\n *   <FormField name=\"email\" label=\"Email\" />\n * </FormFieldset>\n * \n * // Fieldset with description\n * <FormFieldset \n *   legend=\"Contact Details\" \n *   description=\"We'll use this information to contact you about your order\"\n * >\n *   <FormField name=\"phone\" label=\"Phone Number\" />\n *   <FormField name=\"address\" label=\"Address\" />\n * </FormFieldset>\n * \n * // Required fieldset\n * <FormFieldset \n *   legend=\"Account Settings\" \n *   required={true}\n *   description=\"These settings are required for account creation\"\n * >\n *   <FormField name=\"username\" label=\"Username\" required />\n *   <FormField name=\"password\" label=\"Password\" type=\"password\" required />\n * </FormFieldset>\n * \n * // With custom styling\n * <FormFieldset \n *   legend=\"Preferences\"\n *   className=\"bg-sec-50 border-sec-200\"\n * >\n *   <FormField name=\"newsletter\" label=\"Subscribe to newsletter\" type=\"checkbox\" />\n *   <FormField name=\"notifications\" label=\"Enable notifications\" type=\"checkbox\" />\n * </FormFieldset>\n * ```\n *\n * @accessibility\n * - Proper semantic HTML with fieldset and legend\n * - ARIA describedby association for descriptions\n * - Required field indication with asterisk\n * - Screen reader friendly structure\n * - Keyboard navigation support\n * - WCAG 2.1 AA compliant\n *\n * @dependencies\n * - React 18+ - Component framework and hooks\n * - Tailwind CSS - Styling\n * - cn utility - Class name merging\n */\n\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface FormFieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  /** The legend text for the fieldset */\n  legend: string;\n  /** Optional description text below the legend */\n  description?: string;\n  /** Whether the fieldset contains required fields */\n  required?: boolean;\n  /** Form fields to group within the fieldset */\n  children: React.ReactNode;\n}\n\n/**\n * FormFieldset component for grouping related form fields\n * \n * This component provides semantic grouping for form fields with proper\n * accessibility support and consistent styling. Use it to organize\n * related form inputs into logical sections.\n * \n * @param props - Component configuration\n * @param props.legend - The legend text for the fieldset\n * @param props.description - Optional description text\n * @param props.required - Whether the fieldset contains required fields\n * @param props.children - Form fields to group\n * @param ref - Forwarded ref to the fieldset element\n * @returns JSX.Element - The rendered fieldset with legend and fields\n */\nexport const FormFieldset = React.forwardRef<HTMLFieldSetElement, FormFieldsetProps>(\n  ({ legend, description, required, className, children, ...props }, ref) => {\n    const descriptionId = React.useId();\n    \n    return (\n      <fieldset\n        ref={ref}\n        className={cn(\"space-y-4 border border-input rounded-lg p-4\", className)}\n        aria-describedby={description ? descriptionId : undefined}\n        {...props}\n      >\n        <legend className=\"px-2\">\n          {legend}\n          {required && <span className=\"text-destructive ml-1\">*</span>}\n        </legend>\n        {description && (\n          <p id={descriptionId} className=\"text-muted-foreground\">\n            {description}\n          </p>\n        )}\n        {children}\n      </fieldset>\n    );\n  }\n);\n\nFormFieldset.displayName = \"FormFieldset\";\n"],"mappings":"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","names":["jsx","jsxs","jsx","React","jsx","jsxs","React"]}