@jmruthers/pace-core 0.5.140 → 0.5.141

package/README.md

@@ -303,8 +303,8 @@ import {
 ```
 
 **Available from main export:**
-- **Basic UI**: Button, Card, Input, Label, Alert, Avatar, Checkbox, Progress
-- **Advanced UI**: Dialog (with HTML content), DropdownMenu, Select, Toast, Tooltip
+- **Basic UI**: Button, Card, Input, Textarea, Label, Alert, Avatar, Checkbox, Progress
+- **Advanced UI**: Dialog (with HTML content), DropdownMenu, Select, Toast, Tooltip, Tabs, Calendar
 - **Data Display**: DataTable (with hierarchical actions & expand/collapse all), Table
 - **Forms**: Form, LoginForm
 - **Layout**: PaceAppLayout, Header, Footer, NavigationMenu

package/dist/{DataTable-JXFCA2BJ.js → DataTable-EGIN2NKK.js}

@@ -60,8 +60,8 @@ import {
   sum,
   validateHierarchicalData,
   validatePaginationConfig
-} from "./chunk-TLT2ZR3L.js";
-import "./chunk-BOOI7GK2.js";
+} from "./chunk-WKTQM2IC.js";
+import "./chunk-3R472UXR.js";
 import "./chunk-BVYWGZVV.js";
 import "./chunk-SBVILCCA.js";
 import {
@@ -170,4 +170,4 @@ export {
   validateHierarchicalData,
   validatePaginationConfig
 };
-//# sourceMappingURL=DataTable-JXFCA2BJ.js.map
+//# sourceMappingURL=DataTable-EGIN2NKK.js.map

package/dist/{EventLogo-rFL_kRjk.d.ts → EventLogo-B3V3otev.d.ts}

@@ -7,6 +7,8 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { DayPickerProps } from 'react-day-picker';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { FieldValues, DefaultValues, SubmitHandler, SubmitErrorHandler, UseFormReturn } from 'react-hook-form';
@@ -328,6 +330,92 @@ interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitiv
  */
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
+/**
+ * @file Textarea Component
+ * @package @jmruthers/pace-core
+ * @module Textarea
+ * @since 0.5.141
+ *
+ * A multi-line text input component with consistent styling matching the Input component.
+ * Provides flexible, accessible textarea component with consistent styling and behavior.
+ *
+ * Features:
+ * - Multiple textarea variants (default, destructive)
+ * - Multiple textarea sizes (sm, md, lg)
+ * - Error state styling
+ * - Forwarded ref support
+ * - Consistent styling with Input component
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <Textarea placeholder="Enter your message..." />
+ *
+ * // Textarea with variants and sizes
+ * <Textarea
+ *   variant="destructive"
+ *   size="lg"
+ *   placeholder="Error textarea"
+ * />
+ *
+ * // Textarea with error state
+ * <Textarea
+ *   placeholder="Comments"
+ *   error={true}
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Proper ARIA attributes and roles
+ * - Keyboard navigation support
+ * - Screen reader friendly
+ * - Focus management
+ */
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Textarea variant style
+     */
+    variant?: 'default' | 'destructive';
+    /**
+     * Textarea size
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Error state for styling
+     */
+    error?: boolean;
+}
+/**
+ * Textarea component
+ * A flexible, accessible textarea component with multiple variants and sizes.
+ * Matches the Input component API and styling for consistency.
+ *
+ * @param props - Textarea configuration and styling
+ * @param ref - Forwarded ref to the textarea element
+ * @returns JSX.Element - The rendered textarea element
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <Textarea placeholder="Enter your message..." />
+ *
+ * // Textarea with error state
+ * <Textarea
+ *   placeholder="Comments"
+ *   error={true}
+ * />
+ *
+ * // Large textarea with destructive variant
+ * <Textarea
+ *   variant="destructive"
+ *   size="lg"
+ *   placeholder="Error textarea"
+ * />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
 /**
  * @file Alert Component Suite
  * @package @jmruthers/pace-core
@@ -1008,6 +1096,224 @@ declare const SelectSeparator: React.ForwardRefExoticComponent<{
     className?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @file Tabs Component System
+ * @package @jmruthers/pace-core
+ * @module Components/Tabs
+ * @since 0.5.141
+ *
+ * A comprehensive tabs component system built on top of Radix UI primitives.
+ * Provides accessible tabbed interfaces with keyboard navigation and ARIA support.
+ *
+ * Features:
+ * - Controlled and uncontrolled modes
+ * - Keyboard navigation (arrow keys)
+ * - Accessible ARIA attributes
+ * - Customizable styling via className
+ * - Support for icons in triggers
+ * - Compound component pattern
+ *
+ * @example
+ * ```tsx
+ * // Basic tabs
+ * <Tabs defaultValue="tab1">
+ *   <TabsList>
+ *     <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *     <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="tab1">Content 1</TabsContent>
+ *   <TabsContent value="tab2">Content 2</TabsContent>
+ * </Tabs>
+ *
+ * // Controlled tabs
+ * <Tabs value={activeTab} onValueChange={setActiveTab}>
+ *   <TabsList>
+ *     <TabsTrigger value="transport">
+ *       <Plane size={16} /> Transport
+ *     </TabsTrigger>
+ *     <TabsTrigger value="accommodation">
+ *       <Building size={16} /> Accommodation
+ *     </TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="transport">
+ *     <TransportPlanningView />
+ *   </TabsContent>
+ *   <TabsContent value="accommodation">
+ *     <AccommodationPlanningView />
+ *   </TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * @accessibility
+ * - WCAG 2.1 AA compliant
+ * - Keyboard navigation (Arrow keys, Home, End)
+ * - Screen reader support with proper ARIA attributes
+ * - Focus management
+ * - Tab panel association
+ */
+
+interface TabsProps extends TabsPrimitive.TabsProps {
+}
+/**
+ * Tabs root component
+ * Provides the context for tab navigation and state management
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1">
+ *   <TabsList>...</TabsList>
+ *   <TabsContent value="tab1">...</TabsContent>
+ * </Tabs>
+ * ```
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+}
+/**
+ * TabsList component
+ * Container for tab triggers
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TabsList>
+ *   <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *   <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+ * </TabsList>
+ * ```
+ */
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+}
+/**
+ * TabsTrigger component
+ * Individual tab button that activates a tab panel
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *
+ * // With icon
+ * <TabsTrigger value="transport">
+ *   <Plane size={16} /> Transport
+ * </TabsTrigger>
+ * ```
+ */
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+}
+/**
+ * TabsContent component
+ * Container for tab panel content
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TabsContent value="tab1">
+ *   <div>Content for tab 1</div>
+ * </TabsContent>
+ * ```
+ */
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * @file Calendar Component
+ * @package @jmruthers/pace-core
+ * @module Components/Calendar
+ * @since 0.5.141
+ *
+ * A date picker calendar component built on react-day-picker.
+ * Provides accessible date selection with keyboard navigation and ARIA support.
+ *
+ * Features:
+ * - Single, range, and multiple date selection modes
+ * - Date disabling (past dates, weekends, etc.)
+ * - Localization support
+ * - Keyboard navigation
+ * - Accessible date selection
+ * - Customizable styling
+ *
+ * @example
+ * ```tsx
+ * // Single date selection
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ * />
+ *
+ * // Date range selection
+ * <Calendar
+ *   mode="range"
+ *   selected={dateRange}
+ *   onSelect={setDateRange}
+ * />
+ *
+ * // Multiple date selection
+ * <Calendar
+ *   mode="multiple"
+ *   selected={dates}
+ *   onSelect={setDates}
+ * />
+ *
+ * // With disabled dates
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   disabled={(date) => date < new Date()}
+ * />
+ * ```
+ *
+ * @accessibility
+ * - WCAG 2.1 AA compliant
+ * - Keyboard navigation (Arrow keys, Page Up/Down, Home, End)
+ * - Screen reader support with proper ARIA attributes
+ * - Focus management
+ * - Date announcements
+ */
+
+interface CalendarProps extends Omit<DayPickerProps, 'className' | 'classNames' | 'styles'> {
+    /**
+     * Additional CSS classes to apply to the calendar wrapper
+     */
+    className?: string;
+    /**
+     * Custom classNames for DayPicker sub-components
+     */
+    classNames?: DayPickerProps['classNames'];
+}
+/**
+ * Calendar component
+ * A flexible, accessible calendar component for date selection.
+ * Built on react-day-picker with pace-core styling.
+ *
+ * @param props - Calendar configuration and styling
+ * @param ref - Forwarded ref (not used directly, but maintained for API consistency)
+ * @returns JSX.Element - The rendered calendar element
+ *
+ * @example
+ * ```tsx
+ * // Single date selection
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ * />
+ *
+ * // With disabled dates
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   disabled={(date) => date < new Date()}
+ * />
+ * ```
+ */
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 /**
  * ToastViewport component
@@ -3588,4 +3894,4 @@ declare function EventLogoCompact(props: EventLogoProps): react_jsx_runtime.JSX.
  */
 declare function EventLogoLarge(props: EventLogoProps): react_jsx_runtime.JSX.Element;
 
