@jmruthers/pace-core 0.6.6 → 0.6.8

package/dist/{chunk-A55DK444.js → chunk-OJ4SKRSV.js}

@@ -1,11 +1,5 @@
 import { createLogger } from './chunk-TTRFSOKR.js';
 import { __require } from './chunk-3RG5ZIWI.js';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 
 // src/utils/app/appNameResolver.ts
 var log = createLogger("AppNameResolver");
@@ -108,4 +102,4 @@ function getCurrentAppNameWithFallback(fallback = "default-app") {
   return getCurrentAppName() || fallback;
 }
 
-export { cn, getAppNameFromBuildTime, getAppNameFromEnvironment, getAppNameFromGlobal, getAppNameFromPackageJson, getCurrentAppName, getCurrentAppNameWithFallback, setRBACAppName };
+export { getAppNameFromBuildTime, getAppNameFromEnvironment, getAppNameFromGlobal, getAppNameFromPackageJson, getCurrentAppName, getCurrentAppNameWithFallback, setRBACAppName };

package/dist/{chunk-4T7OBVTU.js → chunk-S6ZQKDY6.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-7TYHROIV.js';
+import { Button } from './chunk-GS5672WG.js';
 import { ShieldX } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-FTCRZOG2.js → chunk-T5CVK4R3.js}

@@ -1,4 +1,4 @@
-import { isRBACInitialized, setupRBAC } from './chunk-ZFYPMX46.js';
+import { isRBACInitialized, setupRBAC } from './chunk-LX6U42O3.js';
 import { assertOrganisationId, assertUserId } from './chunk-4SXLQIZO.js';
 import { secureStorage } from './chunk-HF6O3O37.js';
 import { createLogger, logger } from './chunk-TTRFSOKR.js';
