@jmruthers/pace-core 0.5.193 → 0.6.1

package/src/components/DataTable/components/__tests__/UnifiedTableBody.test.tsx

@@ -166,7 +166,7 @@ describe('[component] UnifiedTableBody', () => {
     return result.current;
   };
 
-  const defaultProps = {
+  const baseProps = {
     table: createMockTable(),
     isCreating: false,
     creationData: {},
@@ -213,7 +213,7 @@ describe('[component] UnifiedTableBody', () => {
       const table = createMockTable();
       render(
         <table>
-          <UnifiedTableBody {...defaultProps} table={table} />
+          <UnifiedTableBody {...baseProps} table={table} />
         </table>
       );
 
@@ -225,7 +225,7 @@ describe('[component] UnifiedTableBody', () => {
       const table = createMockTable([]);
       render(
         <table>
-          <UnifiedTableBody {...defaultProps} table={table} dataLength={0} />
+          <UnifiedTableBody {...baseProps} table={table} dataLength={0} />
         </table>
       );
 
@@ -241,7 +241,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             dataLength={0}
             emptyState={emptyState}
@@ -258,7 +258,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             enableFiltering={true}
             showFilterRow={true}
@@ -276,7 +276,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ name: 'New User', email: 'new@example.com' }}
@@ -297,7 +297,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ name: '' }}
@@ -321,7 +321,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ name: 'New User' }}
@@ -344,7 +344,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ name: 'New User' }}
@@ -377,7 +377,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ status: 'active' }}
@@ -402,7 +402,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ age: '25' }}
@@ -429,7 +429,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ createdAt: '2024-01-01' }}
@@ -451,7 +451,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             editingRowId={rowId}
             editingData={{ name: 'Edited Name' }}
@@ -471,7 +471,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             editingRowId={rowId}
             editingData={{ name: 'Current Name' }}
@@ -496,7 +496,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             editingRowId={rowId}
             editingData={{ name: 'Edited Name' }}
@@ -520,7 +520,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             editingRowId={rowId}
             editingData={{ name: 'Edited Name' }}
@@ -559,7 +559,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={tableWithGrouped as any}
             grouping={['department']}
           />
@@ -593,7 +593,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={tableWithGrouped as any}
             grouping={['department']}
           />