-export { type DialogTitleProps as $, Alert as A, Button as B, Card as C, TableHead as D, TableRow as E, Dialog as F, DialogPortal as G, DialogOverlay as H, Input as I, DialogTrigger as J, DialogClose as K, Label as L, DialogContent as M, DialogHeader as N, DialogBody as O, Progress as P, DialogFooter as Q, DialogTitle as R, Switch as S, Table as T, DialogDescription as U, type DialogProps as V, type DialogTriggerProps as W, type DialogContentProps as X, type DialogOverlayProps as Y, type DialogHeaderProps as Z, type DialogFooterProps as _, type ButtonProps as a, useIsPublicPage as a$, type DialogDescriptionProps as a0, type DialogSize as a1, Select as a2, SelectGroup as a3, SelectValue as a4, SelectTrigger as a5, SelectContent as a6, SelectLabel as a7, SelectItem as a8, SelectSeparator as a9, type NavigationItem as aA, OrganisationSelector as aB, type OrganisationSelectorProps as aC, UserMenu as aD, ErrorBoundary as aE, type ErrorBoundaryProps as aF, type ErrorBoundaryState as aG, LoadingSpinner as aH, SessionRestorationLoader as aI, type SessionRestorationLoaderProps as aJ, EventSelector as aK, FileUpload as aL, type FileUploadProps as aM, FileDisplay as aN, type FileDisplayProps as aO, useFileReference as aP, useFileReferenceForRecord as aQ, useFileReferenceById as aR, useFilesByCategory as aS, type UseFileReferenceOptions as aT, type UseFileReferenceReturn as aU, type UseFileReferenceForRecordReturn as aV, PublicPageLayout as aW, usePublicPageContext$1 as aX, PublicPageHeader as aY, PublicPageProvider as aZ, usePublicPageContext as a_, Toast as aa, Toaster as ab, ToastAction as ac, ToastProvider as ad, ToastViewport as ae, ToastTitle as af, ToastDescription as ag, ToastClose as ah, type ToastActionElement as ai, type ToastProps as aj, Tooltip as ak, TooltipTrigger as al, TooltipContent as am, TooltipProvider as an, TooltipRoot as ao, Form as ap, type FormProps as aq, LoginForm as ar, type LoginFormProps as as, Header as at, Footer as au, type FooterProps as av, ProtectedRoute as aw, type ProtectedRouteProps as ax, NavigationMenu as ay, type NavigationMenuProps as az, CardHeader as b, PublicPageFooter as b0, PublicPageContextChecker as b1, PublicErrorBoundary as b2, useErrorBoundary as b3, DefaultPublicErrorFallback as b4, PublicLoadingSpinner as b5, PublicLoadingSpinnerFullPage as b6, PublicLoadingSkeleton as b7, EventLogo as b8, EventLogoCompact as b9, EventLogoLarge as ba, type EventLogoProps as bb, type PublicPageLayoutProps as bc, type PublicPageHeaderProps as bd, type PublicPageFooterProps as be, type PublicErrorBoundaryProps as bf, type PublicErrorBoundaryState as bg, type PublicLoadingSpinnerProps as bh, type PaceAppLayoutProps as bi, PaceAppLayout as bj, type PaceLoginPageProps as bk, PaceLoginPage as bl, type UserMenuProps as bm, CardFooter as c, CardTitle as d, CardDescription as e, CardContent as f, CardActions as g, type CardProps as h, type CardActionsProps as i, type InputProps as j, type LabelProps as k, AlertTitle as l, AlertDescription as m, Avatar as n, AvatarImage as o, AvatarFallback as p, Badge as q, type BadgeProps as r, type BadgeVariant as s, Checkbox as t, type SwitchProps as u, TableHeader as v, TableBody as w, TableCaption as x, TableCell as y, TableFooter as z };
+export { type DialogHeaderProps as $, Alert as A, Button as B, Card as C, TableCell as D, TableFooter as E, TableHead as F, TableRow as G, Dialog as H, Input as I, DialogPortal as J, DialogOverlay as K, Label as L, DialogTrigger as M, DialogClose as N, DialogContent as O, Progress as P, DialogHeader as Q, DialogBody as R, Switch as S, Textarea as T, DialogFooter as U, DialogTitle as V, DialogDescription as W, type DialogProps as X, type DialogTriggerProps as Y, type DialogContentProps as Z, type DialogOverlayProps as _, type ButtonProps as a, useFileReference as a$, type DialogFooterProps as a0, type DialogTitleProps as a1, type DialogDescriptionProps as a2, type DialogSize as a3, Select as a4, SelectGroup as a5, SelectValue as a6, SelectTrigger as a7, SelectContent as a8, SelectLabel as a9, TooltipRoot as aA, Form as aB, type FormProps as aC, LoginForm as aD, type LoginFormProps as aE, Header as aF, Footer as aG, type FooterProps as aH, ProtectedRoute as aI, type ProtectedRouteProps as aJ, NavigationMenu as aK, type NavigationMenuProps as aL, type NavigationItem as aM, OrganisationSelector as aN, type OrganisationSelectorProps as aO, UserMenu as aP, ErrorBoundary as aQ, type ErrorBoundaryProps as aR, type ErrorBoundaryState as aS, LoadingSpinner as aT, SessionRestorationLoader as aU, type SessionRestorationLoaderProps as aV, EventSelector as aW, FileUpload as aX, type FileUploadProps as aY, FileDisplay as aZ, type FileDisplayProps as a_, SelectItem as aa, SelectSeparator as ab, Tabs as ac, TabsList as ad, TabsTrigger as ae, TabsContent as af, type TabsProps as ag, type TabsListProps as ah, type TabsTriggerProps as ai, type TabsContentProps as aj, Calendar as ak, type CalendarProps as al, Toast as am, Toaster as an, ToastAction as ao, ToastProvider as ap, ToastViewport as aq, ToastTitle as ar, ToastDescription as as, ToastClose as at, type ToastActionElement as au, type ToastProps as av, Tooltip as aw, TooltipTrigger as ax, TooltipContent as ay, TooltipProvider as az, CardHeader as b, useFileReferenceForRecord as b0, useFileReferenceById as b1, useFilesByCategory as b2, type UseFileReferenceOptions as b3, type UseFileReferenceReturn as b4, type UseFileReferenceForRecordReturn as b5, PublicPageLayout as b6, usePublicPageContext$1 as b7, PublicPageHeader as b8, PublicPageProvider as b9, usePublicPageContext as ba, useIsPublicPage as bb, PublicPageFooter as bc, PublicPageContextChecker as bd, PublicErrorBoundary as be, useErrorBoundary as bf, DefaultPublicErrorFallback as bg, PublicLoadingSpinner as bh, PublicLoadingSpinnerFullPage as bi, PublicLoadingSkeleton as bj, EventLogo as bk, EventLogoCompact as bl, EventLogoLarge as bm, type EventLogoProps as bn, type PublicPageLayoutProps as bo, type PublicPageHeaderProps as bp, type PublicPageFooterProps as bq, type PublicErrorBoundaryProps as br, type PublicErrorBoundaryState as bs, type PublicLoadingSpinnerProps as bt, type PaceAppLayoutProps as bu, PaceAppLayout as bv, type PaceLoginPageProps as bw, PaceLoginPage as bx, type UserMenuProps as by, CardFooter as c, CardTitle as d, CardDescription as e, CardContent as f, CardActions as g, type CardProps as h, type CardActionsProps as i, type InputProps as j, type LabelProps as k, type TextareaProps as l, AlertTitle as m, AlertDescription as n, Avatar as o, AvatarImage as p, AvatarFallback as q, Badge as r, type BadgeProps as s, type BadgeVariant as t, Checkbox as u, type SwitchProps as v, Table as w, TableHeader as x, TableBody as y, TableCaption as z };

