@jmruthers/pace-core 0.6.4 → 0.6.5

package/dist/components.d.ts

@@ -1,5 +1,5 @@
 export { a as UnifiedAuthContextType, d as UnifiedAuthProvider, c as UnifiedAuthProviderProps, u as useUnifiedAuth } from './UnifiedAuthProvider-CKvHP1MK.js';
-export { A as AddressField, k as AddressFieldProps, l as AddressFieldRef, o as Alert, q as AlertDescription, p as AlertTitle, r as Avatar, s as AvatarProps, t as Badge, u as BadgeProps, v as BadgeVariant, B as Button, a as ButtonProps, an as Calendar, ao as CalendarProps, 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, w as Checkbox, aS as ContextSelector, aT as ContextSelectorProps, M as Dialog, W as DialogBody, R as DialogClose, U as DialogContent, a0 as DialogContentProps, Z as DialogDescription, a5 as DialogDescriptionProps, X as DialogFooter, a3 as DialogFooterProps, V as DialogHeader, a2 as DialogHeaderProps, O as DialogOverlay, a1 as DialogOverlayProps, N as DialogPortal, _ as DialogProps, a6 as DialogSize, Y as DialogTitle, a4 as DialogTitleProps, Q as DialogTrigger, $ as DialogTriggerProps, aV as ErrorBoundary, aX as ErrorBoundaryProps, aW as ErrorBoundaryProvider, aZ as ErrorBoundaryProviderProps, aY as ErrorBoundaryState, b4 as FileDisplay, b5 as FileDisplayProps, b2 as FileUpload, b3 as FileUploadProps, aL as Footer, aM as FooterProps, aE as Form, aF as FormField, aH as FormFieldProps, aG as FormProps, a_ as GlobalErrorHandler, aK as Header, I as Input, j as InputProps, L as Label, m as LabelProps, a$ as LoadingSpinner, aI as LoginForm, aJ as LoginFormProps, aR as NavigationItem, aP as NavigationMenu, aQ as NavigationMenuProps, bn as PaceAppLayout, bm as PaceAppLayoutProps, bp as PaceLoginPage, bo as PaceLoginPageProps, P as Progress, y as ProgressProps, aN as ProtectedRoute, aO as ProtectedRouteProps, bf as PublicPageFooter, bl as PublicPageFooterProps, be as PublicPageHeader, bk as PublicPageHeaderProps, bd as PublicPageLayout, bj as PublicPageLayoutProps, bg as PublicPageProvider, a7 as Select, ab as SelectContent, a8 as SelectGroup, ad as SelectItem, ac as SelectLabel, ae as SelectSeparator, aa as SelectTrigger, a9 as SelectValue, b0 as SessionRestorationLoader, b1 as SessionRestorationLoaderProps, S as Switch, x as SwitchProps, z as Table, E as TableBody, F as TableCaption, G as TableCell, H as TableFooter, J as TableHead, D as TableHeader, K as TableRow, af as Tabs, ai as TabsContent, am as TabsContentProps, ag as TabsList, ak as TabsListProps, aj as TabsProps, ah as TabsTrigger, al as TabsTriggerProps, T as Textarea, n as TextareaProps, ap as Toast, ar as ToastAction, ax as ToastActionElement, aw as ToastClose, av as ToastDescription, ay as ToastProps, as as ToastProvider, au as ToastTitle, at as ToastViewport, aq as Toaster, az as Tooltip, aB as TooltipContent, aC as TooltipProvider, aD as TooltipRoot, aA as TooltipTrigger, bc as UseFileReferenceForRecordReturn, ba as UseFileReferenceOptions, bb as UseFileReferenceReturn, aU as UserMenu, b6 as useFileReference, b8 as useFileReferenceById, b7 as useFileReferenceForRecord, b9 as useFilesByCategory, bi as useIsPublicPage, bh as usePublicPageContext } from './PublicPageProvider-DEMpysFR.js';
+export { A as AddressField, k as AddressFieldProps, l as AddressFieldRef, o as Alert, q as AlertDescription, p as AlertTitle, r as Avatar, s as AvatarProps, t as Badge, u as BadgeProps, v as BadgeVariant, B as Button, a as ButtonProps, am as Calendar, an as CalendarProps, 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, w as Checkbox, aR as ContextSelector, aS as ContextSelectorProps, M as Dialog, V as DialogBody, a4 as DialogBodyProps, Q as DialogClose, a1 as DialogCloseProps, R as DialogContent, $ as DialogContentProps, Y as DialogDescription, W as DialogFooter, a3 as DialogFooterProps, U as DialogHeader, a2 as DialogHeaderProps, N as DialogPortal, a0 as DialogPortalProps, Z as DialogProps, a5 as DialogSize, X as DialogTitle, O as DialogTrigger, _ as DialogTriggerProps, aU as ErrorBoundary, aW as ErrorBoundaryProps, aV as ErrorBoundaryProvider, aY as ErrorBoundaryProviderProps, aX as ErrorBoundaryState, b3 as FileDisplay, b4 as FileDisplayProps, b1 as FileUpload, b2 as FileUploadProps, aK as Footer, aL as FooterProps, aD as Form, aE as FormField, aG as FormFieldProps, aF as FormProps, aZ as GlobalErrorHandler, aJ as Header, I as Input, j as InputProps, L as Label, m as LabelProps, a_ as LoadingSpinner, aH as LoginForm, aI as LoginFormProps, aQ as NavigationItem, aO as NavigationMenu, aP as NavigationMenuProps, bm as PaceAppLayout, bl as PaceAppLayoutProps, bo as PaceLoginPage, bn as PaceLoginPageProps, P as Progress, y as ProgressProps, aM as ProtectedRoute, aN as ProtectedRouteProps, be as PublicPageFooter, bk as PublicPageFooterProps, bd as PublicPageHeader, bj as PublicPageHeaderProps, bc as PublicPageLayout, bi as PublicPageLayoutProps, bf as PublicPageProvider, a6 as Select, aa as SelectContent, a7 as SelectGroup, ac as SelectItem, ab as SelectLabel, ad as SelectSeparator, a9 as SelectTrigger, a8 as SelectValue, a$ as SessionRestorationLoader, b0 as SessionRestorationLoaderProps, S as Switch, x as SwitchProps, z as Table, E as TableBody, F as TableCaption, G as TableCell, H as TableFooter, J as TableHead, D as TableHeader, K as TableRow, ae as Tabs, ah as TabsContent, al as TabsContentProps, af as TabsList, aj as TabsListProps, ai as TabsProps, ag as TabsTrigger, ak as TabsTriggerProps, T as Textarea, n as TextareaProps, ao as Toast, aq as ToastAction, aw as ToastActionElement, av as ToastClose, au as ToastDescription, ax as ToastProps, ar as ToastProvider, at as ToastTitle, as as ToastViewport, ap as Toaster, ay as Tooltip, aA as TooltipContent, aB as TooltipProvider, aC as TooltipRoot, az as TooltipTrigger, bb as UseFileReferenceForRecordReturn, b9 as UseFileReferenceOptions, ba as UseFileReferenceReturn, aT as UserMenu, b5 as useFileReference, b7 as useFileReferenceById, b6 as useFileReferenceForRecord, b8 as useFilesByCategory, bh as useIsPublicPage, bg as usePublicPageContext } from './PublicPageProvider-QTFVrL-Z.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { u as useToast } from './useToast-AyaT-x7p.js';
 export { D as DataTable, a as DataTableProps } from './DataTable-BMRU8a1j.js';
