@jmruthers/pace-core 0.6.6 → 0.6.8

package/dist/{chunk-3QC3KRHK.js → chunk-A3W6LW53.js}

@@ -1,3 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
 // src/utils/validation/htmlSanitization.ts
 function sanitizeHtml(html) {
   if (!html || typeof html !== "string") {
@@ -51,5 +53,18 @@ function renderSafeHtml(html, options = {}) {
     warnings: validation.warnings
   };
 }
+var LoadingSpinner = ({
+  size = "md",
+  className = ""
+}) => {
+  const sizeClasses = {
+    sm: "size-4",
+    md: "size-6",
+    lg: "size-8"
+  };
+  const validSize = size && size in sizeClasses ? size : "md";
+  const sizeClass = sizeClasses[validSize];
+  return /* @__PURE__ */ jsx("canvas", { className: `inline-block animate-spin rounded-full border-2 border-solid border-current border-r-transparent motion-reduce:animate-[spin_1.5s_linear_infinite] ${sizeClass} ${className}`.trim(), role: "status", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." }) });
+};
 
-export { renderSafeHtml, sanitizeHtml, validateHtml };
+export { LoadingSpinner, renderSafeHtml, sanitizeHtml, validateHtml };

package/dist/{chunk-3O3WHILE.js → chunk-EF2UGZWY.js}

@@ -1,10 +1,188 @@
-import { UnifiedAuthContext, useUnifiedAuth, useOrganisations } from './chunk-FTCRZOG2.js';
-import { performanceBudgetMonitor } from './chunk-SD6WQY43.js';
+import { UnifiedAuthContext, useUnifiedAuth, useOrganisations } from './chunk-T5CVK4R3.js';
+import { cn, performanceBudgetMonitor } from './chunk-7ILTDCL2.js';
 import { logger } from './chunk-TTRFSOKR.js';
-import React3, { createContext, useContext, Component, useMemo, useState, useEffect, useCallback } from 'react';
+import * as React from 'react';
+import React__default, { createContext, useContext, Component, useMemo, useState, useEffect, useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createClient } from '@supabase/supabase-js';
 
+function getCardClasses(variant = "default", size = "default") {
+  const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
+  const variantClasses = {
+    default: "shadow-xl",
+    outline: "border-2",
+    ghost: "border-0 shadow-none"
+  };
+  const sizeClasses = {
+    default: "",
+    sm: "text-sm",
+    lg: "text-lg"
+  };
+  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]}`;
+}
+var CardWithNavigation = React.forwardRef(({ className, variant, size, isLink, link, onClick, ...props }, ref) => {
+  const navigate = useNavigate();
+  const handleClick = (e) => {
+    onClick?.(e);
+    if (link && !e.defaultPrevented) {
+      if (link.startsWith("http://") || link.startsWith("https://")) {
+        window.location.href = link;
+      } else {
+        navigate(link);
+      }
+    }
+  };
+  const shouldShowLinkStyles = isLink || !!link;
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      ref,
+      className: cn(
+        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+        getCardClasses(variant, size),
+        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
+        className
+      ),
+      onClick: handleClick,
+      role: "link",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick(e);
+        }
+      },
+      ...props
+    }
+  );
+});
+CardWithNavigation.displayName = "CardWithNavigation";
+var CardWithoutNavigation = React.forwardRef(({ className, variant, size, isLink, onClick, ...props }, ref) => {
+  const shouldShowLinkStyles = isLink;
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      ref,
+      className: cn(
+        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+        getCardClasses(variant, size),
+        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
+        className
+      ),
+      onClick,
+      ...props
+    }
+  );
+});
+CardWithoutNavigation.displayName = "CardWithoutNavigation";
+var Card = React.forwardRef(({ link, ...props }, ref) => {
+  if (link) {
+    return /* @__PURE__ */ jsx(CardWithNavigation, { ref, link, ...props });
+  }
+  return /* @__PURE__ */ jsx(CardWithoutNavigation, { ref, ...props });
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "header",
+  {
+    ref,
+    className: cn("p-6 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "main",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "footer",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var CardActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    ref,
+    className: cn("flex gap-2", className),
+    role: "group",
+    "aria-label": "Card actions",
+    ...props
+  }
+));
+CardActions.displayName = "CardActions";
+var HoverCard = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      ref,
+      className: cn("relative inline-block", className),
+      ...props,
+      children
+    }
+  );
+});
+HoverCard.displayName = "HoverCard";
+var HoverCardTrigger = React.forwardRef(({ className, asChild, children, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsx("span", { className: cn("cursor-pointer", className), children });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+var HoverCardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "aside",
+  {
+    ref,
+    className: cn(
+      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md",
+      className
+    ),
+    role: "tooltip",
+    ...props
+  }
+));
+HoverCardContent.displayName = "HoverCardContent";
 var ErrorBoundaryContext = createContext(void 0);
 function ErrorBoundaryProvider({
   children,
@@ -93,80 +271,78 @@ var ErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx(
-        "div",
+      return /* @__PURE__ */ jsxs(
+        Card,
         {
           role: "alert",
-          className: "p-6 bg-destructive/10 border border-destructive/20 rounded-lg",
+          className: "bg-destructive/10 border-destructive/20",
           "data-error-boundary": errorId,
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("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" }) }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs("h3", { className: "text-destructive", children: [
+          children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-destructive flex-shrink-0", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("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" }) }),
+              /* @__PURE__ */ jsxs(CardTitle, { className: "text-destructive", children: [
                 "Error in ",
                 componentName
               ] }),
-              /* @__PURE__ */ jsx("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
-              enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs("div", { className: "flex gap-3 mb-4", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: this.handleRetry,
-                    className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
-                    children: [
-                      "Retry (",
-                      retryCount + 1,
-                      "/",
-                      maxRetries,
-                      ")"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              retryCount >= maxRetries && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "mt-2 px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs("details", { className: "text-sm text-destructive/70", children: [
-                /* @__PURE__ */ jsx("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
-                /* @__PURE__ */ jsxs("div", { className: "bg-destructive/5 p-3 rounded border", children: [
-                  /* @__PURE__ */ jsxs("p", { className: "font-mono", children: [
-                    "Error ID: ",
-                    errorId
-                  ] }),
-                  /* @__PURE__ */ jsxs("pre", { className: "whitespace-pre-wrap text-xs overflow-auto max-h-32", children: [
-                    this.state.error.toString(),
-                    this.state.errorInfo?.componentStack
-                  ] })
+              /* @__PURE__ */ jsx(CardDescription, { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." })
+            ] }),
+            import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("details", { className: "text-sm text-destructive/70", children: [
+              /* @__PURE__ */ jsx("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
+              /* @__PURE__ */ jsxs("pre", { children: [
+                "Error ID: ",
+                errorId,
+                /* @__PURE__ */ jsxs("code", { className: "overflow-auto max-h-32", children: [
+                  this.state.error.toString(),
+                  this.state.errorInfo?.componentStack
                 ] })
               ] })
+            ] }) }),
+            enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs(CardFooter, { className: "flex gap-3", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: this.handleRetry,
+                  className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
+                  children: [
+                    "Retry (",
+                    retryCount + 1,
+                    "/",
+                    maxRetries,
+                    ")"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
+                  children: "Reload Page"
+                }
+              )
+            ] }),
+            retryCount >= maxRetries && /* @__PURE__ */ jsxs(CardFooter, { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  className: "px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
+                  children: "Reload Page"
+                }
+              )
             ] })
-          ] })
+          ]
         }
       );
     }
     return this.props.children;
   }
 };
-var ErrorBoundary2 = React3.forwardRef((props, ref) => {
+var ErrorBoundary2 = React__default.forwardRef((props, ref) => {
   const context = useErrorBoundaryContext();
   const globalErrorHandler = context?.defaultErrorHandler;
-  return React3.createElement(ErrorBoundary, { ...props, ref, _globalErrorHandler: globalErrorHandler });
+  return React__default.createElement(ErrorBoundary, { ...props, ref, _globalErrorHandler: globalErrorHandler });
 });
 ErrorBoundary2.displayName = "ErrorBoundary";
 var PublicPageContext = createContext(void 0);
@@ -331,7 +507,7 @@ var useOrganisationSecurity = () => {
     const targetOrgId = orgId || selectedOrganisation?.id;
     if (!targetOrgId || !user) return false;
     try {
-      const { isPermittedCached } = await import('./api-Y4MQWOFW.js');
+      const { isPermittedCached } = await import('./api-7P7DI652.js');
       const scope = {
         organisationId: targetOrgId,
         eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
@@ -354,7 +530,7 @@ var useOrganisationSecurity = () => {
     const targetOrgId = orgId || selectedOrganisation?.id;
     if (!targetOrgId || !user) return [];
     try {
-      const { getPermissionMap } = await import('./api-Y4MQWOFW.js');
+      const { getPermissionMap } = await import('./api-7P7DI652.js');
       const scope = {
         organisationId: targetOrgId,
         eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
@@ -432,4 +608,4 @@ var useOrganisationSecurity = () => {
   };
 };
 
-export { ErrorBoundary2 as ErrorBoundary, ErrorBoundaryProvider, PublicPageContext, PublicPageProvider, useAppConfig, useIsPublicPage, useOrganisationSecurity, usePublicPageContext };
+export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ErrorBoundary2 as ErrorBoundary, ErrorBoundaryProvider, PublicPageContext, PublicPageProvider, useAppConfig, useIsPublicPage, useOrganisationSecurity, usePublicPageContext };