@@ -625,7 +625,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             hierarchical={{
               enabled: true,
@@ -656,7 +656,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             hierarchical={{
               enabled: true,
@@ -693,7 +693,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             actions={actions}
           />
@@ -728,7 +728,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             actions={actions}
           />
@@ -754,7 +754,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             dataLength={0}
             isFiltered={true}
@@ -777,7 +777,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             dataLength={5}
             forceVirtualization={false}
@@ -796,7 +796,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             dataLength={1500}
             forceVirtualization={false}
@@ -814,7 +814,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             dataLength={5}
             forceVirtualization={true}
@@ -833,7 +833,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ name: null as any, email: null as any }}
@@ -850,7 +850,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             getRowId={undefined}
           />
@@ -866,7 +866,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             actions={[]}
           />
@@ -891,7 +891,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ fullName: 'New Name' }}
@@ -925,7 +925,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ status: '' }}
@@ -960,7 +960,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ category: '' }}
@@ -989,7 +989,7 @@ describe('[component] UnifiedTableBody', () => {
       render(
         <table>
           <UnifiedTableBody
-            {...defaultProps}
+            {...baseProps}
             table={table}
             isCreating={true}
             creationData={{ status: '' }}

package/src/components/DataTable/components/__tests__/ViewRowModal.test.tsx

@@ -76,7 +76,7 @@ describe('[component] ViewRowModal', () => {
     createdAt: new Date('2024-01-01'),
   };
 
-  const defaultProps = {
+  const baseProps = {
     isOpen: true,
     onClose: vi.fn(),
     data: mockData,
@@ -93,20 +93,20 @@ describe('[component] ViewRowModal', () => {
   describe('Rendering', () => {
     it('returns null when data is null', () => {
       const { container } = render(
-        <ViewRowModal {...defaultProps} data={null} />
+        <ViewRowModal {...baseProps} data={null} />
       );
       expect(container.firstChild).toBeNull();
     });
 
     it('returns null when modal is closed', () => {
       const { container } = render(
-        <ViewRowModal {...defaultProps} isOpen={false} />
+        <ViewRowModal {...baseProps} isOpen={false} />
       );
       expect(container.firstChild).toBeNull();
     });
 
     it('renders modal when open with data', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       // Dialog renders with role="dialog" from Radix UI
       expect(screen.getByRole('dialog')).toBeInTheDocument();
@@ -116,21 +116,21 @@ describe('[component] ViewRowModal', () => {
     });
 
     it('renders default title when title prop is not provided', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       // DialogTitle renders as h2, check for text content
       expect(screen.getByText('Row Details')).toBeInTheDocument();
     });
 
     it('renders custom title when title prop is provided', () => {
-      render(<ViewRowModal {...defaultProps} title="Custom Title" />);
+      render(<ViewRowModal {...baseProps} title="Custom Title" />);
       
       // DialogTitle renders as h2, check for text content
       expect(screen.getByText('Custom Title')).toBeInTheDocument();
     });
 
     it('renders all data fields', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       expect(screen.getByText(/id/i)).toBeInTheDocument();
       expect(screen.getByText(/name/i)).toBeInTheDocument();
@@ -140,7 +140,7 @@ describe('[component] ViewRowModal', () => {
     });
 
     it('renders field values correctly', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       expect(screen.getByText('1')).toBeInTheDocument();
       expect(screen.getByText('John Doe')).toBeInTheDocument();
@@ -150,7 +150,7 @@ describe('[component] ViewRowModal', () => {
     });
 
     it('formats Date values as locale date strings', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       const dateValue = screen.getByText(new Date('2024-01-01').toLocaleDateString());
       expect(dateValue).toBeInTheDocument();
@@ -162,7 +162,7 @@ describe('[component] ViewRowModal', () => {
         metadata: { key: 'value', nested: { data: 'test' } },
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithObject} />);
+      render(<ViewRowModal {...baseProps} data={dataWithObject} />);
       
       // JSON stringified objects contain the key parts
       expect(screen.getByText(/key/i)).toBeInTheDocument();
@@ -176,7 +176,7 @@ describe('[component] ViewRowModal', () => {
         nullableField: null,
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithNull} />);
+      render(<ViewRowModal {...baseProps} data={dataWithNull} />);
       
       // Check that the field label is rendered
       expect(screen.getByText(/nullable field/i)).toBeInTheDocument();
@@ -189,7 +189,7 @@ describe('[component] ViewRowModal', () => {
         lastName: 'Doe',
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithCamelCase} />);
+      render(<ViewRowModal {...baseProps} data={dataWithCamelCase} />);
       
       expect(screen.getByText(/first name/i)).toBeInTheDocument();
       expect(screen.getByText(/last name/i)).toBeInTheDocument();
@@ -201,7 +201,7 @@ describe('[component] ViewRowModal', () => {
       const user = userEvent.setup();
       const handleClose = vi.fn();
       
-      render(<ViewRowModal {...defaultProps} onClose={handleClose} />);
+      render(<ViewRowModal {...baseProps} onClose={handleClose} />);
       
       // Get the main "Close" button (not the X icon button)
       const closeButtons = screen.getAllByRole('button', { name: /close/i });
@@ -217,7 +217,7 @@ describe('[component] ViewRowModal', () => {
       const user = userEvent.setup();
       const handleClose = vi.fn();
       
-      render(<ViewRowModal {...defaultProps} onClose={handleClose} />);
+      render(<ViewRowModal {...baseProps} onClose={handleClose} />);
       
       // Get the X icon button specifically (first button with X icon)
       const xButtons = screen.getAllByTestId('x-icon');
@@ -235,7 +235,7 @@ describe('[component] ViewRowModal', () => {
       
       render(
         <ViewRowModal
-          {...defaultProps}
+          {...baseProps}
           onClose={handleOpenChange}
         />
       );
@@ -253,7 +253,7 @@ describe('[component] ViewRowModal', () => {
 
   describe('Edge Cases', () => {
     it('handles empty data object', () => {
-      render(<ViewRowModal {...defaultProps} data={{}} />);
+      render(<ViewRowModal {...baseProps} data={{}} />);
       
       expect(screen.getByRole('dialog')).toBeInTheDocument();
       expect(screen.getAllByRole('button', { name: /close/i }).length).toBeGreaterThan(0);
@@ -265,7 +265,7 @@ describe('[component] ViewRowModal', () => {
         optionalField: undefined,
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithUndefined} />);
+      render(<ViewRowModal {...baseProps} data={dataWithUndefined} />);
       
       expect(screen.getByRole('dialog')).toBeInTheDocument();
     });
@@ -276,7 +276,7 @@ describe('[component] ViewRowModal', () => {
         tags: ['tag1', 'tag2', 'tag3'],
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithArray} />);
+      render(<ViewRowModal {...baseProps} data={dataWithArray} />);
       
       // Check that array values are displayed (they'll be JSON stringified)
       expect(screen.getByText(/tag1/i)).toBeInTheDocument();
@@ -294,7 +294,7 @@ describe('[component] ViewRowModal', () => {
         },
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithNested} />);
+      render(<ViewRowModal {...baseProps} data={dataWithNested} />);
       
       // JSON stringified objects contain the key parts
       expect(screen.getByText(/street/i)).toBeInTheDocument();
@@ -309,7 +309,7 @@ describe('[component] ViewRowModal', () => {
         description: longString,
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithLongString} />);
+      render(<ViewRowModal {...baseProps} data={dataWithLongString} />);
       
       expect(screen.getByText(longString)).toBeInTheDocument();
     });
@@ -320,7 +320,7 @@ describe('[component] ViewRowModal', () => {
         'field-with-special-chars!@#': 'value',
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithSpecial} />);
+      render(<ViewRowModal {...baseProps} data={dataWithSpecial} />);
       
       // The component only handles camelCase, not special characters
       // Special characters remain in the field name, so check for parts of the name
@@ -334,7 +334,7 @@ describe('[component] ViewRowModal', () => {
         count: 0,
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithZero} />);
+      render(<ViewRowModal {...baseProps} data={dataWithZero} />);
       
       // Zero should render as "0" - check for it in the value cell
       const countLabel = screen.getByText(/count:/i);
@@ -348,7 +348,7 @@ describe('[component] ViewRowModal', () => {
         active: false,
       };
       
-      render(<ViewRowModal {...defaultProps} data={dataWithFalse} />);
+      render(<ViewRowModal {...baseProps} data={dataWithFalse} />);
       
       // Boolean false should render as "false" - check for it in the value cell
       const activeLabel = screen.getByText(/active:/i);
@@ -359,21 +359,21 @@ describe('[component] ViewRowModal', () => {
 
   describe('Accessibility', () => {
     it('provides close button with aria-label', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       const buttons = screen.getAllByRole('button');
       expect(buttons.length).toBeGreaterThan(0);
     });
 
     it('provides main close button with accessible text', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       const closeButtons = screen.getAllByRole('button', { name: /close/i });
       expect(closeButtons.length).toBeGreaterThan(0);
     });
 
     it('renders dialog with proper structure', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       expect(screen.getByRole('dialog')).toBeInTheDocument();
       // Check for content structure instead of testids
@@ -384,7 +384,7 @@ describe('[component] ViewRowModal', () => {
 
   describe('Layout and Styling', () => {
     it('applies max-width and max-height classes to dialog content', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       // DialogContent receives className prop, check if dialog has the classes
       const dialog = screen.getByRole('dialog');
@@ -394,7 +394,7 @@ describe('[component] ViewRowModal', () => {
     });
 
     it('renders field labels with proper styling classes', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       // Check that field labels are rendered (they should have specific classes)
       const nameLabel = screen.getByText(/name/i);
@@ -402,7 +402,7 @@ describe('[component] ViewRowModal', () => {
     });
 
     it('renders close button in header with proper styling', () => {
-      render(<ViewRowModal {...defaultProps} />);
+      render(<ViewRowModal {...baseProps} />);
       
       const xIcons = screen.getAllByTestId('x-icon');
       expect(xIcons.length).toBeGreaterThan(0);

package/src/components/DataTable/hooks/useColumnReordering.ts

@@ -29,8 +29,8 @@ export function useColumnReordering<TData>({
   });
 
   // Update column order when columns change
-  // Using useMemo to prevent infinite loops
-  useMemo(() => {
+  // Using useEffect for side effects (state updates)
+  useEffect(() => {
     if (enableReordering) {
       const newOrder = columns.map(col => col.id);
       setColumnOrder(prevOrder => {

package/src/components/DataTable/hooks/useKeyboardNavigation.ts

@@ -23,7 +23,7 @@ export interface KeyboardNavigationOptions {
   /** Callback when focus moves to a new cell */
   onFocusChange?: (rowIndex: number, columnIndex: number) => void;
   /** Table ref for DOM queries */
-  tableRef?: React.RefObject<HTMLTableElement>;
+  tableRef?: React.RefObject<HTMLTableElement | null>;
 }
 
 export interface KeyboardNavigationState {
@@ -105,7 +105,7 @@ export function useKeyboardNavigation(
   const internalTableRef = useRef<HTMLTableElement>(null);
   const tableRef = externalTableRef || internalTableRef;
   const storedFocusRef = useRef<{ rowIndex: number; columnIndex: number } | null>(null);
-  const navigationTimeoutRef = useRef<NodeJS.Timeout>();
+  const navigationTimeoutRef = useRef<NodeJS.Timeout>(undefined);
 
   // Helper to get cell element
   const getCellElement = useCallback((rowIndex: number, columnIndex: number): HTMLElement | null => {

package/src/components/DatePickerWithTimezone/DatePickerWithTimezone.test.tsx

@@ -295,24 +295,18 @@ describe('DatePickerWithTimezone Component', () => {
 
       render(<DatePickerWithTimezone selected={selected} onSelect={onSelect} />);
 
-      expect(MockedCalendar).toHaveBeenCalledWith(
-        expect.objectContaining({
-          mode: 'single',
-          selected: selected,
-          onSelect: onSelect,
-          initialFocus: true,
-          captionLayout: 'dropdown',
-          startMonth: expect.any(Date),
-          endMonth: expect.any(Date),
-          className: 'p-0'
-        }),
-        expect.anything()
-      );
+      expect(MockedCalendar).toHaveBeenCalled();
       
-      // Verify the date range is correct
+      // Verify the props are correct
       const callArgs = MockedCalendar.mock.calls[0][0];
+      expect(callArgs.mode).toBe('single');
+      expect(callArgs.selected).toEqual(selected);
+      expect(callArgs.onSelect).toBe(onSelect);
+      expect(callArgs.initialFocus).toBe(true);
+      expect(callArgs.captionLayout).toBe('dropdown');
       expect(callArgs.startMonth).toEqual(new Date(1900, 0));
       expect(callArgs.endMonth).toEqual(new Date(2100, 11));
+      expect(callArgs.className).toBe('p-0');
     });
   });
 });

package/src/components/Dialog/Dialog.tsx

@@ -149,7 +149,7 @@
  * @dependencies
  * - @radix-ui/react-dialog - Core dialog functionality
  * - lucide-react - Icons
- * - React 18+ - Hooks and refs
+ * - React 19+ - Hooks and refs
  * - Tailwind CSS - Styling and animations
  */
 
@@ -465,17 +465,18 @@ const DialogContent = React.forwardRef<
     enableScrolling 
   });
 
-  const handleEscapeKeyDown = React.useCallback((event: KeyboardEvent) => {
+  // React Compiler handles memoization automatically
+  const handleEscapeKeyDown = (event: KeyboardEvent) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
-  }, [preventCloseOnEscape]);
+  };
 
-  const handlePointerDownOutside = React.useCallback((event: Event) => {
+  const handlePointerDownOutside = (event: Event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
-  }, [preventCloseOnOutsideClick]);
+  };
 
   // Merge smart dimensions with provided style
   const mergedStyle = React.useMemo(() => {

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -75,7 +75,7 @@
  * - Configurable error reporting
  *
  * @dependencies
- * - React 18+ - Component lifecycle
+ * - React 19+ - Component lifecycle
  * - Performance monitoring utilities
  * - Tailwind CSS - Styling
  */

package/src/components/EventSelector/EventSelector.tsx

@@ -80,7 +80,7 @@
  * - Button component - Retry functionality
  * - Alert component - Error display
  * - LoadingSpinner - Loading states
- * - React 18+ - Hooks and effects
+ * - React 19+ - Hooks and effects
  * - Tailwind CSS - Styling
  */
 

package/src/components/FileDisplay/FileDisplay.test.tsx

@@ -49,7 +49,7 @@ vi.mock('../../utils/storage/helpers', () => ({
 }));
 
 // Helper to render with UnifiedAuthProvider
-const renderWithUnifiedAuth = (ui: React.ReactElement) => {
+const renderWithUnifiedAuth = (ui: React.ReactElement<any>) => {
   return renderWithProviders(
     <UnifiedAuthProvider
       supabaseClient={supabase} 
@@ -64,7 +64,7 @@ const renderWithUnifiedAuth = (ui: React.ReactElement) => {
   );
 };
 
-const renderWithPublicContext = (ui: React.ReactElement, value: any = null) => {
+const renderWithPublicContext = (ui: React.ReactElement<any>, value: any = null) => {
   const Context = publicPageContextStore.value ?? React.createContext(null);
 
   return renderWithProviders(

package/src/components/Footer/Footer.tsx

@@ -81,7 +81,7 @@
  * - Clear link identification
  *
  * @dependencies
- * - React 18+ - Component framework
+ * - React 19+ - Component framework
  * - Tailwind CSS - Styling
  */
 import React from 'react';