@@ -13,7 +13,6 @@ import './auth-BZOJqrdd.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-switch';
-import '@radix-ui/react-dialog';
 import '@radix-ui/react-tabs';
 import 'react-day-picker';
 import '@radix-ui/react-toast';
@@ -35,7 +34,7 @@ import '@tanstack/react-table';
  * Features:
  * - Automatic UTC ↔ timezone conversion
  * - Prevents unwanted conversions during user editing
- * - Shows timezone information when not UTC
+ * - Shows timezone information below the input field when not UTC
  * - Supports both ISO string and Date object values
  * - Uses native datetime-local input type
  * - Accessible form field with proper labels

package/dist/components.js

@@ -47,7 +47,7 @@ import {
   useFileReferenceById,
   useFileReferenceForRecord,
   useFilesByCategory
-} from "./chunk-I6DAQMWX.js";
+} from "./chunk-6COVEUS7.js";
 import {
   Alert,
   AlertDescription,
@@ -69,7 +69,6 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogOverlay,
   DialogPortal,
   DialogTitle,
   DialogTrigger,
@@ -88,27 +87,27 @@ import {
   TooltipProvider,
   TooltipRoot,
   TooltipTrigger
-} from "./chunk-7JPAB3T5.js";
-import "./chunk-NN6WWZ5U.js";
-import "./chunk-YKRAFF5K.js";
+} from "./chunk-IVOFDYWT.js";
+import "./chunk-HU2C6SSC.js";
+import "./chunk-UPPMRMYG.js";
 import {
   useToast
-} from "./chunk-6SOIHG6Z.js";
+} from "./chunk-JGRYX5UX.js";
 import {
   ErrorBoundary,
   ErrorBoundaryProvider,
   PublicPageProvider,
   useIsPublicPage,
   usePublicPageContext
-} from "./chunk-OEWDTMG7.js";
+} from "./chunk-NTM7ZSB6.js";
 import "./chunk-KQCRWDSA.js";
 import {
   UnifiedAuthProvider,
   useUnifiedAuth
-} from "./chunk-AVMLPIM7.js";
-import "./chunk-3LPHPB62.js";
+} from "./chunk-IHB5DR3H.js";
+import "./chunk-EFN2EIMK.js";
 import "./chunk-63FOKYGO.js";
-import "./chunk-36LVWXB2.js";
+import "./chunk-AFVQODI2.js";
 import {
   FileCategory
 } from "./chunk-ZSAAAMVR.js";
@@ -209,23 +208,21 @@ function DateTimeField({
   const timezoneDisplay = getTimezoneDisplay();
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
     /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, required, helperText, error, children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          ref: inputRef,
-          id: fieldId,
-          type: "datetime-local",
-          value: displayValue,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          required,
-          error: !!error,
-          className: "w-full"
-        }
-      ),
-      timezoneDisplay && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none", children: timezoneDisplay })
-    ] })
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref: inputRef,
+        id: fieldId,
+        type: "datetime-local",
+        value: displayValue,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        required,
+        error: !!error,
+        className: "w-full"
+      }
+    ),
+    timezoneDisplay && !error && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: timezoneDisplay })
   ] });
 }
 