@@ -1017,7 +1017,7 @@ var _OrganisationService = class _OrganisationService extends BaseService {
       let userIsSuperAdmin = false;
       if (this.user?.id) {
         try {
-          const { isSuperAdmin: checkSuperAdmin, isRBACInitialized: isRBACInitialized2, setupRBAC: setupRBAC2 } = await import('./api-Y4MQWOFW.js');
+          const { isSuperAdmin: checkSuperAdmin, isRBACInitialized: isRBACInitialized2, setupRBAC: setupRBAC2 } = await import('./api-7P7DI652.js');
           if (!isRBACInitialized2() && this.supabaseClient) {
             setupRBAC2(this.supabaseClient);
           }
@@ -1276,7 +1276,7 @@ var _EventService = class _EventService extends BaseService {
     this.setSelectedEventId = setSelectedEventId;
     if (user?.id) {
       try {
-        const { isRBACInitialized: isRBACInitialized2, isSuperAdmin: checkSuperAdmin, setupRBAC: setupRBAC2 } = await import('./api-Y4MQWOFW.js');
+        const { isRBACInitialized: isRBACInitialized2, isSuperAdmin: checkSuperAdmin, setupRBAC: setupRBAC2 } = await import('./api-7P7DI652.js');
         if (!isRBACInitialized2() && this.supabaseClient) {
           setupRBAC2(this.supabaseClient);
         }
@@ -1490,7 +1490,7 @@ var _EventService = class _EventService extends BaseService {
       let organisationIdForRpc = null;
       let userIsSuperAdmin = this.isSuperAdmin;
       try {
-        const { isRBACInitialized: isRBACInitialized2, isSuperAdmin: checkSuperAdmin, setupRBAC: setupRBAC2 } = await import('./api-Y4MQWOFW.js');
+        const { isRBACInitialized: isRBACInitialized2, isSuperAdmin: checkSuperAdmin, setupRBAC: setupRBAC2 } = await import('./api-7P7DI652.js');
         if (!isRBACInitialized2() && this.supabaseClient) {
           setupRBAC2(this.supabaseClient);
         }
@@ -2386,7 +2386,7 @@ function UnifiedAuthContextProvider({
       resolvedUserIdRef.current = currentUserId;
       const userId = currentUserId;
       const appNameValue = appName;
-      import('./api-Y4MQWOFW.js').then(async ({ resolveAppContext, setupRBAC: setupRBAC2 }) => {
+      import('./api-7P7DI652.js').then(async ({ resolveAppContext, setupRBAC: setupRBAC2 }) => {
         try {
           setupRBAC2(supabase);
           const result = await resolveAppContext({

package/dist/{chunk-OHIK3MIO.js → chunk-Z2FNRKF3.js}

@@ -1,7 +1,7 @@
-import { AccessDenied } from './chunk-4T7OBVTU.js';
-import { useResolvedScope, scopeEqual, useCan, useMultiplePermissions } from './chunk-7TYHROIV.js';
-import { useUnifiedAuth } from './chunk-FTCRZOG2.js';
-import { getRBACLogger, getRBACConfig, RBACNotInitializedError } from './chunk-ZFYPMX46.js';
+import { AccessDenied } from './chunk-S6ZQKDY6.js';
+import { useResolvedScope, scopeEqual, useCan, useMultiplePermissions } from './chunk-GS5672WG.js';
+import { useUnifiedAuth } from './chunk-T5CVK4R3.js';
+import { getRBACLogger, getRBACConfig, RBACNotInitializedError } from './chunk-LX6U42O3.js';
 import { createLogger } from './chunk-TTRFSOKR.js';
 import React, { useRef, useMemo, useState, useEffect } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -14,7 +14,7 @@ var RPCFunction = /* @__PURE__ */ ((RPCFunction2) => {
   RPCFunction2["RBAC_PAGE_ACCESS_CHECK"] = "rbac_page_access_check";
   RPCFunction2["RBAC_ROLE_GRANT"] = "rbac_role_grant";
   RPCFunction2["RBAC_ROLE_REVOKE"] = "rbac_role_revoke";
-  RPCFunction2["RBAC_ROLES_LIST"] = "rbac_roles_list";
+  RPCFunction2["RBAC_ROLES_LIST"] = "data_rbac_roles_list";
   RPCFunction2["RBAC_ROLE_VALIDATE"] = "rbac_role_validate";
   RPCFunction2["RBAC_SESSION_TRACK"] = "rbac_session_track";
   RPCFunction2["RBAC_AUDIT_LOG"] = "rbac_audit_log";
@@ -74,7 +74,7 @@ var PagePermissionGuardComponent = ({
     const checkSuperAdmin = async () => {
       const startTime = Date.now();
       try {
-        const { isSuperAdmin: checkSuperAdmin2 } = await import('./api-Y4MQWOFW.js');
+        const { isSuperAdmin: checkSuperAdmin2 } = await import('./api-7P7DI652.js');
         const timeoutPromise = new Promise((_, reject) => {
           setTimeout(() => reject(new Error("Super admin check timeout")), 1e4);
         });
@@ -377,7 +377,7 @@ function withPermissionGuard(config, handler) {
     if (!userId || !organisationId) {
       throw new Error("User context required for permission check");
     }
-    const { isPermitted: isPermitted2 } = await import('./api-Y4MQWOFW.js');
+    const { isPermitted: isPermitted2 } = await import('./api-7P7DI652.js');
     const hasPermission = await isPermitted2({
       userId,
       scope: { organisationId, eventId, appId },
@@ -400,7 +400,7 @@ function withAccessLevelGuard(minLevel, handler) {
     if (!userId || !organisationId) {
       throw new Error("User context required for access level check");
     }
-    const { getAccessLevel: getAccessLevel2 } = await import('./api-Y4MQWOFW.js');
+    const { getAccessLevel: getAccessLevel2 } = await import('./api-7P7DI652.js');
     const accessLevel = await getAccessLevel2({
       userId,
       scope: { organisationId, eventId, appId }
@@ -425,7 +425,7 @@ function withRoleGuard(config, handler) {
       throw new Error("User context required for role check");
     }
     if (config.globalRoles && config.globalRoles.length > 0) {
-      const { isSuperAdmin } = await import('./api-Y4MQWOFW.js');
+      const { isSuperAdmin } = await import('./api-7P7DI652.js');
       const isSuper = await isSuperAdmin(userId);
       if (isSuper) {
         if (organisationId) {
@@ -451,14 +451,14 @@ function withRoleGuard(config, handler) {
       }
     }
     if (config.organisationRoles && config.organisationRoles.length > 0) {
-      const { isOrganisationAdmin } = await import('./api-Y4MQWOFW.js');
+      const { isOrganisationAdmin } = await import('./api-7P7DI652.js');
       const isOrgAdmin = await isOrganisationAdmin(userId, organisationId);
       if (!isOrgAdmin && config.requireAll !== false) {
         throw new Error(`Organisation admin role required`);
       }
     }
     if (config.eventAppRoles && config.eventAppRoles.length > 0 && eventId && appId) {
-      const { isEventAdmin } = await import('./api-Y4MQWOFW.js');
+      const { isEventAdmin } = await import('./api-7P7DI652.js');
       const isEventAdminUser = await isEventAdmin(userId, { organisationId, eventId, appId });
       if (!isEventAdminUser && config.requireAll !== false) {
         throw new Error(`Event admin role required`);
@@ -498,7 +498,7 @@ function createRBACMiddleware(config) {
     );
     if (protectedRoute) {
       try {
-        const { isPermitted: isPermitted2 } = await import('./api-Y4MQWOFW.js');
+        const { isPermitted: isPermitted2 } = await import('./api-7P7DI652.js');
         const hasPermission = await isPermitted2({
           userId,
           scope: { organisationId },
@@ -525,7 +525,7 @@ function createRBACExpressMiddleware(config) {
       return res.status(401).json({ error: "User context required" });
     }
     try {
-      const { isPermitted: isPermitted2 } = await import('./api-Y4MQWOFW.js');
+      const { isPermitted: isPermitted2 } = await import('./api-7P7DI652.js');
       const hasPermission = await isPermitted2({
         userId,
         scope: { organisationId, eventId, appId },

package/dist/components.d.ts

@@ -1,9 +1,9 @@
 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, 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, aP as ContextSelector, aQ 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, aS as ErrorBoundary, aU as ErrorBoundaryProps, aT as ErrorBoundaryProvider, aW as ErrorBoundaryProviderProps, aV as ErrorBoundaryState, b1 as FileDisplay, b2 as FileDisplayProps, a$ as FileUpload, b0 as FileUploadProps, aK as Footer, aL as FooterProps, aD as Form, aE as FormField, aG as FormFieldProps, aF as FormProps, aX as GlobalErrorHandler, aJ as Header, I as Input, j as InputProps, L as Label, m as LabelProps, aY as LoadingSpinner, aH as LoginForm, aI as LoginFormProps, aO as NavigationMenu, bk as PaceAppLayout, bj as PaceAppLayoutProps, bm as PaceLoginPage, bl as PaceLoginPageProps, P as Progress, y as ProgressProps, aM as ProtectedRoute, aN as ProtectedRouteProps, bc as PublicPageFooter, bi as PublicPageFooterProps, bb as PublicPageHeader, bh as PublicPageHeaderProps, ba as PublicPageLayout, bg as PublicPageLayoutProps, bd 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, aZ as SessionRestorationLoader, a_ 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, b9 as UseFileReferenceForRecordReturn, b7 as UseFileReferenceOptions, b8 as UseFileReferenceReturn, aR as UserMenu, b3 as useFileReference, b5 as useFileReferenceById, b4 as useFileReferenceForRecord, b6 as useFilesByCategory, bf as useIsPublicPage, be as usePublicPageContext } from './PublicPageProvider-BBH6Vqg7.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, aP as ContextSelector, aQ 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, aS as ErrorBoundary, aU as ErrorBoundaryProps, aT as ErrorBoundaryProvider, aW as ErrorBoundaryProviderProps, aV as ErrorBoundaryState, b1 as FileDisplay, b2 as FileDisplayProps, a$ as FileUpload, b0 as FileUploadProps, aK as Footer, aL as FooterProps, aD as Form, aE as FormField, aG as FormFieldProps, aF as FormProps, aX as GlobalErrorHandler, aJ as Header, I as Input, j as InputProps, L as Label, m as LabelProps, aY as LoadingSpinner, aH as LoginForm, aI as LoginFormProps, aO as NavigationMenu, bk as PaceAppLayout, bj as PaceAppLayoutProps, bm as PaceLoginPage, bl as PaceLoginPageProps, P as Progress, y as ProgressProps, aM as ProtectedRoute, aN as ProtectedRouteProps, bc as PublicPageFooter, bi as PublicPageFooterProps, bb as PublicPageHeader, bh as PublicPageHeaderProps, ba as PublicPageLayout, bg as PublicPageLayoutProps, bd 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, aZ as SessionRestorationLoader, a_ 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, b9 as UseFileReferenceForRecordReturn, b7 as UseFileReferenceOptions, b8 as UseFileReferenceReturn, aR as UserMenu, b3 as useFileReference, b5 as useFileReferenceById, b4 as useFileReferenceForRecord, b6 as useFilesByCategory, bf as useIsPublicPage, be as usePublicPageContext } from './PublicPageProvider-CIGSujI2.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-2N_tqbfq.js';
-export { c as AggregateConfig, A as AutocompleteOptions, d as DataRecord, a as DataTableAction, D as DataTableColumn, b as DataTableToolbarButton, E as EmptyStateConfig, G as GetRowId, P as ParsedAddress } from './types-B-K_5VnO.js';
+export { D as DataTable, a as DataTableProps } from './DataTable-DRUIgtUH.js';
+export { c as AggregateConfig, A as AutocompleteOptions, d as DataRecord, a as DataTableAction, D as DataTableColumn, b as DataTableToolbarButton, E as EmptyStateConfig, G as GetRowId, P as ParsedAddress } from './types-DXstZpNI.js';
 export { F as FileCategory, b as FileMetadata, a as FileReference, c as FileUploadOptions } from './file-reference-BavO2eQj.js';
 export { a as NavigationItem, N as NavigationMenuProps } from './types-t9H8qKRw.js';
 import 'react';
@@ -131,11 +131,12 @@ declare function DateTimeField({ label, value, onChange, timezone, required, cla
  * Provides a calendar interface with timezone context for date selection.
  *
  * Features:
- * - Calendar date selection
+ * - Calendar date selection with dropdown month/year navigation
  * - Timezone display (shows "Local" when matches user timezone)
  * - Optional "Done" button
  * - Accessible date selection
  * - Keyboard navigation support
+ * - Wide date range support (1900-2100) via dropdown selectors
  *
  * @example
  * ```tsx

package/dist/components.js

@@ -1,26 +1,25 @@
-import { Label, Calendar } from './chunk-LAZMKTTF.js';
-export { AddressField, Avatar, Badge, Calendar, ContextSelector, FileDisplay, FileUpload, Footer, Form, FormField, Header, Label, LoginForm, NavigationMenu, PaceAppLayout, PaceLoginPage, ProtectedRoute, PublicPageFooter, PublicPageHeader, PublicPageLayout, SessionRestorationLoader, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, UserMenu, useFileReference, useFileReferenceById, useFileReferenceForRecord, useFilesByCategory } from './chunk-LAZMKTTF.js';
-import './chunk-4T7OBVTU.js';
-import { Input } from './chunk-ZS5VO5JB.js';
-export { Alert, AlertDescription, AlertTitle, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Input, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './chunk-ZS5VO5JB.js';
-import { Button } from './chunk-7TYHROIV.js';
-export { Button, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from './chunk-7TYHROIV.js';
-import './chunk-FENMYN2U.js';
-import './chunk-BVP2BCJF.js';
+import { Calendar } from './chunk-EURB7QFZ.js';
+export { AddressField, Avatar, Badge, Calendar, ContextSelector, FileDisplay, FileUpload, Footer, Form, FormField, Header, LoginForm, NavigationMenu, PaceAppLayout, PaceLoginPage, ProtectedRoute, PublicPageFooter, PublicPageHeader, PublicPageLayout, SessionRestorationLoader, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, UserMenu, useFileReference, useFileReferenceById, useFileReferenceForRecord, useFilesByCategory } from './chunk-EURB7QFZ.js';
+import './chunk-S6ZQKDY6.js';
+import { Label, Input } from './chunk-NKHKXPI4.js';
+export { Alert, AlertDescription, AlertTitle, Checkbox, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Input, Label, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-NKHKXPI4.js';
+import { Button } from './chunk-GS5672WG.js';
+export { Button, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from './chunk-GS5672WG.js';
+import './chunk-MPBLMWVR.js';
+import './chunk-5W2A3DRC.js';
 export { useToast } from './chunk-S7DKJPLT.js';
-export { ErrorBoundary, ErrorBoundaryProvider, PublicPageProvider, useIsPublicPage, usePublicPageContext } from './chunk-3O3WHILE.js';
+export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ErrorBoundary, ErrorBoundaryProvider, PublicPageProvider, useIsPublicPage, usePublicPageContext } from './chunk-EF2UGZWY.js';
 import './chunk-C7NSAPTL.js';
-export { UnifiedAuthProvider, useUnifiedAuth } from './chunk-FTCRZOG2.js';
-import './chunk-ZFYPMX46.js';
+export { UnifiedAuthProvider, useUnifiedAuth } from './chunk-T5CVK4R3.js';
+import './chunk-LX6U42O3.js';
 import './chunk-AHU7G2R5.js';
 export { FileCategory } from './chunk-6QYDGKQY.js';
 import './chunk-4SXLQIZO.js';
-import { toZonedTime, fromZonedTime, getUserTimeZone } from './chunk-2HGJFNAH.js';
-export { LoadingSpinner } from './chunk-2HGJFNAH.js';
-import './chunk-3QC3KRHK.js';
-import { cn } from './chunk-A55DK444.js';
+import { toZonedTime, fromZonedTime, getUserTimeZone } from './chunk-FEJLJNWA.js';
+export { LoadingSpinner } from './chunk-A3W6LW53.js';
+import './chunk-OJ4SKRSV.js';
 import './chunk-FYHN4DD5.js';
-import './chunk-SD6WQY43.js';
+import { cn } from './chunk-7ILTDCL2.js';
 import './chunk-HF6O3O37.js';
 import './chunk-TTRFSOKR.js';
 import './chunk-3RG5ZIWI.js';
@@ -103,8 +102,8 @@ function DateTimeField({
     return timezone;
   }, [timezone]);
   const timezoneDisplay = getTimezoneDisplay();
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, required, helperText, error, children: label }),
+  return /* @__PURE__ */ jsxs(Label, { className: cn("space-y-2", className), htmlFor: fieldId, required, helperText, error, children: [
+    label,
     /* @__PURE__ */ jsx(
       Input,
       {
@@ -119,7 +118,7 @@ function DateTimeField({
         className: "w-full"
       }
     ),
-    timezoneDisplay && !error && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: timezoneDisplay })
+    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 })
   ] });
 }
 function DatePickerWithTimezone({
@@ -132,8 +131,8 @@ function DatePickerWithTimezone({
   const userTimezone = getUserTimeZone();
   const displayTimezone = timezone || userTimezone;
   const timezoneDisplay = displayTimezone === userTimezone ? "Local" : displayTimezone;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("form", { className: cn("grid grid-cols-[1fr_auto] gap-2", className), children: [
+    /* @__PURE__ */ jsx(
       Calendar,
       {
         mode: "single",
@@ -143,19 +142,15 @@ function DatePickerWithTimezone({
         captionLayout: "dropdown",
         startMonth: new Date(1900, 0),
         endMonth: new Date(2100, 11),
-        className: "p-0"
+        className: "p-0 col-span-full"
       }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Clock, { className: "size-4", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          "Timezone: ",
-          /* @__PURE__ */ jsx("span", { "aria-label": `Timezone ${timezoneDisplay}`, children: timezoneDisplay })
-        ] })
-      ] }),
-      onDone && /* @__PURE__ */ jsx(Button, { onClick: onDone, size: "sm", className: "h-8", children: "Done" })
-    ] })
+    ),
+    /* @__PURE__ */ jsxs("label", { htmlFor: "timezone", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-4 inline-block mr-2", "aria-hidden": "true" }),
+      "Timezone: ",
+      /* @__PURE__ */ jsx("span", { "aria-label": `Timezone ${timezoneDisplay}`, children: timezoneDisplay })
+    ] }),
+    onDone && /* @__PURE__ */ jsx(Button, { onClick: onDone, size: "sm", className: "ml-auto h-8", children: "Done" })
   ] });
 }
 

package/dist/eslint-rules/index.cjs

@@ -3,20 +3,33 @@
  * @package @jmruthers/pace-core
  * @module ESLintRules
  * 
- * This module exports all pace-core compliance ESLint rules organized by category.
+ * This module exports all pace-core ESLint rules organized by standards.
+ * Rules are organized to match the 10-file standards structure.
+ * 
+ * Reference: packages/core/docs/standards/README.md
  */
 
-const complianceRules = require('./rules/compliance.cjs');
-const componentRules = require('./rules/components.cjs');
-const rbacRules = require('./rules/rbac.cjs');
-const importRules = require('./rules/imports.cjs');
+const paceCoreComplianceRules = require('./rules/01-pace-core-compliance.cjs');
+const codeQualityRules = require('./rules/04-code-quality.cjs');
+const stylingRules = require('./rules/05-styling.cjs');
+const securityRbacRules = require('./rules/06-security-rbac.cjs');
+const apiTechStackRules = require('./rules/07-api-tech-stack.cjs');
+const testingRules = require('./rules/08-testing.cjs');
 
 module.exports = {
   rules: {
-    ...complianceRules.rules,
-    ...componentRules.rules,
-    ...rbacRules.rules,
-    ...importRules.rules,
+    // Standard 1: pace-core Compliance
+    ...paceCoreComplianceRules.rules,
+    // Standard 4: Code Quality
+    ...codeQualityRules.rules,
+    // Standard 5: Styling
+    ...stylingRules.rules,
+    // Standard 6: Security & RBAC
+    ...securityRbacRules.rules,
+    // Standard 7: API & Tech Stack
+    ...apiTechStackRules.rules,
+    // Standard 8: Testing
+    ...testingRules.rules,
   }
 };
 

package/{src/eslint-rules/rules/compliance.cjs → dist/eslint-rules/rules/01-pace-core-compliance.cjs}

@@ -1,12 +1,22 @@
 /**
- * General compliance rules
+ * pace-core Compliance Rules (Standard 1)
  * @package @jmruthers/pace-core
- * @module ESLintRules/rules/compliance
+ * @module ESLintRules/rules/pace-core-compliance
+ * 
+ * Enforces pace-core usage patterns from Standard 1:
+ * - Use pace-core components instead of native HTML or custom implementations
+ * - Use pace-core hooks instead of custom hooks
+ * - Use pace-core utilities instead of custom utilities
+ * - Block restricted imports (libraries wrapped by pace-core)
+ * - Prefer pace-core Form component
+ * - Prevent component duplication
+ * 
+ * Reference: packages/core/docs/standards/1-pace-core-compliance-standards.md
  */
 
 const path = require('path');
-const { getPaceCoreComponents, getPaceCoreHooks, getPaceCoreUtils } = require('../utils/manifest-loader.cjs');
-const { isPaceCoreSourceFile } = require('../utils/helpers.cjs');
+const { getPaceCoreComponents, getPaceCoreHooks, getPaceCoreUtils, getRestrictedImports } = require('../utils/manifest-loader.cjs');
+const { getPaceCoreAlternative, isPaceCoreSourceFile } = require('../utils/helpers.cjs');
 
 module.exports = {
   rules: {
@@ -19,7 +29,8 @@ module.exports = {
         docs: {
           description: 'Suggest using pace-core components instead of native HTML elements',
           category: 'Best Practices',
-          recommended: true
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
         },
         hasSuggestions: true,
         messages: {
@@ -94,7 +105,8 @@ module.exports = {
         docs: {
           description: 'Suggest using pace-core hooks instead of custom implementations',
           category: 'Best Practices',
-          recommended: true
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
         },
         messages: {
           preferPaceCoreHook: "Consider using '{{hook}}' from '@jmruthers/pace-core' instead of custom hook '{{customHook}}'"
@@ -155,7 +167,8 @@ module.exports = {
         docs: {
           description: 'Suggest using pace-core utilities instead of custom implementations',
           category: 'Best Practices',
-          recommended: true
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
         },
         messages: {
           preferPaceCoreUtil: "Consider using '{{util}}' from '@jmruthers/pace-core' instead of custom function '{{customUtil}}'"
@@ -243,7 +256,8 @@ module.exports = {
         docs: {
           description: 'Disallow local components with names matching pace-core components',
           category: 'Best Practices',
-          recommended: true
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
         },
         messages: {
           duplicateComponent: "Component '{{componentName}}' conflicts with pace-core component. Use '@jmruthers/pace-core' instead of creating a local version."
@@ -301,20 +315,23 @@ module.exports = {
     },
 
     /**
-     * Disallow inline styles
+     * Block direct imports of libraries wrapped by pace-core
      */
-    'no-inline-styles': {
+    'no-restricted-imports': {
       meta: {
         type: 'problem',
         docs: {
-          description: 'Disallow inline styles. Use pace-core components or Tailwind classes instead.',
+          description: 'Disallow direct imports of libraries that pace-core wraps',
           category: 'Best Practices',
-          recommended: true
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
         },
+        fixable: 'code',
+        hasSuggestions: true,
         messages: {
-          inlineStyle: 'Inline style detected. Use pace-core components or Tailwind classes instead.'
-        },
-        hasSuggestions: true
+          restrictedImport: '{{message}} Import from {{alternative}} instead.',
+          restrictedImportWithReason: '{{message}} {{reason}}'
+        }
       },
       create(context) {
         const filename = context.getFilename();
@@ -324,20 +341,165 @@ module.exports = {
           return {};
         }
         
+        const restrictedImports = getRestrictedImports();
+        const restrictedModules = restrictedImports.map(imp => imp.module);
+        
+        // Also catch @radix-ui/* patterns
+        const radixPattern = /^@radix-ui\//;
+        
         return {
-          JSXAttribute(node) {
-            if (node.name && node.name.name === 'style') {
+          ImportDeclaration(node) {
+            const importSource = node.source.value;
+            
+            // Check exact matches
+            const restricted = restrictedImports.find(imp => imp.module === importSource);
+            if (restricted) {
               context.report({
-                node,
-                messageId: 'inlineStyle',
+                node: node.source,
+                messageId: 'restrictedImportWithReason',
+                data: {
+                  message: `Direct import of '${importSource}' is not allowed.`,
+                  reason: restricted.reason
+                },
                 suggest: [{
-                  desc: 'Remove inline style and use pace-core component styling or Tailwind utility classes',
+                  desc: `Use pace-core alternative: ${restricted.reason}`,
                   fix(fixer) {
-                    // Remove the style attribute
-                    return fixer.remove(node);
+                    // Suggest importing from pace-core instead
+                    const paceCoreAlternative = getPaceCoreAlternative(importSource);
+                    if (paceCoreAlternative) {
+                      return fixer.replaceText(
+                        node.source,
+                        `'@jmruthers/pace-core${paceCoreAlternative}'`
+                      );
+                    }
+                    return null;
                   }
                 }]
               });
+              return;
+            }
+            
+            // Check @radix-ui/* pattern
+            if (radixPattern.test(importSource) && !restrictedModules.includes(importSource)) {
+              context.report({
+                node: node.source,
+                messageId: 'restrictedImport',
+                data: {
+                  message: `Direct import of '${importSource}' is not allowed.`,
+                  alternative: '@jmruthers/pace-core'
+                },
+                suggest: [{
+                  desc: 'Use pace-core component instead',
+                  fix(fixer) {
+                    return fixer.replaceText(
+                      node.source,
+                      "'@jmruthers/pace-core'"
+                    );
+                  }
+                }]
+              });
+            }
+          }
+        };
+      }
+    },
+
+    /**
+     * Prefer pace-core Form component over plain form tags and direct react-hook-form usage
+     */
+    'prefer-pace-core-form': {
+      meta: {
+        type: 'problem',
+        docs: {
+          description: 'Disallow plain <form> tags and direct react-hook-form imports. Use pace-core Form component instead.',
+          category: 'Best Practices',
+          recommended: true,
+          url: 'https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/standards/1-pace-core-compliance-standards.md'
+        },
+        messages: {
+          plainFormTag: "Plain <form> tag detected. Use pace-core Form component instead.",
+          reactHookFormImport: "Direct import from 'react-hook-form' detected: {{imports}}. Use pace-core Form component instead. useFormContext is allowed when Form is imported from pace-core."
+        },
+        hasSuggestions: true
+      },
+      create(context) {
+        const filename = context.getFilename();
+        
+        // Exclude pace-core source files - these rules are for consuming apps
+        if (isPaceCoreSourceFile(filename)) {
+          return {};
+        }
+        
+        let hasPaceCoreForm = false;
+        const problematicImports = ['useForm', 'FormProvider', 'Controller', 'useWatch', 'useFieldArray', 'useController'];
+        
+        return {
+          ImportDeclaration(node) {
+            const importSource = node.source.value;
+            
+            // Check if Form is imported from pace-core
+            if (importSource === '@jmruthers/pace-core' || 
+                importSource === '@jmruthers/pace-core/components') {
+              const hasForm = node.specifiers.some(spec => {
+                if (spec.type === 'ImportSpecifier') {
+                  return spec.imported.name === 'Form';
+                }
+                return false;
+              });
+              if (hasForm) {
+                hasPaceCoreForm = true;
+              }
+            }
+            
+            // Check for react-hook-form imports
+            if (importSource === 'react-hook-form') {
+              const importedItems = node.specifiers
+                .filter(spec => spec.type === 'ImportSpecifier')
+                .map(spec => spec.imported.name);
+              
+              const foundProblematic = importedItems.filter(item => problematicImports.includes(item));
+              
+              // Allow useFormContext when Form is imported from pace-core
+              const isAcceptable = hasPaceCoreForm && 
+                                  foundProblematic.length === 1 && 
+                                  foundProblematic[0] === 'useFormContext';
+              
+              if (foundProblematic.length > 0 && !isAcceptable) {
+                context.report({
+                  node: node.source,
+                  messageId: 'reactHookFormImport',
+                  data: {
+                    imports: foundProblematic.join(', ')
+                  },
+                  suggest: [{
+                    desc: 'Use pace-core Form component instead',
+                    fix(fixer) {
+                      return fixer.remove(node);
+                    }
+                  }]
+                });
+              }
+            }
+          },
+          
+          JSXOpeningElement(node) {
+            // Check for plain <form> tags (lowercase, not Form component)
+            if (node.name.type === 'JSXIdentifier') {
+              const elementName = node.name.name;
+              // Check if it's lowercase 'form' (not 'Form' component)
+              if (elementName === 'form') {
+                context.report({
+                  node,
+                  messageId: 'plainFormTag',
+                  suggest: [{
+                    desc: 'Replace with pace-core Form component',
+                    fix(fixer) {
+                      // This is complex to auto-fix, so we'll just report
+                      return null;
+                    }
+                  }]
+                });
+              }
             }
           }
         };
@@ -345,4 +507,3 @@ module.exports = {
     }
   }
 };
-