package/dist/{chunk-BOOI7GK2.js → chunk-3R472UXR.js}

@@ -714,6 +714,121 @@ function useCachedPermissions(userId, scope) {
   }), [permissions, isLoading, error, invalidateCache, fetchCachedPermissions]);
 }
 
+// src/rbac/hooks/useResourcePermissions.ts
+init_UnifiedAuthProvider();
+init_useOrganisations();
+import { useMemo as useMemo3 } from "react";
+function useResourcePermissions(resource, options = {}) {
+  const { enableRead = false, requireScope = true } = options;
+  const { user, supabase } = useUnifiedAuth();
+  const { selectedOrganisation } = useOrganisations();
+  let selectedEvent = null;
+  try {
+    const eventsContext = useEvents();
+    selectedEvent = eventsContext.selectedEvent;
+  } catch (error2) {
+  }
+  const { resolvedScope, isLoading: scopeLoading, error: scopeError } = useResolvedScope({
+    supabase,
+    selectedOrganisationId: selectedOrganisation?.id || null,
+    selectedEventId: selectedEvent?.event_id || null
+  });
+  const scope = resolvedScope || {
+    organisationId: selectedOrganisation?.id || "",
+    eventId: selectedEvent?.event_id || void 0,
+    appId: void 0
+  };
+  const { can: canCreateResult, isLoading: createLoading, error: createError } = useCan(
+    user?.id || "",
+    scope,
+    `create:${resource}`,
+    void 0,
+    // pageId
+    true
+    // useCache
+  );
+  const { can: canUpdateResult, isLoading: updateLoading, error: updateError } = useCan(
+    user?.id || "",
+    scope,
+    `update:${resource}`,
+    void 0,
+    // pageId
+    true
+    // useCache
+  );
+  const { can: canDeleteResult, isLoading: deleteLoading, error: deleteError } = useCan(
+    user?.id || "",
+    scope,
+    `delete:${resource}`,
+    void 0,
+    // pageId
+    true
+    // useCache
+  );
+  const { can: canReadResult, isLoading: readLoading, error: readError } = useCan(
+    user?.id || "",
+    scope,
+    `read:${resource}`,
+    void 0,
+    // pageId
+    true
+    // useCache
+  );
+  const isLoading = useMemo3(() => {
+    return scopeLoading || createLoading || updateLoading || deleteLoading || enableRead && readLoading;
+  }, [scopeLoading, createLoading, updateLoading, deleteLoading, readLoading, enableRead]);
+  const error = useMemo3(() => {
+    if (scopeError) return scopeError;
+    if (createError) return createError;
+    if (updateError) return updateError;
+    if (deleteError) return deleteError;
+    if (enableRead && readError) return readError;
+    return null;
+  }, [scopeError, createError, updateError, deleteError, readError, enableRead]);
+  return useMemo3(() => ({
+    canCreate: (res) => {
+      if (res !== resource) {
+        return false;
+      }
+      return canCreateResult;
+    },
+    canUpdate: (res) => {
+      if (res !== resource) {
+        return false;
+      }
+      return canUpdateResult;
+    },
+    canDelete: (res) => {
+      if (res !== resource) {
+        return false;
+      }
+      return canDeleteResult;
+    },
+    canRead: (res) => {
+      if (!enableRead) {
+        return true;
+      }
+      if (res !== resource) {
+        return false;
+      }
+      return canReadResult;
+    },
+    scope,
+    isLoading,
+    error
+  }), [
+    resource,
+    canCreateResult,
+    canUpdateResult,
+    canDeleteResult,
+    canReadResult,
+    enableRead,
+    scope,
+    isLoading,
+    error
+  ]);
+}
+
 // src/rbac/hooks/useRoleManagement.ts
 init_UnifiedAuthProvider();
 import { useState as useState4, useCallback as useCallback3 } from "react";
@@ -850,6 +965,7 @@ export {
   useHasAnyPermission,
   useHasAllPermissions,
   useCachedPermissions,
+  useResourcePermissions,
   useRoleManagement
 };
-//# sourceMappingURL=chunk-BOOI7GK2.js.map
+//# sourceMappingURL=chunk-3R472UXR.js.map