@@ -296,7 +293,6 @@ export {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogOverlay,
   DialogPortal,
   DialogTitle,
   DialogTrigger,

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DateTimeField/DateTimeField.tsx","../src/components/DatePickerWithTimezone/DatePickerWithTimezone.tsx"],"sourcesContent":["/**\n * @file DateTimeField Component\n * @package @jmruthers/pace-core\n * @module Components/DateTimeField\n * @since 0.1.0\n *\n * Form input component for datetime values with timezone support.\n * Handles UTC ↔ timezone conversion automatically.\n *\n * Features:\n * - Automatic UTC ↔ timezone conversion\n * - Prevents unwanted conversions during user editing\n * - Shows timezone information when not UTC\n * - Supports both ISO string and Date object values\n * - Uses native datetime-local input type\n * - Accessible form field with proper labels\n *\n * @example\n * ```tsx\n * import { DateTimeField } from '@jmruthers/pace-core/components';\n * import { useState } from 'react';\n *\n * function EventForm() {\n *   const [startTime, setStartTime] = useState<string>();\n *\n *   return (\n *     <DateTimeField\n *       label=\"Start Time\"\n *       value={startTime}\n *       onChange={setStartTime}\n *       timezone=\"America/New_York\"\n *       required\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Required field indicators\n * - Screen reader friendly\n * - Keyboard navigation support\n * - Focus management\n */\n\nimport * as React from 'react';\nimport { format, parse } from 'date-fns';\nimport { Label } from '../Label';\nimport { Input } from '../Input';\nimport { cn } from '../../utils/core/cn';\nimport { toZonedTime, fromZonedTime, getUserTimeZone } from '../../utils/timezone';\n\n/**\n * Props for the DateTimeField component\n */\nexport interface DateTimeFieldProps {\n  /**\n   * Field label\n   */\n  label: string;\n  /**\n   * UTC date value (ISO string, Date object, or undefined)\n   */\n  value: string | Date | undefined;\n  /**\n   * Change handler that receives UTC value (ISO string or Date object)\n   */\n  onChange: (value: string | Date | undefined) => void;\n  /**\n   * Target timezone for display (default: 'UTC')\n   */\n  timezone?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * If true, onChange returns Date object instead of ISO string\n   */\n  returnAsDate?: boolean;\n  /**\n   * Input id (auto-generated if not provided)\n   */\n  id?: string;\n  /**\n   * Helper text to display below the label\n   */\n  helperText?: string;\n  /**\n   * Error message to display\n   */\n  error?: string;\n}\n\n/**\n * DateTimeField component\n * Form input for datetime values with automatic timezone conversion\n *\n * @param props - DateTimeField configuration\n * @returns JSX.Element - The rendered datetime field\n */\nexport function DateTimeField({\n  label,\n  value,\n  onChange,\n  timezone = 'UTC',\n  required = false,\n  className,\n  returnAsDate = false,\n  id,\n  helperText,\n  error\n}: DateTimeFieldProps) {\n  const [isEditing, setIsEditing] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const fieldId = id || `datetime-field-${React.useId()}`;\n\n  // Convert UTC value to timezone for display\n  const getDisplayValue = React.useCallback((): string => {\n    if (!value) {\n      return '';\n    }\n\n    try {\n      let dateObj: Date;\n      if (typeof value === 'string') {\n        dateObj = new Date(value);\n      } else {\n        dateObj = value;\n      }\n\n      if (!dateObj || isNaN(dateObj.getTime())) {\n        return '';\n      }\n\n      // Convert UTC to timezone\n      const zonedDate = toZonedTime(dateObj, timezone);\n\n      // Format for datetime-local input (YYYY-MM-DDTHH:mm)\n      return format(zonedDate, \"yyyy-MM-dd'T'HH:mm\");\n    } catch {\n      return '';\n    }\n  }, [value, timezone]);\n\n  const displayValue = isEditing ? undefined : getDisplayValue();\n\n  // Handle input change\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setIsEditing(true);\n    const inputValue = e.target.value;\n\n    if (!inputValue) {\n      onChange(undefined);\n      return;\n    }\n\n    try {\n      // Parse the datetime-local value (in timezone)\n      const localDate = parse(inputValue, \"yyyy-MM-dd'T'HH:mm\", new Date());\n\n      if (isNaN(localDate.getTime())) {\n        onChange(undefined);\n        return;\n      }\n\n      // Convert from timezone to UTC\n      const utcDate = fromZonedTime(localDate, timezone);\n\n      // Return as ISO string or Date object\n      if (returnAsDate) {\n        onChange(utcDate);\n      } else {\n        onChange(utcDate.toISOString());\n      }\n    } catch {\n      onChange(undefined);\n    }\n  }, [timezone, returnAsDate, onChange]);\n\n  // Handle blur to stop editing mode\n  const handleBlur = React.useCallback(() => {\n    setIsEditing(false);\n  }, []);\n\n  // Get timezone display text\n  const getTimezoneDisplay = React.useCallback((): string => {\n    if (timezone === 'UTC') {\n      return '';\n    }\n\n    const userTz = getUserTimeZone();\n    if (timezone === userTz) {\n      return 'Local';\n    }\n\n    return timezone;\n  }, [timezone]);\n\n  const timezoneDisplay = getTimezoneDisplay();\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <Label htmlFor={fieldId} required={required} helperText={helperText} error={error}>\n        {label}\n      </Label>\n      <div className=\"relative\">\n        <Input\n          ref={inputRef}\n          id={fieldId}\n          type=\"datetime-local\"\n          value={displayValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          required={required}\n          error={!!error}\n          className=\"w-full\"\n        />\n        {timezoneDisplay && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground pointer-events-none\">\n            {timezoneDisplay}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n","/**\n * @file DatePickerWithTimezone Component\n * @package @jmruthers/pace-core\n * @module Components/DatePickerWithTimezone\n * @since 0.1.0\n *\n * Date picker component that displays timezone information alongside the calendar.\n * Provides a calendar interface with timezone context for date selection.\n *\n * Features:\n * - Calendar date selection\n * - Timezone display (shows \"Local\" when matches user timezone)\n * - Optional \"Done\" button\n * - Accessible date selection\n * - Keyboard navigation support\n *\n * @example\n * ```tsx\n * import { DatePickerWithTimezone } from '@jmruthers/pace-core/components';\n * import { useState } from 'react';\n *\n * function DateSelector() {\n *   const [date, setDate] = useState<Date>();\n *\n *   return (\n *     <DatePickerWithTimezone\n *       selected={date}\n *       onSelect={setDate}\n *       timezone=\"America/New_York\"\n *       onDone={() => console.log('Date selected')}\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Keyboard navigation support\n * - Screen reader friendly\n * - Focus management\n * - Proper ARIA attributes\n */\n\nimport * as React from 'react';\nimport { Calendar } from '../Calendar';\nimport { Button } from '../Button';\nimport { Clock } from 'lucide-react';\nimport { getUserTimeZone } from '../../utils/timezone';\nimport { cn } from '../../utils/core/cn';\n\n/**\n * Props for the DatePickerWithTimezone component\n */\nexport interface DatePickerWithTimezoneProps {\n  /**\n   * Currently selected date\n   */\n  selected?: Date;\n  /**\n   * Date selection handler\n   */\n  onSelect: (date: Date | undefined) => void;\n  /**\n   * Optional callback when \"Done\" button is clicked\n   */\n  onDone?: () => void;\n  /**\n   * Timezone to display (defaults to user's timezone)\n   */\n  timezone?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n}\n\n/**\n * DatePickerWithTimezone component\n * Date picker with timezone information display\n *\n * @param props - DatePickerWithTimezone configuration\n * @returns JSX.Element - The rendered date picker with timezone\n */\nexport function DatePickerWithTimezone({\n  selected,\n  onSelect,\n  onDone,\n  timezone,\n  className\n}: DatePickerWithTimezoneProps) {\n  const userTimezone = getUserTimeZone();\n  const displayTimezone = timezone || userTimezone;\n  const timezoneDisplay = displayTimezone === userTimezone ? 'Local' : displayTimezone;\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"p-3\">\n        <Calendar\n          mode=\"single\"\n          selected={selected}\n          onSelect={onSelect}\n          initialFocus\n          captionLayout=\"dropdown\"\n          startMonth={new Date(1900, 0)}\n          endMonth={new Date(2100, 11)}\n          className=\"p-0\"\n        />\n      </div>\n\n      <div className=\"flex items-center justify-between border-t border-border px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Clock className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            Timezone: <span aria-label={`Timezone ${timezoneDisplay}`}>{timezoneDisplay}</span>\n          </span>\n        </div>\n        {onDone && (\n          <Button onClick={onDone} size=\"sm\" className=\"h-8\">\n            Done\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n"],"mappings":"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","names":["jsx","jsxs"]}
+{"version":3,"sources":["../src/components/DateTimeField/DateTimeField.tsx","../src/components/DatePickerWithTimezone/DatePickerWithTimezone.tsx"],"sourcesContent":["/**\n * @file DateTimeField Component\n * @package @jmruthers/pace-core\n * @module Components/DateTimeField\n * @since 0.1.0\n *\n * Form input component for datetime values with timezone support.\n * Handles UTC ↔ timezone conversion automatically.\n *\n * Features:\n * - Automatic UTC ↔ timezone conversion\n * - Prevents unwanted conversions during user editing\n * - Shows timezone information below the input field when not UTC\n * - Supports both ISO string and Date object values\n * - Uses native datetime-local input type\n * - Accessible form field with proper labels\n *\n * @example\n * ```tsx\n * import { DateTimeField } from '@jmruthers/pace-core/components';\n * import { useState } from 'react';\n *\n * function EventForm() {\n *   const [startTime, setStartTime] = useState<string>();\n *\n *   return (\n *     <DateTimeField\n *       label=\"Start Time\"\n *       value={startTime}\n *       onChange={setStartTime}\n *       timezone=\"America/New_York\"\n *       required\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - Proper label association with htmlFor\n * - Required field indicators\n * - Screen reader friendly\n * - Keyboard navigation support\n * - Focus management\n */\n\nimport * as React from 'react';\nimport { format, parse } from 'date-fns';\nimport { Label } from '../Label';\nimport { Input } from '../Input';\nimport { cn } from '../../utils/core/cn';\nimport { toZonedTime, fromZonedTime, getUserTimeZone } from '../../utils/timezone';\n\n/**\n * Props for the DateTimeField component\n */\nexport interface DateTimeFieldProps {\n  /**\n   * Field label\n   */\n  label: string;\n  /**\n   * UTC date value (ISO string, Date object, or undefined)\n   */\n  value: string | Date | undefined;\n  /**\n   * Change handler that receives UTC value (ISO string or Date object)\n   */\n  onChange: (value: string | Date | undefined) => void;\n  /**\n   * Target timezone for display (default: 'UTC')\n   */\n  timezone?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * If true, onChange returns Date object instead of ISO string\n   */\n  returnAsDate?: boolean;\n  /**\n   * Input id (auto-generated if not provided)\n   */\n  id?: string;\n  /**\n   * Helper text to display below the label\n   */\n  helperText?: string;\n  /**\n   * Error message to display\n   */\n  error?: string;\n}\n\n/**\n * DateTimeField component\n * Form input for datetime values with automatic timezone conversion\n *\n * @param props - DateTimeField configuration\n * @returns JSX.Element - The rendered datetime field\n */\nexport function DateTimeField({\n  label,\n  value,\n  onChange,\n  timezone = 'UTC',\n  required = false,\n  className,\n  returnAsDate = false,\n  id,\n  helperText,\n  error\n}: DateTimeFieldProps) {\n  const [isEditing, setIsEditing] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const fieldId = id || `datetime-field-${React.useId()}`;\n\n  // Convert UTC value to timezone for display\n  const getDisplayValue = React.useCallback((): string => {\n    if (!value) {\n      return '';\n    }\n\n    try {\n      let dateObj: Date;\n      if (typeof value === 'string') {\n        dateObj = new Date(value);\n      } else {\n        dateObj = value;\n      }\n\n      if (!dateObj || isNaN(dateObj.getTime())) {\n        return '';\n      }\n\n      // Convert UTC to timezone\n      const zonedDate = toZonedTime(dateObj, timezone);\n\n      // Format for datetime-local input (YYYY-MM-DDTHH:mm)\n      return format(zonedDate, \"yyyy-MM-dd'T'HH:mm\");\n    } catch {\n      return '';\n    }\n  }, [value, timezone]);\n\n  const displayValue = isEditing ? undefined : getDisplayValue();\n\n  // Handle input change\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setIsEditing(true);\n    const inputValue = e.target.value;\n\n    if (!inputValue) {\n      onChange(undefined);\n      return;\n    }\n\n    try {\n      // Parse the datetime-local value (in timezone)\n      const localDate = parse(inputValue, \"yyyy-MM-dd'T'HH:mm\", new Date());\n\n      if (isNaN(localDate.getTime())) {\n        onChange(undefined);\n        return;\n      }\n\n      // Convert from timezone to UTC\n      const utcDate = fromZonedTime(localDate, timezone);\n\n      // Return as ISO string or Date object\n      if (returnAsDate) {\n        onChange(utcDate);\n      } else {\n        onChange(utcDate.toISOString());\n      }\n    } catch {\n      onChange(undefined);\n    }\n  }, [timezone, returnAsDate, onChange]);\n\n  // Handle blur to stop editing mode\n  const handleBlur = React.useCallback(() => {\n    setIsEditing(false);\n  }, []);\n\n  // Get timezone display text\n  const getTimezoneDisplay = React.useCallback((): string => {\n    if (timezone === 'UTC') {\n      return '';\n    }\n\n    const userTz = getUserTimeZone();\n    if (timezone === userTz) {\n      return 'Local';\n    }\n\n    return timezone;\n  }, [timezone]);\n\n  const timezoneDisplay = getTimezoneDisplay();\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <Label htmlFor={fieldId} required={required} helperText={helperText} error={error}>\n        {label}\n      </Label>\n      <Input\n        ref={inputRef}\n        id={fieldId}\n        type=\"datetime-local\"\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        required={required}\n        error={!!error}\n        className=\"w-full\"\n      />\n      {timezoneDisplay && !error && (\n        <p className=\"text-sm text-muted-foreground\">\n          {timezoneDisplay}\n        </p>\n      )}\n    </div>\n  );\n}\n\n","/**\n * @file DatePickerWithTimezone Component\n * @package @jmruthers/pace-core\n * @module Components/DatePickerWithTimezone\n * @since 0.1.0\n *\n * Date picker component that displays timezone information alongside the calendar.\n * Provides a calendar interface with timezone context for date selection.\n *\n * Features:\n * - Calendar date selection\n * - Timezone display (shows \"Local\" when matches user timezone)\n * - Optional \"Done\" button\n * - Accessible date selection\n * - Keyboard navigation support\n *\n * @example\n * ```tsx\n * import { DatePickerWithTimezone } from '@jmruthers/pace-core/components';\n * import { useState } from 'react';\n *\n * function DateSelector() {\n *   const [date, setDate] = useState<Date>();\n *\n *   return (\n *     <DatePickerWithTimezone\n *       selected={date}\n *       onSelect={setDate}\n *       timezone=\"America/New_York\"\n *       onDone={() => console.log('Date selected')}\n *     />\n *   );\n * }\n * ```\n *\n * @accessibility\n * - WCAG 2.1 AA compliant\n * - Keyboard navigation support\n * - Screen reader friendly\n * - Focus management\n * - Proper ARIA attributes\n */\n\nimport * as React from 'react';\nimport { Calendar } from '../Calendar';\nimport { Button } from '../Button';\nimport { Clock } from 'lucide-react';\nimport { getUserTimeZone } from '../../utils/timezone';\nimport { cn } from '../../utils/core/cn';\n\n/**\n * Props for the DatePickerWithTimezone component\n */\nexport interface DatePickerWithTimezoneProps {\n  /**\n   * Currently selected date\n   */\n  selected?: Date;\n  /**\n   * Date selection handler\n   */\n  onSelect: (date: Date | undefined) => void;\n  /**\n   * Optional callback when \"Done\" button is clicked\n   */\n  onDone?: () => void;\n  /**\n   * Timezone to display (defaults to user's timezone)\n   */\n  timezone?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n}\n\n/**\n * DatePickerWithTimezone component\n * Date picker with timezone information display\n *\n * @param props - DatePickerWithTimezone configuration\n * @returns JSX.Element - The rendered date picker with timezone\n */\nexport function DatePickerWithTimezone({\n  selected,\n  onSelect,\n  onDone,\n  timezone,\n  className\n}: DatePickerWithTimezoneProps) {\n  const userTimezone = getUserTimeZone();\n  const displayTimezone = timezone || userTimezone;\n  const timezoneDisplay = displayTimezone === userTimezone ? 'Local' : displayTimezone;\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div className=\"p-3\">\n        <Calendar\n          mode=\"single\"\n          selected={selected}\n          onSelect={onSelect}\n          initialFocus\n          captionLayout=\"dropdown\"\n          startMonth={new Date(1900, 0)}\n          endMonth={new Date(2100, 11)}\n          className=\"p-0\"\n        />\n      </div>\n\n      <div className=\"flex items-center justify-between border-t border-border px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Clock className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            Timezone: <span aria-label={`Timezone ${timezoneDisplay}`}>{timezoneDisplay}</span>\n          </span>\n        </div>\n        {onDone && (\n          <Button onClick={onDone} size=\"sm\" className=\"h-8\">\n            Done\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/{contextValidator-OOPCLPZW.js → contextValidator-5OGXSPKS.js}

@@ -1,9 +1,9 @@
 import {
   ContextValidator
-} from "./chunk-36LVWXB2.js";
+} from "./chunk-AFVQODI2.js";
 import "./chunk-PWLANIRT.js";
 import "./chunk-DGUM43GV.js";
 export {
   ContextValidator
 };
-//# sourceMappingURL=contextValidator-OOPCLPZW.js.map
+//# sourceMappingURL=contextValidator-5OGXSPKS.js.map

package/dist/hooks.d.ts

@@ -1,6 +1,6 @@
 export { u as useToast } from './useToast-AyaT-x7p.js';
-import { S as StorageUploadOptions, a as StorageUploadResult, b as StorageListOptions, c as StorageListResult, d as StorageFileInfo } from './usePublicRouteParams-i3qtoBgg.js';
-export { O as OrganisationSecurityHook, l as UseAppConfigReturn, i as UseFormDialogOptions, j as UseFormDialogReturn, U as UseOrganisationPermissionsReturn, F as UsePublicEventLogoOptions, E as UsePublicEventLogoReturn, B as UsePublicEventOptions, A as UsePublicEventReturn, D as UsePublicFileDisplayOptions, C as UsePublicFileDisplayReturn, G as UsePublicRouteParamsReturn, n as clearPublicEventCache, q as clearPublicFileDisplayCache, t as clearPublicLogoCache, z as extractEventCodeFromPath, y as generatePublicRoutePath, o as getPublicEventCacheStats, r as getPublicFileDisplayCacheStats, v as getPublicLogoCacheStats, k as useAppConfig, u as useEventTheme, h as useFormDialog, e as useOrganisationPermissions, f as useOrganisationSecurity, m as usePublicEvent, x as usePublicEventCode, s as usePublicEventLogo, p as usePublicFileDisplay, w as usePublicRouteParams, g as useZodForm } from './usePublicRouteParams-i3qtoBgg.js';
+import { S as StorageUploadOptions, a as StorageUploadResult, b as StorageListOptions, c as StorageListResult, d as StorageFileInfo } from './usePublicRouteParams-ClnV4tnv.js';
+export { O as OrganisationSecurityHook, l as UseAppConfigReturn, i as UseFormDialogOptions, j as UseFormDialogReturn, U as UseOrganisationPermissionsReturn, F as UsePublicEventLogoOptions, E as UsePublicEventLogoReturn, B as UsePublicEventOptions, A as UsePublicEventReturn, D as UsePublicFileDisplayOptions, C as UsePublicFileDisplayReturn, G as UsePublicRouteParamsReturn, n as clearPublicEventCache, q as clearPublicFileDisplayCache, t as clearPublicLogoCache, z as extractEventCodeFromPath, y as generatePublicRoutePath, o as getPublicEventCacheStats, r as getPublicFileDisplayCacheStats, v as getPublicLogoCacheStats, k as useAppConfig, u as useEventTheme, h as useFormDialog, e as useOrganisationPermissions, f as useOrganisationSecurity, m as usePublicEvent, x as usePublicEventCode, s as usePublicEventLogo, p as usePublicFileDisplay, w as usePublicRouteParams, g as useZodForm } from './usePublicRouteParams-ClnV4tnv.js';
 import * as React$1 from 'react';
 import { SortingState, ColumnFiltersState, ExpandedState } from '@tanstack/react-table';
 import { d as DataRecord, g as PerformanceConfig, S as ServerSideConfig, C as ChunkingConfig, i as SearchIndexConfig, h as PaginationMode, k as ServerSideParams, l as ServerSideResponse, A as AutocompleteOptions, m as GooglePlaceAutocompletePrediction, P as ParsedAddress } from './types-CkbwOr4Y.js';
@@ -198,7 +198,7 @@ interface KeyboardShortcutsOptions {
  *
  *   useKeyboardShortcuts(shortcuts);
  *
- *   return <div>Content</div>;
+ *   return <main>Content</main>;
  * }
  * ```
  */

package/dist/hooks.js

@@ -12,7 +12,7 @@ import {
   usePublicEventLogo,
   usePublicRouteParams,
   useZodForm
-} from "./chunk-5EC5MEWX.js";
+} from "./chunk-RGAWHO7N.js";
 import {
   archiveFile,
   cleanupQueryCache,
@@ -34,20 +34,21 @@ import {
   usePreventTabReload,
   usePublicFileDisplay,
   useQueryCache
-} from "./chunk-YKRAFF5K.js";
+} from "./chunk-UPPMRMYG.js";
 import {
   useDataTablePerformance,
+  useFocusTrap,
   useToast
-} from "./chunk-6SOIHG6Z.js";
+} from "./chunk-JGRYX5UX.js";
 import {
   useAppConfig,
   useOrganisationSecurity
-} from "./chunk-OEWDTMG7.js";
+} from "./chunk-NTM7ZSB6.js";
 import "./chunk-KQCRWDSA.js";
-import "./chunk-AVMLPIM7.js";
-import "./chunk-3LPHPB62.js";
+import "./chunk-IHB5DR3H.js";
+import "./chunk-EFN2EIMK.js";
 import "./chunk-63FOKYGO.js";
-import "./chunk-36LVWXB2.js";
+import "./chunk-AFVQODI2.js";
 import "./chunk-ZSAAAMVR.js";
 import "./chunk-QXHPKYJV.js";
 import {
@@ -180,107 +181,8 @@ function useFocusManagement(options = {}) {
   };
 }
 
-// src/hooks/useFocusTrap.ts
-import { useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
-var DEFAULT_FOCUSABLE_SELECTOR = [
-  "button:not([disabled])",
-  "[href]",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]'
-].join(", ");
-function useFocusTrap(options = {}) {
-  const {
-    isActive = false,
-    autoFocus = false,
-    restoreFocus = false,
-    onEscape,
-    focusableSelector = DEFAULT_FOCUSABLE_SELECTOR
-  } = options;
-  const containerRef = useRef2(null);
-  const previouslyFocusedElement = useRef2(null);
-  const getFocusableElements = useCallback2(() => {
-    if (!containerRef.current) return [];
-    return Array.from(
-      containerRef.current.querySelectorAll(focusableSelector)
-    ).filter((element) => {
-      return (
-        // visible check
-        !element.hasAttribute("disabled") && !element.hasAttribute("hidden") && element.offsetParent !== null
-      );
-    });
-  }, [focusableSelector]);
-  const focusFirst = useCallback2(() => {
-    const elements = getFocusableElements();
-    if (elements.length > 0) {
-      elements[0].focus();
-    }
-  }, [getFocusableElements]);
-  const focusLast = useCallback2(() => {
-    const elements = getFocusableElements();
-    if (elements.length > 0) {
-      elements[elements.length - 1].focus();
-    }
-  }, [getFocusableElements]);
-  useEffect2(() => {
-    if (!isActive || !containerRef.current) return;
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape" && onEscape) {
-        onEscape();
-        return;
-      }
-      if (event.key === "Tab") {
-        const focusableElements = getFocusableElements();
-        if (focusableElements.length === 0) return;
-        const firstElement = focusableElements[0];
-        const lastElement = focusableElements[focusableElements.length - 1];
-        if (event.shiftKey) {
-          if (document.activeElement === firstElement) {
-            event.preventDefault();
-            lastElement.focus();
-          }
-        } else {
-          if (document.activeElement === lastElement) {
-            event.preventDefault();
-            firstElement.focus();
-          }
-        }
-      }
-    };
-    const container = containerRef.current;
-    container.addEventListener("keydown", handleKeyDown);
-    return () => {
-      container.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isActive, onEscape, getFocusableElements]);
-  useEffect2(() => {
-    if (!isActive) return;
-    if (restoreFocus) {
-      previouslyFocusedElement.current = document.activeElement;
-    }
-    if (autoFocus) {
-      const timer = setTimeout(focusFirst, 0);
-      return () => clearTimeout(timer);
-    }
-    return () => {
-      if (restoreFocus && previouslyFocusedElement.current) {
-        previouslyFocusedElement.current.focus();
-        previouslyFocusedElement.current = null;
-      }
-    };
-  }, [isActive, autoFocus, restoreFocus, focusFirst]);
-  return {
-    containerRef,
-    focusFirst,
-    focusLast,
-    getFocusableElements
-  };
-}
-
 // src/hooks/useKeyboardShortcuts.ts
-import { useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect2, useCallback as useCallback2 } from "react";
 function parseKeyCombo(combo) {
   const parts = combo.toLowerCase().split("+");
   const key = parts.pop();
@@ -303,7 +205,7 @@ function matchesKeyCombo(event, combo) {
 }
 function useKeyboardShortcuts(shortcuts, options = {}) {
   const { element = document, enabled = true } = options;
-  const handleKeyDown = useCallback3((event) => {
+  const handleKeyDown = useCallback2((event) => {
     if (!enabled) return;
     for (const shortcut of shortcuts) {
       if (shortcut.enabled === false) continue;
@@ -319,7 +221,7 @@ function useKeyboardShortcuts(shortcuts, options = {}) {
       }
     }
   }, [shortcuts, enabled]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!enabled) return;
     element.addEventListener("keydown", handleKeyDown);
     return () => element.removeEventListener("keydown", handleKeyDown);
@@ -327,11 +229,11 @@ function useKeyboardShortcuts(shortcuts, options = {}) {
 }
 
 // src/hooks/useIsMobile.ts
-import { useState, useEffect as useEffect4 } from "react";
+import { useState, useEffect as useEffect3 } from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
   const [isMobile, setIsMobile] = useState(void 0);
-  useEffect4(() => {
+  useEffect3(() => {
     if (typeof window === "undefined") {
       setIsMobile(false);
       return;
@@ -348,7 +250,7 @@ function useIsMobile() {
 }
 
 // src/hooks/useDataTableState.ts
-import { useState as useState2, useCallback as useCallback4 } from "react";
+import { useState as useState2, useCallback as useCallback3 } from "react";
 function useDataTableState(options) {
   const { initialPageSize = 10, data } = options;
   const [sorting, setSorting] = useState2([]);
@@ -357,7 +259,7 @@ function useDataTableState(options) {
   const [pageSize, setPageSize] = useState2(initialPageSize);
   const [pageIndex, setPageIndex] = useState2(0);
   const [selectedRows, setSelectedRows] = useState2([]);
-  const resetState = useCallback4(() => {
+  const resetState = useCallback3(() => {
     setSorting([]);
     setColumnFilters([]);
     setExpanded({});
@@ -399,16 +301,16 @@ function useDataTableState(options) {
 }
 
 // src/hooks/usePerformanceMonitor.ts
-import { useEffect as useEffect5, useRef as useRef3, useCallback as useCallback5 } from "react";
+import { useEffect as useEffect4, useRef as useRef2, useCallback as useCallback4 } from "react";
 var log = createLogger("usePerformanceMonitor");
 function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE === "development", budgetName = "COMPONENT_RENDER") {
-  const renderStartTime = useRef3(0);
-  const metrics = useRef3([]);
-  const startMeasurement = useCallback5(() => {
+  const renderStartTime = useRef2(0);
+  const metrics = useRef2([]);
+  const startMeasurement = useCallback4(() => {
     if (!enabled) return;
     renderStartTime.current = performance.now();
   }, [enabled]);
-  const endMeasurement = useCallback5(() => {
+  const endMeasurement = useCallback4(() => {
     if (!enabled || renderStartTime.current === 0) return;
     const renderTime = performance.now() - renderStartTime.current;
     const metric = {
@@ -431,15 +333,15 @@ function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE ===
     }
     renderStartTime.current = 0;
   }, [enabled, componentName, budgetName]);
-  const getMetrics = useCallback5(() => {
+  const getMetrics = useCallback4(() => {
     return metrics.current.slice();
   }, []);
-  const getAverageRenderTime = useCallback5(() => {
+  const getAverageRenderTime = useCallback4(() => {
     if (metrics.current.length === 0) return 0;
     const total = metrics.current.reduce((sum, metric) => sum + metric.renderTime, 0);
     return total / metrics.current.length;
   }, []);
-  const getBudgetStatus = useCallback5(() => {
+  const getBudgetStatus = useCallback4(() => {
     const budget = PERFORMANCE_BUDGETS[budgetName];
     if (!budget) return null;
     const averageTime = getAverageRenderTime();
@@ -450,7 +352,7 @@ function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE ===
       efficiency: budget.threshold > 0 ? (budget.threshold - averageTime) / budget.threshold : 0
     };
   }, [budgetName, getAverageRenderTime]);
-  useEffect5(() => {
+  useEffect4(() => {
     startMeasurement();
     return endMeasurement;
   });
@@ -464,7 +366,7 @@ function usePerformanceMonitor(componentName, enabled = import.meta.env.MODE ===
 }
 
 // src/hooks/useFileUrlCache.ts
-import { useRef as useRef4, useCallback as useCallback6 } from "react";
+import { useRef as useRef3, useCallback as useCallback5 } from "react";
 var globalUrlCache = /* @__PURE__ */ new Map();
 var MAX_CACHE_SIZE = 500;
 var DEFAULT_TTL_MS = 3600 * 1e3;
@@ -488,13 +390,13 @@ function cleanupCache() {
   }
 }
 function useFileUrlCache() {
-  const cleanupIntervalRef = useRef4(null);
+  const cleanupIntervalRef = useRef3(null);
   if (cleanupIntervalRef.current === null && typeof window !== "undefined") {
     cleanupIntervalRef.current = window.setInterval(() => {
       cleanupCache();
     }, 5 * 60 * 1e3);
   }
-  const getUrl = useCallback6(async (fileReference, supabase, organisationId, ttl = DEFAULT_TTL_MS) => {
+  const getUrl = useCallback5(async (fileReference, supabase, organisationId, ttl = DEFAULT_TTL_MS) => {
     const cacheKey = getCacheKey(fileReference);
     const cached = globalUrlCache.get(cacheKey);
     const now = Date.now();
@@ -527,7 +429,7 @@ function useFileUrlCache() {
       return null;
     }
   }, []);
-  const setUrl = useCallback6((fileReference, url, ttl = DEFAULT_TTL_MS) => {
+  const setUrl = useCallback5((fileReference, url, ttl = DEFAULT_TTL_MS) => {
     const cacheKey = getCacheKey(fileReference);
     globalUrlCache.set(cacheKey, {
       url,
@@ -535,7 +437,7 @@ function useFileUrlCache() {
     });
     cleanupCache();
   }, []);
-  const getCachedUrl = useCallback6((fileReference) => {
+  const getCachedUrl = useCallback5((fileReference) => {
     const cacheKey = getCacheKey(fileReference);
     const cached = globalUrlCache.get(cacheKey);
     const now = Date.now();
@@ -544,14 +446,14 @@ function useFileUrlCache() {
     }
     return null;
   }, []);
-  const clearFile = useCallback6((fileReference) => {
+  const clearFile = useCallback5((fileReference) => {
     const cacheKey = getCacheKey(fileReference);
     globalUrlCache.delete(cacheKey);
   }, []);
-  const clearCache = useCallback6(() => {
+  const clearCache = useCallback5(() => {
     globalUrlCache.clear();
   }, []);
-  const getCacheStats = useCallback6(() => {
+  const getCacheStats = useCallback5(() => {
     return {
       size: globalUrlCache.size,
       maxSize: MAX_CACHE_SIZE
@@ -568,7 +470,7 @@ function useFileUrlCache() {
 }
 
 // src/hooks/useStorage.ts
-import { useState as useState3, useCallback as useCallback7 } from "react";
+import { useState as useState3, useCallback as useCallback6 } from "react";
 var log2 = createLogger("useStorage");
 function useStorage({ supabase, appName, orgId }) {
   const [isUploading, setIsUploading] = useState3(false);
@@ -576,7 +478,7 @@ function useStorage({ supabase, appName, orgId }) {
   const [isListing, setIsListing] = useState3(false);
   const [listError, setListError] = useState3(null);
   const [files, setFiles] = useState3([]);
-  const handleUploadFile = useCallback7(async (file, options = {}) => {
+  const handleUploadFile = useCallback6(async (file, options = {}) => {
     setIsUploading(true);
     setUploadError(null);
     try {
@@ -604,10 +506,10 @@ function useStorage({ supabase, appName, orgId }) {
       setIsUploading(false);
     }
   }, [supabase, appName, orgId]);
-  const handleGetPublicUrl = useCallback7((path) => {
+  const handleGetPublicUrl = useCallback6((path) => {
     return getPublicUrl(supabase, path);
   }, [supabase]);
-  const handleGetSignedUrl = useCallback7(async (path, expiresIn) => {
+  const handleGetSignedUrl = useCallback6(async (path, expiresIn) => {
     try {
       const result = await getSignedUrl(supabase, path, {
         appName,
@@ -620,7 +522,7 @@ function useStorage({ supabase, appName, orgId }) {
       return null;
     }
   }, [supabase, appName, orgId]);
-  const handleDeleteFile = useCallback7(async (path) => {
+  const handleDeleteFile = useCallback6(async (path) => {
     try {
       const result = await deleteFile(supabase, path);
       if (result.success) {
@@ -634,7 +536,7 @@ function useStorage({ supabase, appName, orgId }) {
       };
     }
   }, [supabase]);
-  const handleArchiveFile = useCallback7(async (path) => {
+  const handleArchiveFile = useCallback6(async (path) => {
     try {
       const result = await archiveFile(supabase, path, { appName, orgId });
       if (result.success) {
@@ -648,7 +550,7 @@ function useStorage({ supabase, appName, orgId }) {
       };
     }
   }, [supabase, appName, orgId]);
-  const handleListFiles = useCallback7(async (options = {}) => {
+  const handleListFiles = useCallback6(async (options = {}) => {
     setIsListing(true);
     setListError(null);
     try {
@@ -668,7 +570,7 @@ function useStorage({ supabase, appName, orgId }) {
       setIsListing(false);
     }
   }, [supabase, appName, orgId]);
-  const refreshFiles = useCallback7(async () => {
+  const refreshFiles = useCallback6(async () => {
     await handleListFiles();
   }, [handleListFiles]);
   return {
@@ -701,7 +603,7 @@ function useFileUpload({ supabase, appName, orgId }) {
   const [uploadProgress, setUploadProgress] = useState3(0);
   const [isUploading, setIsUploading] = useState3(false);
   const [uploadError, setUploadError] = useState3(null);
-  const uploadWithProgress = useCallback7(async (file, options = {}) => {
+  const uploadWithProgress = useCallback6(async (file, options = {}) => {
     setIsUploading(true);
     setUploadProgress(0);
     setUploadError(null);