ERROR in resources/scripts/components/elements/ButtonV2.tsx:1:18
TS2307: Cannot find module 'clsx' or its corresponding type declarations.
  > 1 | import clsx from 'clsx';
      |                  ^^^^^^
    2 | import React from 'react';
    3 |
    4 | interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {

ERROR in resources/scripts/components/elements/CheckboxNew.tsx:1:36
TS2307: Cannot find module '@radix-ui/react-checkbox' or its corresponding type declarations.
  > 1 | import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
      |                                    ^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 | import { CheckIcon } from '@radix-ui/react-icons';
    3 | import * as React from 'react';
    4 |

ERROR in resources/scripts/components/elements/CheckboxNew.tsx:2:27
TS2307: Cannot find module '@radix-ui/react-icons' or its corresponding type declarations.
    1 | import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
  > 2 | import { CheckIcon } from '@radix-ui/react-icons';
      |                           ^^^^^^^^^^^^^^^^^^^^^^^
    3 | import * as React from 'react';
    4 |
    5 | import { cn } from '@/lib/utils';

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:1:25
TS2307: Cannot find module 'cmdk' or its corresponding type declarations.
  > 1 | import { Command } from 'cmdk';
      |                         ^^^^^^
    2 | import { useEffect, useState } from 'react';
    3 | import { useNavigate } from 'react-router-dom';
    4 | import { toast } from 'sonner';

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:3:10
TS2305: Module '"react-router-dom"' has no exported member 'useNavigate'.
    1 | import { Command } from 'cmdk';
    2 | import { useEffect, useState } from 'react';
  > 3 | import { useNavigate } from 'react-router-dom';
      |          ^^^^^^^^^^^
    4 | import { toast } from 'sonner';
    5 |
    6 | import Can from '@/components/elements/Can';

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:4:23
TS2307: Cannot find module 'sonner' or its corresponding type declarations.
    2 | import { useEffect, useState } from 'react';
    3 | import { useNavigate } from 'react-router-dom';
  > 4 | import { toast } from 'sonner';
      |                       ^^^^^^^^
    5 |
    6 | import Can from '@/components/elements/Can';
    7 |

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:46:23
TS7006: Parameter 'e' implicitly has an 'any' type.
    44 |
    45 |     useEffect(() => {
  > 46 |         const down = (e) => {
       |                       ^
    47 |             if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
    48 |                 e.preventDefault();
    49 |                 setOpen((open) => !open);

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:58:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    56 |
    57 |     return (
  > 58 |         <Command.Dialog open={open} onOpenChange={setOpen} label='Global Command Menu'>
       |          ^^^^^^^^^^^^^^
    59 |             <Command.Input />
    60 |             <Command.List>
    61 |                 <Command.Empty>No results found.</Command.Empty>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:59:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    57 |     return (
    58 |         <Command.Dialog open={open} onOpenChange={setOpen} label='Global Command Menu'>
  > 59 |             <Command.Input />
       |              ^^^^^^^^^^^^^
    60 |             <Command.List>
    61 |                 <Command.Empty>No results found.</Command.Empty>
    62 |

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:60:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    58 |         <Command.Dialog open={open} onOpenChange={setOpen} label='Global Command Menu'>
    59 |             <Command.Input />
  > 60 |             <Command.List>
       |              ^^^^^^^^^^^^
    61 |                 <Command.Empty>No results found.</Command.Empty>
    62 |
    63 |                 <Command.Group heading='Pages'>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:61:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    59 |             <Command.Input />
    60 |             <Command.List>
  > 61 |                 <Command.Empty>No results found.</Command.Empty>
       |                  ^^^^^^^^^^^^^
    62 |
    63 |                 <Command.Group heading='Pages'>
    64 |                     <Command.Item onSelect={() => cmdkNavigate('')}>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:63:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    61 |                 <Command.Empty>No results found.</Command.Empty>
    62 |
  > 63 |                 <Command.Group heading='Pages'>
       |                  ^^^^^^^^^^^^^
    64 |                     <Command.Item onSelect={() => cmdkNavigate('')}>
    65 |                         <HugeIconsHome fill='currentColor' />
    66 |                         Home

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:64:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    62 |
    63 |                 <Command.Group heading='Pages'>
  > 64 |                     <Command.Item onSelect={() => cmdkNavigate('')}>
       |                      ^^^^^^^^^^^^
    65 |                         <HugeIconsHome fill='currentColor' />
    66 |                         Home
    67 |                     </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:65:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    63 |                 <Command.Group heading='Pages'>
    64 |                     <Command.Item onSelect={() => cmdkNavigate('')}>
  > 65 |                         <HugeIconsHome fill='currentColor' />
       |                          ^^^^^^^^^^^^^
    66 |                         Home
    67 |                     </Command.Item>
    68 |                     <Can action={'file.*'} matchAny>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:68:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    66 |                         Home
    67 |                     </Command.Item>
  > 68 |                     <Can action={'file.*'} matchAny>
       |                      ^^^
    69 |                         <Command.Item onSelect={() => cmdkNavigate('/files')}>
    70 |                             <HugeIconsFolder fill='currentColor' />
    71 |                             Files

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:69:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    67 |                     </Command.Item>
    68 |                     <Can action={'file.*'} matchAny>
  > 69 |                         <Command.Item onSelect={() => cmdkNavigate('/files')}>
       |                          ^^^^^^^^^^^^
    70 |                             <HugeIconsFolder fill='currentColor' />
    71 |                             Files
    72 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:70:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    68 |                     <Can action={'file.*'} matchAny>
    69 |                         <Command.Item onSelect={() => cmdkNavigate('/files')}>
  > 70 |                             <HugeIconsFolder fill='currentColor' />
       |                              ^^^^^^^^^^^^^^^
    71 |                             Files
    72 |                         </Command.Item>
    73 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:74:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    72 |                         </Command.Item>
    73 |                     </Can>
  > 74 |                     <Can action={'database.*'} matchAny>
       |                      ^^^
    75 |                         <Command.Item onSelect={() => cmdkNavigate('/databases')}>
    76 |                             <HugeIconsDatabase fill='currentColor' />
    77 |                             Databases

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:75:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    73 |                     </Can>
    74 |                     <Can action={'database.*'} matchAny>
  > 75 |                         <Command.Item onSelect={() => cmdkNavigate('/databases')}>
       |                          ^^^^^^^^^^^^
    76 |                             <HugeIconsDatabase fill='currentColor' />
    77 |                             Databases
    78 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:76:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    74 |                     <Can action={'database.*'} matchAny>
    75 |                         <Command.Item onSelect={() => cmdkNavigate('/databases')}>
  > 76 |                             <HugeIconsDatabase fill='currentColor' />
       |                              ^^^^^^^^^^^^^^^^^
    77 |                             Databases
    78 |                         </Command.Item>
    79 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:80:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    78 |                         </Command.Item>
    79 |                     </Can>
  > 80 |                     <Can action={'backup.*'} matchAny>
       |                      ^^^
    81 |                         <Command.Item onSelect={() => cmdkNavigate('/backups')}>
    82 |                             <HugeIconsCloudUp fill='currentColor' />
    83 |                             Backups

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:81:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    79 |                     </Can>
    80 |                     <Can action={'backup.*'} matchAny>
  > 81 |                         <Command.Item onSelect={() => cmdkNavigate('/backups')}>
       |                          ^^^^^^^^^^^^
    82 |                             <HugeIconsCloudUp fill='currentColor' />
    83 |                             Backups
    84 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:82:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    80 |                     <Can action={'backup.*'} matchAny>
    81 |                         <Command.Item onSelect={() => cmdkNavigate('/backups')}>
  > 82 |                             <HugeIconsCloudUp fill='currentColor' />
       |                              ^^^^^^^^^^^^^^^^
    83 |                             Backups
    84 |                         </Command.Item>
    85 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:86:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    84 |                         </Command.Item>
    85 |                     </Can>
  > 86 |                     <Can action={'allocation.*'} matchAny>
       |                      ^^^
    87 |                         <Command.Item onSelect={() => cmdkNavigate('/network')}>
    88 |                             <HugeIconsConnections fill='currentColor' />
    89 |                             Networking

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:87:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    85 |                     </Can>
    86 |                     <Can action={'allocation.*'} matchAny>
  > 87 |                         <Command.Item onSelect={() => cmdkNavigate('/network')}>
       |                          ^^^^^^^^^^^^
    88 |                             <HugeIconsConnections fill='currentColor' />
    89 |                             Networking
    90 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:88:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    86 |                     <Can action={'allocation.*'} matchAny>
    87 |                         <Command.Item onSelect={() => cmdkNavigate('/network')}>
  > 88 |                             <HugeIconsConnections fill='currentColor' />
       |                              ^^^^^^^^^^^^^^^^^^^^
    89 |                             Networking
    90 |                         </Command.Item>
    91 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:92:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    90 |                         </Command.Item>
    91 |                     </Can>
  > 92 |                     <Can action={['settings.*', 'file.sftp']} matchAny>
       |                      ^^^
    93 |                         <Command.Item onSelect={() => cmdkNavigate('/settings')}>
    94 |                             <HugeIconsDashboardSettings fill='currentColor' />
    95 |                             Settings

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:93:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    91 |                     </Can>
    92 |                     <Can action={['settings.*', 'file.sftp']} matchAny>
  > 93 |                         <Command.Item onSelect={() => cmdkNavigate('/settings')}>
       |                          ^^^^^^^^^^^^
    94 |                             <HugeIconsDashboardSettings fill='currentColor' />
    95 |                             Settings
    96 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:94:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    92 |                     <Can action={['settings.*', 'file.sftp']} matchAny>
    93 |                         <Command.Item onSelect={() => cmdkNavigate('/settings')}>
  > 94 |                             <HugeIconsDashboardSettings fill='currentColor' />
       |                              ^^^^^^^^^^^^^^^^^^^^^^^^^^
    95 |                             Settings
    96 |                         </Command.Item>
    97 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:99:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     97 |                     </Can>
     98 |                 </Command.Group>
  >  99 |                 <Command.Group heading='Server'>
        |                  ^^^^^^^^^^^^^
    100 |                     <Can action={'control.start'}>
    101 |                         <Command.Item disabled={status !== 'offline'} onSelect={() => cmdkPowerAction('start')}>
    102 |                             <HugeIconsZap fill='currentColor' />

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:100:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     98 |                 </Command.Group>
     99 |                 <Command.Group heading='Server'>
  > 100 |                     <Can action={'control.start'}>
        |                      ^^^
    101 |                         <Command.Item disabled={status !== 'offline'} onSelect={() => cmdkPowerAction('start')}>
    102 |                             <HugeIconsZap fill='currentColor' />
    103 |                             Start Server

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:101:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     99 |                 <Command.Group heading='Server'>
    100 |                     <Can action={'control.start'}>
  > 101 |                         <Command.Item disabled={status !== 'offline'} onSelect={() => cmdkPowerAction('start')}>
        |                          ^^^^^^^^^^^^
    102 |                             <HugeIconsZap fill='currentColor' />
    103 |                             Start Server
    104 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:102:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    100 |                     <Can action={'control.start'}>
    101 |                         <Command.Item disabled={status !== 'offline'} onSelect={() => cmdkPowerAction('start')}>
  > 102 |                             <HugeIconsZap fill='currentColor' />
        |                              ^^^^^^^^^^^^
    103 |                             Start Server
    104 |                         </Command.Item>
    105 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:106:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    104 |                         </Command.Item>
    105 |                     </Can>
  > 106 |                     <Can action={'control.restart'}>
        |                      ^^^
    107 |                         <Command.Item disabled={!status} onSelect={() => cmdkPowerAction('restart')}>
    108 |                             <HugeIconsZap fill='currentColor' />
    109 |                             Restart Server

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:107:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    105 |                     </Can>
    106 |                     <Can action={'control.restart'}>
  > 107 |                         <Command.Item disabled={!status} onSelect={() => cmdkPowerAction('restart')}>
        |                          ^^^^^^^^^^^^
    108 |                             <HugeIconsZap fill='currentColor' />
    109 |                             Restart Server
    110 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:108:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    106 |                     <Can action={'control.restart'}>
    107 |                         <Command.Item disabled={!status} onSelect={() => cmdkPowerAction('restart')}>
  > 108 |                             <HugeIconsZap fill='currentColor' />
        |                              ^^^^^^^^^^^^
    109 |                             Restart Server
    110 |                         </Command.Item>
    111 |                     </Can>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:112:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    110 |                         </Command.Item>
    111 |                     </Can>
  > 112 |                     <Can action={'control.restart'}>
        |                      ^^^
    113 |                         <Command.Item disabled={status === 'offline'} onSelect={() => cmdkPowerAction('stop')}>
    114 |                             <HugeIconsZap fill='currentColor' />
    115 |                             Stop Server

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:113:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    111 |                     </Can>
    112 |                     <Can action={'control.restart'}>
  > 113 |                         <Command.Item disabled={status === 'offline'} onSelect={() => cmdkPowerAction('stop')}>
        |                          ^^^^^^^^^^^^
    114 |                             <HugeIconsZap fill='currentColor' />
    115 |                             Stop Server
    116 |                         </Command.Item>

ERROR in resources/scripts/components/elements/commandk/CmdK.tsx:114:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    112 |                     <Can action={'control.restart'}>
    113 |                         <Command.Item disabled={status === 'offline'} onSelect={() => cmdkPowerAction('stop')}>
  > 114 |                             <HugeIconsZap fill='currentColor' />
        |                              ^^^^^^^^^^^^
    115 |                             Stop Server
    116 |                         </Command.Item>
    117 |                     </Can>

ERROR in resources/scripts/components/elements/ContextMenu.tsx:1:39
TS2307: Cannot find module '@radix-ui/react-context-menu' or its corresponding type declarations.
  > 1 | import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
      |                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 | import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
    3 | import * as React from 'react';
    4 |

ERROR in resources/scripts/components/elements/ContextMenu.tsx:2:60
TS2307: Cannot find module '@radix-ui/react-icons' or its corresponding type declarations.
    1 | import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
  > 2 | import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
      |                                                            ^^^^^^^^^^^^^^^^^^^^^^^
    3 | import * as React from 'react';
    4 |
    5 | import { cn } from '@/lib/utils';

ERROR in resources/scripts/components/elements/editor/Editor.tsx:1:86
TS2307: Cannot find module '@codemirror/autocomplete' or its corresponding type declarations.
  > 1 | import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';
      |                                                                                      ^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 | import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
    3 | import {
    4 |     LanguageDescription,

ERROR in resources/scripts/components/elements/editor/Editor.tsx:2:70
TS2307: Cannot find module '@codemirror/commands' or its corresponding type declarations.
    1 | import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';
  > 2 | import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
      |                                                                      ^^^^^^^^^^^^^^^^^^^^^^
    3 | import {
    4 |     LanguageDescription,
    5 |     LanguageSupport,

ERROR in resources/scripts/components/elements/editor/Editor.tsx:13:8
TS2307: Cannot find module '@codemirror/language' or its corresponding type declarations.
    11 |     indentUnit,
    12 |     syntaxHighlighting,
  > 13 | } from '@codemirror/language';
       |        ^^^^^^^^^^^^^^^^^^^^^^
    14 | import { languages } from '@codemirror/language-data';
    15 | import { lintKeymap } from '@codemirror/lint';
    16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';

ERROR in resources/scripts/components/elements/editor/Editor.tsx:14:27
TS2307: Cannot find module '@codemirror/language-data' or its corresponding type declarations.
    12 |     syntaxHighlighting,
    13 | } from '@codemirror/language';
  > 14 | import { languages } from '@codemirror/language-data';
       |                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    15 | import { lintKeymap } from '@codemirror/lint';
    16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
    17 | import type { Extension } from '@codemirror/state';

ERROR in resources/scripts/components/elements/editor/Editor.tsx:15:28
TS2307: Cannot find module '@codemirror/lint' or its corresponding type declarations.
    13 | } from '@codemirror/language';
    14 | import { languages } from '@codemirror/language-data';
  > 15 | import { lintKeymap } from '@codemirror/lint';
       |                            ^^^^^^^^^^^^^^^^^^
    16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
    17 | import type { Extension } from '@codemirror/state';
    18 | import { Compartment, EditorState } from '@codemirror/state';

ERROR in resources/scripts/components/elements/editor/Editor.tsx:16:57
TS2307: Cannot find module '@codemirror/search' or its corresponding type declarations.
    14 | import { languages } from '@codemirror/language-data';
    15 | import { lintKeymap } from '@codemirror/lint';
  > 16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
       |                                                         ^^^^^^^^^^^^^^^^^^^^
    17 | import type { Extension } from '@codemirror/state';
    18 | import { Compartment, EditorState } from '@codemirror/state';
    19 | import {

ERROR in resources/scripts/components/elements/editor/Editor.tsx:17:32
TS2307: Cannot find module '@codemirror/state' or its corresponding type declarations.
    15 | import { lintKeymap } from '@codemirror/lint';
    16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
  > 17 | import type { Extension } from '@codemirror/state';
       |                                ^^^^^^^^^^^^^^^^^^^
    18 | import { Compartment, EditorState } from '@codemirror/state';
    19 | import {
    20 |     EditorView,

ERROR in resources/scripts/components/elements/editor/Editor.tsx:18:42
TS2307: Cannot find module '@codemirror/state' or its corresponding type declarations.
    16 | import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
    17 | import type { Extension } from '@codemirror/state';
  > 18 | import { Compartment, EditorState } from '@codemirror/state';
       |                                          ^^^^^^^^^^^^^^^^^^^
    19 | import {
    20 |     EditorView,
    21 |     crosshairCursor,

ERROR in resources/scripts/components/elements/editor/Editor.tsx:30:8
TS2307: Cannot find module '@codemirror/view' or its corresponding type declarations.
    28 |     lineNumbers,
    29 |     rectangularSelection,
  > 30 | } from '@codemirror/view';
       |        ^^^^^^^^^^^^^^^^^^
    31 | import type { CSSProperties } from 'react';
    32 | import { useEffect, useRef, useState } from 'react';
    33 |

ERROR in resources/scripts/components/elements/editor/Editor.tsx:161:36
TS7006: Parameter 'support' implicitly has an 'any' type.
    159 |         }
    160 |
  > 161 |         void language.load().then((support) => {
        |                                    ^^^^^^^
    162 |             setLanguageSupport(support);
    163 |         });
    164 |

ERROR in resources/scripts/components/elements/editor/Editor.tsx:229:13
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    227 |     }, [view, props.fetchContent, props.onContentSaved]);
    228 |
  > 229 |     return <div ref={ref} className={props.className} style={props.style} />;
        |             ^^^
    230 | }
    231 |

ERROR in resources/scripts/components/elements/editor/theme.ts:1:32
TS2307: Cannot find module '@codemirror/language' or its corresponding type declarations.
  > 1 | import { HighlightStyle } from '@codemirror/language';
      |                                ^^^^^^^^^^^^^^^^^^^^^^
    2 | import type { Extension } from '@codemirror/state';
    3 | import { EditorView } from '@codemirror/view';
    4 | import { tags as t } from '@lezer/highlight';

ERROR in resources/scripts/components/elements/editor/theme.ts:2:32
TS2307: Cannot find module '@codemirror/state' or its corresponding type declarations.
    1 | import { HighlightStyle } from '@codemirror/language';
  > 2 | import type { Extension } from '@codemirror/state';
      |                                ^^^^^^^^^^^^^^^^^^^
    3 | import { EditorView } from '@codemirror/view';
    4 | import { tags as t } from '@lezer/highlight';
    5 |

ERROR in resources/scripts/components/elements/editor/theme.ts:3:28
TS2307: Cannot find module '@codemirror/view' or its corresponding type declarations.
    1 | import { HighlightStyle } from '@codemirror/language';
    2 | import type { Extension } from '@codemirror/state';
  > 3 | import { EditorView } from '@codemirror/view';
      |                            ^^^^^^^^^^^^^^^^^^
    4 | import { tags as t } from '@lezer/highlight';
    5 |
    6 | const highlightBackground = 'transparent';

ERROR in resources/scripts/components/elements/editor/theme.ts:4:27
TS2307: Cannot find module '@lezer/highlight' or its corresponding type declarations.
    2 | import type { Extension } from '@codemirror/state';
    3 | import { EditorView } from '@codemirror/view';
  > 4 | import { tags as t } from '@lezer/highlight';
      |                           ^^^^^^^^^^^^^^^^^^
    5 |
    6 | const highlightBackground = 'transparent';
    7 | const background = 'transparent';

ERROR in resources/scripts/components/elements/FormikSwitchV2.tsx:8:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     6 | const FormikSwitch = ({ name, label, ...props }: SwitchProps) => {
     7 |     return (
  >  8 |         <FormikFieldWrapper name={name}>
       |          ^^^^^^^^^^^^^^^^^^
     9 |             <Field name={name}>
    10 |                 {({ field, form }: FieldProps) => (
    11 |                     <SwitchV2Container

ERROR in resources/scripts/components/elements/FormikSwitchV2.tsx:9:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     7 |     return (
     8 |         <FormikFieldWrapper name={name}>
  >  9 |             <Field name={name}>
       |              ^^^^^
    10 |                 {({ field, form }: FieldProps) => (
    11 |                     <SwitchV2Container
    12 |                         name={name}

ERROR in resources/scripts/components/elements/FormikSwitchV2.tsx:11:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             <Field name={name}>
    10 |                 {({ field, form }: FieldProps) => (
  > 11 |                     <SwitchV2Container
       |                      ^^^^^^^^^^^^^^^^^
    12 |                         name={name}
    13 |                         label={label}
    14 |                         onChange={() => {

ERROR in resources/scripts/components/elements/hugeicons/Alert.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsAlert = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-10 w-10' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Alert.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725L4.69218 9.27249C5.87921 7.17206 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015ZM11 17C11 16.4477 11.4457 16 11.9955 16H12.0045C12.5543 16 13 16.4477 13 17C13 17.5523 12.5543 18 12.0045 18H11.9955C11.4457 18 11 17.5523 11 17ZM11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9V13Z'

ERROR in resources/scripts/components/elements/hugeicons/Api.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsApi = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             width='24'

ERROR in resources/scripts/components/elements/hugeicons/Api.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    13 |         >
  > 14 |             <path
       |              ^^^^
    15 |                 d='M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z'
    16 |                 stroke='currentColor'
    17 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Api.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 strokeWidth='1.5'
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 d='M6 13.5L7.5 9L9.375 13.5M6 13.5L5.5 15M6 13.5H9.375M9.375 13.5L10 15'
    21 |                 stroke='currentColor'
    22 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Api.tsx:26:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    24 |                 strokeLinejoin='round'
    25 |             />
  > 26 |             <path
       |              ^^^^
    27 |                 d='M12.5 12V9.7C12.5 9.51387 12.5 9.42081 12.5245 9.34549C12.5739 9.19327 12.6933 9.07393 12.8455 9.02447C12.9208 9 13.0139 9 13.2 9H14.5C15.3284 9 16 9.67157 16 10.5C16 11.3284 15.3284 12 14.5 12H12.5ZM12.5 12V15'
    28 |                 stroke='currentColor'
    29 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Api.tsx:33:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    31 |                 strokeLinejoin='round'
    32 |             />
  > 33 |             <path d='M18.5 9V15' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
       |              ^^^^
    34 |         </svg>
    35 |     );
    36 | };

ERROR in resources/scripts/components/elements/hugeicons/ArrowDown.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsArrowDown = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/ArrowDown.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8L11.9999 8L17.9999 8C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/ArrowLeft.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsArrowLeft = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/ArrowLeft.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M3 12C3 11.4477 3.44772 11 4 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13L4 13C3.44772 13 3 12.5523 3 12Z'

ERROR in resources/scripts/components/elements/hugeicons/ArrowLeft.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 d='M5.02786 12C5.12116 12.1548 5.31675 12.4329 5.53062 12.6749C5.95637 13.1568 6.5431 13.7072 7.1556 14.2389C7.76313 14.7664 8.3736 15.2564 8.83397 15.6156C9.06363 15.7948 9.45995 16.0942 9.59308 16.1948C10.0377 16.5223 10.1327 17.1483 9.8052 17.5929C9.47769 18.0376 8.85169 18.1326 8.40699 17.8051L8.40328 17.8023C8.2589 17.6933 7.84028 17.3771 7.60352 17.1923C7.1264 16.82 6.48686 16.307 5.84439 15.7492C5.20689 15.1957 4.54362 14.5784 4.03187 13.9992C3.777 13.7108 3.53856 13.4082 3.35842 13.1094C3.19484 12.838 3.00002 12.4432 3 12C3.00002 11.5569 3.19484 11.162 3.35842 10.8906C3.53856 10.5918 3.777 10.2892 4.03186 10.0008C4.54362 9.4216 5.20689 8.80434 5.84439 8.25084C6.48686 7.69303 7.1264 7.18002 7.60352 6.80767C7.84028 6.62291 8.25863 6.30693 8.40301 6.19788L8.40699 6.19487C8.85169 5.86736 9.47769 5.96236 9.8052 6.40706C10.1327 6.85173 10.0377 7.47768 9.59308 7.80521C9.45995 7.90576 9.06363 8.20515 8.83397 8.38437C8.3736 8.74365 7.76313 9.23357 7.1556 9.76105C6.5431 10.2928 5.95637 10.8432 5.53062 11.3251C5.31675 11.5671 5.12116 11.8452 5.02786 12Z'
    21 |                 fill={props.fill}
    22 |             />

ERROR in resources/scripts/components/elements/hugeicons/ArrowRight.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsArrowRight = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/ArrowRight.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M14.5267 18L13.1187 16.5858L16.6882 13.0006L3.5 13.0006L3.5 11.0006L16.6886 11.0006L13.1186 7.41422L14.5266 6L20.5 12.0003L14.5267 18Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/ArrowUp.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsArrowUp = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/ArrowUp.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M18.593 15.8051C19.0376 15.4776 19.1326 14.8516 18.8051 14.4069C18.5507 14.0615 18.2963 13.7332 18.0731 13.4472C17.6276 12.8764 17.0143 12.1118 16.3479 11.3444C15.6859 10.5819 14.9518 9.79361 14.2666 9.18811C13.9251 8.88637 13.5721 8.60888 13.2279 8.4014C12.9112 8.21046 12.476 8 11.9999 8C11.5238 8 11.0885 8.21046 10.7718 8.4014C10.4276 8.60888 10.0747 8.88637 9.7332 9.18811C9.04791 9.79361 8.31387 10.5819 7.65183 11.3444C6.98548 12.1118 6.37216 12.8764 5.92664 13.4472C5.70347 13.7332 5.44902 14.0615 5.19463 14.4069C4.86712 14.8516 4.96211 15.4776 5.4068 15.8051C5.58556 15.9368 5.79362 16.0002 5.99982 16L11.9999 16L17.9999 16C18.2061 16.0002 18.4142 15.9368 18.593 15.8051Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/Clock.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsClock = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Clock.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M12.0005 3.20452C7.14297 3.20452 3.20516 7.14233 3.20516 11.9999C3.20516 16.8574 7.14294 20.7952 12.0005 20.7952C12.5402 20.7952 12.9777 21.2327 12.9777 21.7725C12.9777 22.3122 12.5402 22.7497 12.0005 22.7497C6.06348 22.7497 1.25064 17.9369 1.25064 11.9999C1.25064 6.06288 6.06352 1.25 12.0005 1.25C16.8203 1.25 20.8488 4.41956 22.2168 8.77525C22.31 9.07209 22.2564 9.39558 22.0722 9.64639C21.8881 9.89719 21.5956 10.0453 21.2845 10.0453H18.8413C18.3016 10.0453 17.864 9.60781 17.864 9.06809C17.864 8.79822 17.9734 8.5539 18.1503 8.37705L18.7732 7.75414C19.0461 7.4812 19.1826 7.34473 19.1937 7.15968C19.2049 6.97462 19.0942 6.8335 18.8728 6.55125C17.2725 4.51089 14.7971 3.20452 12.0005 3.20452ZM20.7955 12.0007C20.7955 11.461 21.233 11.0234 21.7727 11.0234C22.3125 11.0234 22.75 11.461 22.75 12.0007C22.75 12.3597 22.7338 12.715 22.7021 13.0659C22.6536 13.6034 22.1784 13.9998 21.6409 13.9513C21.1034 13.9027 20.707 13.4276 20.7555 12.89C20.7819 12.5976 20.7955 12.3009 20.7955 12.0007ZM20.179 15.415C20.3693 14.9099 20.933 14.6547 21.4381 14.8449C21.9431 15.0352 22.1984 15.5989 22.0081 16.1039C21.8483 16.5282 21.6644 16.9399 21.4582 17.3372C21.2096 17.8162 20.6197 18.003 20.1407 17.7544C19.6616 17.5058 19.4748 16.9159 19.7234 16.4368C19.8942 16.1079 20.0465 15.7668 20.179 15.415ZM18.2896 18.4762C18.6568 18.0806 19.2751 18.0576 19.6707 18.4248C20.0663 18.792 20.0893 19.4103 19.7222 19.8059C19.3946 20.1588 19.0447 20.4896 18.6748 20.7957C18.259 21.1398 17.643 21.0817 17.2989 20.6659C16.9548 20.2501 17.0129 19.634 17.4287 19.2899C17.7322 19.0388 18.0198 18.7669 18.2896 18.4762ZM15.5023 20.5014C15.9931 20.2767 16.573 20.4924 16.7977 20.9831C17.0224 21.4739 16.8068 22.0538 16.316 22.2785C15.966 22.4388 15.6061 22.5802 15.2375 22.7016C14.7248 22.8703 14.1724 22.5915 14.0036 22.0788C13.8349 21.5662 14.1137 21.0138 14.6264 20.845C14.9254 20.7466 15.2177 20.6318 15.5023 20.5014Z'

ERROR in resources/scripts/components/elements/hugeicons/Clock.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M12 7C12.5523 7 13 7.44772 13 8V11.5858L14.7071 13.2929C15.0976 13.6834 15.0976 14.3166 14.7071 14.7071C14.3166 15.0976 13.6834 15.0976 13.2929 14.7071L11.2929 12.7071C11.1054 12.5196 11 12.2652 11 12V8C11 7.44772 11.4477 7 12 7Z'

ERROR in resources/scripts/components/elements/hugeicons/CloudUp.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsCloudUp = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/CloudUp.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M13.0059 21.25C13.0059 21.8023 12.5581 22.25 12.0059 22.25C11.4536 22.25 11.0059 21.8023 11.0059 21.25L11.0059 16.75L10.4116 16.75C10.236 16.7501 10.0203 16.7503 9.84387 16.7282L9.84053 16.7278C9.71408 16.712 9.13804 16.6402 8.86368 16.0746C8.58872 15.5077 8.89065 15.0076 8.95597 14.8994L8.95841 14.8954C9.05062 14.7424 9.18477 14.5715 9.29511 14.4309L9.31885 14.4007C9.61348 14.0248 9.99545 13.5406 10.3759 13.1496C10.5657 12.9545 10.783 12.7533 11.0139 12.5944C11.2191 12.4532 11.5693 12.25 12 12.25C12.4307 12.25 12.7809 12.4532 12.9861 12.5944C13.217 12.7533 13.4343 12.9545 13.6241 13.1496C14.0046 13.5406 14.3865 14.0248 14.6812 14.4007L14.7049 14.4309C14.8152 14.5715 14.9494 14.7423 15.0416 14.8954L15.044 14.8994C15.1093 15.0076 15.4113 15.5078 15.1363 16.0746C14.862 16.6402 14.2859 16.712 14.1595 16.7278L14.1561 16.7282C13.9797 16.7503 13.764 16.7501 13.5884 16.75L13.0059 16.75L13.0059 21.25Z'

ERROR in resources/scripts/components/elements/hugeicons/CloudUp.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 d='M1.25 12.5C1.25 9.85826 3.03106 7.6332 5.45825 6.95919C5.65424 6.90476 5.75224 6.87755 5.80872 6.8197C5.8652 6.76184 5.88991 6.66384 5.93931 6.46783C6.62272 3.75653 9.07671 1.75 12 1.75C15.2149 1.75 17.8628 4.17731 18.2112 7.29924C18.2385 7.54459 18.2522 7.6673 18.3147 7.73828C18.3772 7.80927 18.4989 7.8388 18.7423 7.89786C21.0422 8.45589 22.75 10.5285 22.75 13C22.75 15.8995 20.3995 18.25 17.5 18.25H16.4006C15.942 18.25 15.7126 18.25 15.6826 18.2119C15.6679 18.1933 15.6641 18.1839 15.6617 18.1603C15.6567 18.1121 15.8519 17.9223 16.2425 17.5427C17.2326 16.5804 17.255 14.9976 16.2927 14.0075C15.6442 13.1982 15.0315 12.3422 14.2379 11.6663C13.6086 11.1303 12.8426 10.75 12 10.75C11.1574 10.75 10.3914 11.1303 9.76209 11.6663C8.96846 12.3422 8.35575 13.1982 7.7073 14.0075C6.74496 14.9976 6.76745 16.5804 7.75753 17.5427C8.14807 17.9223 8.34334 18.1121 8.33832 18.1603C8.33587 18.1839 8.33206 18.1933 8.31739 18.2119C8.28737 18.25 8.05801 18.25 7.59942 18.25H7C3.82436 18.25 1.25 15.6756 1.25 12.5Z'
    21 |                 fill={props.fill}
    22 |             />

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsConnections = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M18.5 5.5L9.5 5.5C8.94772 5.5 8.5 5.05228 8.5 4.5C8.5 3.94772 8.94772 3.5 9.5 3.5L18.5 3.5C19.0523 3.5 19.5 3.94772 19.5 4.5C19.5 5.05229 19.0523 5.5 18.5 5.5Z'

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M7.79289 7.79289C8.18342 7.40237 8.81658 7.40237 9.20711 7.79289L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L7.79289 9.20711C7.40237 8.81658 7.40237 8.18342 7.79289 7.79289Z'

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:25:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    23 |                 fill={props.fill}
    24 |             />
  > 25 |             <path
       |              ^^^^
    26 |                 fillRule='evenodd'
    27 |                 clipRule='evenodd'
    28 |                 d='M4.5 7.5C5.05228 7.5 5.5 7.94772 5.5 8.5L5.5 19.5C5.5 20.0523 5.05228 20.5 4.5 20.5C3.94771 20.5 3.5 20.0523 3.5 19.5L3.5 8.5C3.5 7.94772 3.94772 7.5 4.5 7.5Z'

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:31:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    29 |                 fill={props.fill}
    30 |             />
  > 31 |             <circle cx='5.94444' cy='5.94444' r='4.44444' fill={props.fill} />
       |              ^^^^^^
    32 |             <path
    33 |                 d='M7 20C7 21.3807 5.88071 22.5 4.5 22.5C3.11929 22.5 2 21.3807 2 20C2 18.6193 3.11929 17.5 4.5 17.5C5.88071 17.5 7 18.6193 7 20Z'
    34 |                 fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:32:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    30 |             />
    31 |             <circle cx='5.94444' cy='5.94444' r='4.44444' fill={props.fill} />
  > 32 |             <path
       |              ^^^^
    33 |                 d='M7 20C7 21.3807 5.88071 22.5 4.5 22.5C3.11929 22.5 2 21.3807 2 20C2 18.6193 3.11929 17.5 4.5 17.5C5.88071 17.5 7 18.6193 7 20Z'
    34 |                 fill={props.fill}
    35 |             />

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:36:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    34 |                 fill={props.fill}
    35 |             />
  > 36 |             <circle cx='16' cy='16' r='2.5' fill={props.fill} />
       |              ^^^^^^
    37 |             <path
    38 |                 d='M22.5 4.5C22.5 5.88071 21.3807 7 20 7C18.6193 7 17.5 5.88071 17.5 4.5C17.5 3.11929 18.6193 2 20 2C21.3807 2 22.5 3.11929 22.5 4.5Z'
    39 |                 fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/Connections.tsx:37:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    35 |             />
    36 |             <circle cx='16' cy='16' r='2.5' fill={props.fill} />
  > 37 |             <path
       |              ^^^^
    38 |                 d='M22.5 4.5C22.5 5.88071 21.3807 7 20 7C18.6193 7 17.5 5.88071 17.5 4.5C17.5 3.11929 18.6193 2 20 2C21.3807 2 22.5 3.11929 22.5 4.5Z'
    39 |                 fill={props.fill}
    40 |             />

ERROR in resources/scripts/components/elements/hugeicons/Console.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsConsole = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Console.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M17.312 1.93059C15.9686 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68802 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50272 4.21911 2.11568 5.31137 1.93059 6.68802C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9686 1.93059 17.312C2.11568 18.6886 2.50272 19.7809 3.36091 20.6391C4.21911 21.4973 5.31137 21.8843 6.68802 22.0694C8.03144 22.25 9.7521 22.25 11.9428 22.25H11.9428H12.0572H12.0572C14.2479 22.25 15.9686 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6391 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9686 22.25 14.2479 22.25 12.0572V12.0572V11.9428V11.9428C22.25 9.7521 22.25 8.03144 22.0694 6.68802C21.8843 5.31137 21.4973 4.21911 20.6391 3.36091C19.7809 2.50272 18.6886 2.11568 17.312 1.93059ZM15.3471 10.7575C14.9288 10.3969 14.882 9.76547 15.2425 9.34714C15.6031 8.9288 16.2345 8.88198 16.6529 9.24255L17.8794 10.2997L17.9165 10.3317C18.1415 10.5255 18.3806 10.7314 18.5554 10.9289C18.7531 11.1522 19 11.5066 19 12C19 12.4934 18.7531 12.8478 18.5554 13.0711C18.3806 13.2686 18.1415 13.4746 17.9165 13.6684L17.8794 13.7003L16.6529 14.7575C16.2345 15.1181 15.6031 15.0712 15.2425 14.6529C14.882 14.2346 14.9288 13.6031 15.3471 13.2426L16.5737 12.1854C16.6552 12.1151 16.7256 12.0544 16.7876 12C16.7256 11.9456 16.6552 11.885 16.5737 11.8147L15.3471 10.7575ZM8.75746 9.34714C9.11804 9.76547 9.07121 10.3969 8.65288 10.7575L7.42634 11.8147C7.34477 11.885 7.27445 11.9456 7.21242 12C7.27445 12.0544 7.34477 12.1151 7.42634 12.1854L8.65288 13.2426C9.07121 13.6031 9.11804 14.2346 8.75746 14.6529C8.39689 15.0712 7.76546 15.1181 7.34712 14.7575L6.12058 13.7003L6.08353 13.6684L6.08353 13.6684C5.8585 13.4746 5.61941 13.2686 5.44458 13.0711C5.24691 12.8478 5 12.4934 5 12C5 11.5066 5.24691 11.1522 5.44458 10.9289C5.61941 10.7314 5.85851 10.5255 6.08354 10.3317L6.12058 10.2997L7.34712 9.24255C7.76546 8.88198 8.39689 8.9288 8.75746 9.34714ZM13.949 9.3165C14.1236 8.79256 13.8404 8.22624 13.3165 8.05159C12.7926 7.87694 12.2262 8.1601 12.0516 8.68404L10.0516 14.684C9.87694 15.208 10.1601 15.7743 10.684 15.949C11.208 16.1236 11.7743 15.8404 11.949 15.3165L13.949 9.3165Z'

ERROR in resources/scripts/components/elements/hugeicons/Controller.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsController = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Controller.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M7.9319 3.87839C8.06823 4.41358 7.74489 4.95796 7.20969 5.09429L5.24684 5.59429C4.71165 5.73062 4.16727 5.40728 4.03094 4.87209C3.89461 4.33689 4.21795 3.79252 4.75315 3.65619L6.716 3.15619C7.25119 3.01985 7.79557 3.3432 7.9319 3.87839ZM16.0299 3.8827C16.1638 3.34691 16.7067 3.02115 17.2425 3.1551L19.2425 3.6551C19.7783 3.78905 20.1041 4.33198 19.9701 4.86778C19.8362 5.40357 19.2933 5.72933 18.7575 5.59538L16.7575 5.09538C16.2217 4.96143 15.8959 4.4185 16.0299 3.8827Z'

ERROR in resources/scripts/components/elements/hugeicons/Controller.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M4.92505 6.17624C9.34097 5.10792 14.659 5.10792 19.0749 6.17624C20.1031 6.42499 20.8958 7.16753 21.2589 8.13707C21.8432 9.69712 22.5131 12.3265 22.7402 15.8864C22.9054 18.4746 20.9807 19.8308 19.2803 20.6873C18.8223 20.9181 18.3491 20.9287 17.917 20.7594C17.5185 20.6031 17.2028 20.3135 16.96 20.0252C16.4777 19.4523 16.1003 18.6589 15.8299 18.0495C15.6562 17.658 15.2778 17.4106 14.828 17.4106H9.17191C8.72214 17.4106 8.34373 17.658 8.17007 18.0495C7.8997 18.6589 7.52229 19.4523 7.03996 20.0252C6.79717 20.3135 6.48147 20.6031 6.0829 20.7594C5.65085 20.9287 5.1777 20.9181 4.71965 20.6873C3.03991 19.8412 1.09337 18.4937 1.25973 15.8864C1.48688 12.3265 2.15678 9.69712 2.74104 8.13707C3.10415 7.16753 3.89685 6.42499 4.92505 6.17624ZM9.70686 9.41789C10.0974 9.80842 10.0974 10.4416 9.70686 10.8321L8.91397 11.625L9.70686 12.4179C10.0974 12.8084 10.0974 13.4416 9.70686 13.8321C9.31634 14.2226 8.68317 14.2226 8.29265 13.8321L7.49976 13.0392L6.70686 13.8321C6.31634 14.2226 5.68317 14.2226 5.29265 13.8321C4.90213 13.4416 4.90213 12.8084 5.29265 12.4179L6.08554 11.625L5.29265 10.8321C4.90212 10.4416 4.90212 9.80842 5.29265 9.41789C5.68317 9.02737 6.31634 9.02737 6.70686 9.41789L7.49976 10.2108L8.29265 9.41789C8.68317 9.02737 9.31634 9.02737 9.70686 9.41789ZM15.997 11.125H15.988C15.4358 11.125 14.988 10.6773 14.988 10.125C14.988 9.57272 15.4358 9.125 15.988 9.125H15.997C16.5493 9.125 16.997 9.57272 16.997 10.125C16.997 10.6773 16.5493 11.125 15.997 11.125ZM16.988 13.125C16.988 12.5727 17.4358 12.125 17.988 12.125H17.997C18.5493 12.125 18.997 12.5727 18.997 13.125C18.997 13.6773 18.5493 14.125 17.997 14.125H17.988C17.4358 14.125 16.988 13.6773 16.988 13.125Z'

ERROR in resources/scripts/components/elements/hugeicons/Copy.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsCopy = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Copy.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M16.0549 8.25C17.4225 8.24998 18.5248 8.24996 19.3918 8.36652C20.2919 8.48754 21.0497 8.74643 21.6517 9.34835C22.2536 9.95027 22.5125 10.7081 22.6335 11.6083C22.75 12.4752 22.75 13.5775 22.75 14.9451V14.9451V16.0549V16.0549C22.75 17.4225 22.75 18.5248 22.6335 19.3918C22.5125 20.2919 22.2536 21.0497 21.6517 21.6517C21.0497 22.2536 20.2919 22.5125 19.3918 22.6335C18.5248 22.75 17.4225 22.75 16.0549 22.75H16.0549H14.9451H14.9451C13.5775 22.75 12.4752 22.75 11.6082 22.6335C10.7081 22.5125 9.95027 22.2536 9.34835 21.6516C8.74643 21.0497 8.48754 20.2919 8.36652 19.3918C8.24996 18.5248 8.24998 17.4225 8.25 16.0549V16.0549V14.9451V14.9451C8.24998 13.5775 8.24996 12.4752 8.36652 11.6082C8.48754 10.7081 8.74643 9.95027 9.34835 9.34835C9.95027 8.74643 10.7081 8.48754 11.6083 8.36652C12.4752 8.24996 13.5775 8.24998 14.9451 8.25H14.9451H16.0549H16.0549Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/Copy.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M6.75 14.8569C6.74991 13.5627 6.74983 12.3758 6.8799 11.4084C7.0232 10.3425 7.36034 9.21504 8.28769 8.28769C9.21504 7.36034 10.3425 7.0232 11.4084 6.8799C12.3758 6.74983 13.5627 6.74991 14.8569 6.75L17.0931 6.75C17.3891 6.75 17.5371 6.75 17.6261 6.65419C17.7151 6.55838 17.7045 6.4142 17.6833 6.12584C17.6648 5.87546 17.6412 5.63892 17.6111 5.41544C17.4818 4.45589 17.2232 3.6585 16.6718 2.98663C16.4744 2.74612 16.2539 2.52558 16.0134 2.3282C15.3044 1.74638 14.4557 1.49055 13.4248 1.36868C12.4205 1.24998 11.1512 1.24999 9.54893 1.25H9.45109C7.84883 1.24999 6.57947 1.24998 5.57525 1.36868C4.54428 1.49054 3.69558 1.74638 2.98663 2.3282C2.74612 2.52558 2.52558 2.74612 2.3282 2.98663C1.74638 3.69558 1.49055 4.54428 1.36868 5.57525C1.24998 6.57947 1.24999 7.84882 1.25 9.45108V9.54891C1.24999 11.1512 1.24998 12.4205 1.36868 13.4247C1.49054 14.4557 1.74638 15.3044 2.3282 16.0134C2.52558 16.2539 2.74612 16.4744 2.98663 16.6718C3.6585 17.2232 4.45589 17.4818 5.41544 17.6111C5.63892 17.6412 5.87546 17.6648 6.12584 17.6833C6.4142 17.7045 6.55838 17.7151 6.65419 17.6261C6.75 17.5371 6.75 17.3891 6.75 17.0931V14.8569Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/CPU.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsCPU = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/CPU.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M12.0565 3.25H12.0564H12.0564H11.9436H11.9436H11.9435C10.1058 3.24999 8.65018 3.24997 7.51098 3.40314C6.33856 3.56076 5.38961 3.89288 4.64124 4.64124C3.89288 5.38961 3.56076 6.33856 3.40314 7.51098C3.24997 8.65018 3.24999 10.1058 3.25 11.9436V11.9436V11.9436V12.0564V12.0564V12.0565C3.24999 13.8942 3.24997 15.3498 3.40314 16.489C3.56076 17.6614 3.89288 18.6104 4.64124 19.3588C5.38961 20.1071 6.33856 20.4392 7.51098 20.5969C8.65019 20.75 10.1059 20.75 11.9436 20.75H12.0565C13.8942 20.75 15.3498 20.75 16.489 20.5969C17.6614 20.4392 18.6104 20.1071 19.3588 19.3588C20.1071 18.6104 20.4392 17.6614 20.5969 16.489C20.75 15.3498 20.75 13.8942 20.75 12.0564V11.9435C20.75 10.1058 20.75 8.65019 20.5969 7.51098C20.4392 6.33856 20.1071 5.38961 19.3588 4.64124C18.6104 3.89288 17.6614 3.56076 16.489 3.40314C15.3498 3.24997 13.8942 3.24999 12.0565 3.25ZM13.7071 9.70711C14.0976 9.31658 14.0976 8.68342 13.7071 8.29289C13.3166 7.90237 12.6834 7.90237 12.2929 8.29289L8.29289 12.2929C7.90237 12.6834 7.90237 13.3166 8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L13.7071 9.70711ZM15.7071 12.2929C16.0976 12.6834 16.0976 13.3166 15.7071 13.7071L13.7071 15.7071C13.3166 16.0976 12.6834 16.0976 12.2929 15.7071C11.9024 15.3166 11.9024 14.6834 12.2929 14.2929L14.2929 12.2929C14.6834 11.9024 15.3166 11.9024 15.7071 12.2929Z'

ERROR in resources/scripts/components/elements/hugeicons/CPU.tsx:18:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    16 |                 d='M12.0565 3.25H12.0564H12.0564H11.9436H11.9436H11.9435C10.1058 3.24999 8.65018 3.24997 7.51098 3.40314C6.33856 3.56076 5.38961 3.89288 4.64124 4.64124C3.89288 5.38961 3.56076 6.33856 3.40314 7.51098C3.24997 8.65018 3.24999 10.1058 3.25 11.9436V11.9436V11.9436V12.0564V12.0564V12.0565C3.24999 13.8942 3.24997 15.3498 3.40314 16.489C3.56076 17.6614 3.89288 18.6104 4.64124 19.3588C5.38961 20.1071 6.33856 20.4392 7.51098 20.5969C8.65019 20.75 10.1059 20.75 11.9436 20.75H12.0565C13.8942 20.75 15.3498 20.75 16.489 20.5969C17.6614 20.4392 18.6104 20.1071 19.3588 19.3588C20.1071 18.6104 20.4392 17.6614 20.5969 16.489C20.75 15.3498 20.75 13.8942 20.75 12.0564V11.9435C20.75 10.1058 20.75 8.65019 20.5969 7.51098C20.4392 6.33856 20.1071 5.38961 19.3588 4.64124C18.6104 3.89288 17.6614 3.56076 16.489 3.40314C15.3498 3.24997 13.8942 3.24999 12.0565 3.25ZM13.7071 9.70711C14.0976 9.31658 14.0976 8.68342 13.7071 8.29289C13.3166 7.90237 12.6834 7.90237 12.2929 8.29289L8.29289 12.2929C7.90237 12.6834 7.90237 13.3166 8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L13.7071 9.70711ZM15.7071 12.2929C16.0976 12.6834 16.0976 13.3166 15.7071 13.7071L13.7071 15.7071C13.3166 16.0976 12.6834 16.0976 12.2929 15.7071C11.9024 15.3166 11.9024 14.6834 12.2929 14.2929L14.2929 12.2929C14.6834 11.9024 15.3166 11.9024 15.7071 12.2929Z'
    17 |             />
  > 18 |             <path
       |              ^^^^
    19 |                 fillRule='evenodd'
    20 |                 clipRule='evenodd'
    21 |                 d='M9.5 1C10.0523 1 10.5 1.44772 10.5 2V4C10.5 4.55228 10.0523 5 9.5 5C8.94772 5 8.5 4.55228 8.5 4V2C8.5 1.44772 8.94772 1 9.5 1ZM14.5 1C15.0523 1 15.5 1.44772 15.5 2V4C15.5 4.55228 15.0523 5 14.5 5C13.9477 5 13.5 4.55228 13.5 4V2C13.5 1.44772 13.9477 1 14.5 1ZM1 9.5C1 8.94772 1.44772 8.5 2 8.5H4C4.55228 8.5 5 8.94772 5 9.5C5 10.0523 4.55228 10.5 4 10.5H2C1.44772 10.5 1 10.0523 1 9.5ZM19 9.5C19 8.94772 19.4477 8.5 20 8.5H22C22.5523 8.5 23 8.94772 23 9.5C23 10.0523 22.5523 10.5 22 10.5H20C19.4477 10.5 19 10.0523 19 9.5ZM1 14.5C1 13.9477 1.44772 13.5 2 13.5H4C4.55228 13.5 5 13.9477 5 14.5C5 15.0523 4.55228 15.5 4 15.5H2C1.44772 15.5 1 15.0523 1 14.5ZM19 14.5C19 13.9477 19.4477 13.5 20 13.5H22C22.5523 13.5 23 13.9477 23 14.5C23 15.0523 22.5523 15.5 22 15.5H20C19.4477 15.5 19 15.0523 19 14.5ZM9.5 19C10.0523 19 10.5 19.4477 10.5 20V22C10.5 22.5523 10.0523 23 9.5 23C8.94772 23 8.5 22.5523 8.5 22V20C8.5 19.4477 8.94772 19 9.5 19ZM14.5 19C15.0523 19 15.5 19.4477 15.5 20V22C15.5 22.5523 15.0523 23 14.5 23C13.9477 23 13.5 22.5523 13.5 22V20C13.5 19.4477 13.9477 19 14.5 19Z'

ERROR in resources/scripts/components/elements/hugeicons/DashboardSettings.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsDashboardSettings = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/DashboardSettings.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M1.25 6C1.25 3.37665 3.37665 1.25 6 1.25C8.62335 1.25 10.75 3.37665 10.75 6C10.75 8.62335 8.62335 10.75 6 10.75C3.37665 10.75 1.25 8.62335 1.25 6Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/DashboardSettings.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M1.25 18C1.25 15.3766 3.37665 13.25 6 13.25C8.62335 13.25 10.75 15.3766 10.75 18C10.75 20.6234 8.62335 22.75 6 22.75C3.37665 22.75 1.25 20.6234 1.25 18Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/DashboardSettings.tsx:21:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    19 |                 fill={props.fill}
    20 |             />
  > 21 |             <path
       |              ^^^^
    22 |                 d='M13.25 18C13.25 15.3766 15.3766 13.25 18 13.25C20.6234 13.25 22.75 15.3766 22.75 18C22.75 20.6234 20.6234 22.75 18 22.75C15.3766 22.75 13.25 20.6234 13.25 18Z'
    23 |                 fill={props.fill}
    24 |             />

ERROR in resources/scripts/components/elements/hugeicons/DashboardSettings.tsx:25:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    23 |                 fill={props.fill}
    24 |             />
  > 25 |             <path
       |              ^^^^
    26 |                 fillRule='evenodd'
    27 |                 clipRule='evenodd'
    28 |                 d='M17.7501 1.25C18.3024 1.25 18.7501 1.69772 18.7501 2.25V2.51987C19.3494 2.67537 19.8936 2.96738 20.3451 3.36095L20.7033 3.12703C21.1657 2.82503 21.7854 2.95507 22.0874 3.41748C22.3894 3.87988 22.2593 4.49955 21.7969 4.80154L21.463 5.01962C21.595 5.40613 21.6668 5.82007 21.6668 6.25C21.6668 6.68001 21.595 7.09402 21.4629 7.48058L21.7966 7.69846C22.259 8.00045 22.389 8.62012 22.087 9.08252C21.785 9.54493 21.1653 9.67496 20.7029 9.37297L20.345 9.13919C19.8934 9.53268 19.3494 9.82465 18.7501 9.98013V10.25C18.7501 10.8023 18.3024 11.25 17.7501 11.25C17.1978 11.25 16.7501 10.8023 16.7501 10.25V9.98013C16.1509 9.82465 15.6068 9.53268 15.1553 9.13919L14.7973 9.37297C14.3349 9.67496 13.7152 9.54493 13.4132 9.08252C13.1112 8.62012 13.2413 8.00045 13.7037 7.69846L14.0373 7.48058C13.9052 7.09402 13.8334 6.68001 13.8334 6.25C13.8334 5.82007 13.9052 5.40613 14.0372 5.01962L13.7033 4.80154C13.2409 4.49955 13.1109 3.87988 13.4129 3.41748C13.7149 2.95507 14.3345 2.82503 14.7969 3.12703L15.1551 3.36095C15.6067 2.96738 16.1508 2.67537 16.7501 2.51987V2.25C16.7501 1.69772 17.1978 1.25 17.7501 1.25ZM17.7501 4.39286C17.0767 4.39286 16.4906 4.7277 16.1492 5.22838C15.9489 5.52221 15.8334 5.87219 15.8334 6.25C15.8334 6.62786 15.9489 6.97787 16.1493 7.27173C16.4907 7.77235 17.0768 8.10714 17.7501 8.10714C18.4235 8.10714 19.0095 7.77235 19.3509 7.27173C19.5513 6.97787 19.6668 6.62786 19.6668 6.25C19.6668 5.87219 19.5514 5.52221 19.351 5.22838C19.0096 4.7277 18.4235 4.39286 17.7501 4.39286Z'

ERROR in resources/scripts/components/elements/hugeicons/Database.tsx:6:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 | const HugeIconsDatabase = (props: HugeIconProps) => {
    5 |     return (
  > 6 |         <svg
      |          ^^^
    7 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    8 |             width='24'
    9 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Database.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |             xmlns='http://www.w3.org/2000/svg'
    13 |         >
  > 14 |             <path
       |              ^^^^
    15 |                 fillRule='evenodd'
    16 |                 clipRule='evenodd'
    17 |                 d='M3 5C3 4.19711 3.43749 3.55194 3.96527 3.08401C4.49422 2.61504 5.20256 2.2384 5.99202 1.94235C7.57833 1.34749 9.70269 1 12 1C14.2973 1 16.4217 1.34749 18.008 1.94235C18.7974 2.2384 19.5058 2.61504 20.0347 3.08401C20.5625 3.55194 21 4.19711 21 5V9.98763C21 10.9324 20.8466 11.4637 20.0419 11.9907C19.7167 12.2037 19.3522 12.4055 18.9492 12.5952C16.9865 13.5188 14.3887 14 12 14C9.6113 14 7.01354 13.5188 5.0508 12.5952C4.64779 12.4055 4.28325 12.2037 3.95806 11.9907C3.15337 11.4637 3 10.9324 3 9.98763V5ZM6.57313 6.13845C5.97883 5.9045 5.55524 5.65279 5.29209 5.41948C4.9354 5.10324 4.9354 4.89676 5.29209 4.58052C5.57279 4.33166 6.03602 4.06185 6.69427 3.81501C8.0034 3.32409 9.87903 3 12 3C14.121 3 15.9966 3.32409 17.3057 3.81501C17.964 4.06185 18.4272 4.33166 18.7079 4.58052C19.0646 4.89676 19.0646 5.10324 18.7079 5.41948C18.4272 5.66834 17.964 5.93815 17.3057 6.18499C15.9966 6.67591 14.121 7 12 7C11.1029 7 10.2497 6.94202 9.46467 6.83796C8.48782 6.70847 7.52272 6.51225 6.57313 6.13845ZM7.21611 10.1257C6.81943 10.0065 6.40119 10.2314 6.28195 10.628C6.1627 11.0247 6.38761 11.443 6.78428 11.5622C7.42389 11.7545 8.1316 11.9106 8.88764 12.0254C9.29716 12.0875 9.67954 11.8059 9.7417 11.3964C9.80387 10.9869 9.52228 10.6045 9.11276 10.5424C8.41746 10.4368 7.77966 10.2951 7.21611 10.1257Z'

ERROR in resources/scripts/components/elements/hugeicons/Database.tsx:20:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    18 |                 fill={props.fill}
    19 |             />
  > 20 |             <path
       |              ^^^^
    21 |                 fillRule='evenodd'
    22 |                 clipRule='evenodd'
    23 |                 d='M3.62747 14.1164C3.3392 13.9608 3.19506 13.883 3.09753 13.9412C3 13.9993 3 14.1584 3 14.4765V18.9998C3 19.8027 3.43749 20.4479 3.96527 20.9158C4.49422 21.3848 5.20256 21.7614 5.99202 22.0575C7.57833 22.6523 9.70269 22.9998 12 22.9998C14.2973 22.9998 16.4217 22.6523 18.008 22.0575C18.7974 21.7614 19.5058 21.3848 20.0347 20.9158C20.5625 20.4479 21 19.8027 21 18.9998V14.4765C21 14.1584 21 13.9993 20.9025 13.9412C20.8049 13.883 20.6608 13.9608 20.3725 14.1164C20.1849 14.2177 19.994 14.3137 19.8008 14.4046C17.5135 15.481 14.6113 15.9998 12 15.9998C9.346 15.9998 6.60931 15.5388 4.1992 14.4046C4.00604 14.3137 3.81512 14.2177 3.62747 14.1164ZM7.21611 17.1257C6.81943 17.0065 6.40119 17.2314 6.28195 17.628C6.1627 18.0247 6.38761 18.443 6.78428 18.5622C7.42389 18.7545 8.1316 18.9106 8.88764 19.0254C9.29716 19.0875 9.67954 18.8059 9.7417 18.3964C9.80387 17.9869 9.52228 17.6045 9.11276 17.5424C8.41746 17.4368 7.77966 17.2951 7.21611 17.1257Z'

ERROR in resources/scripts/components/elements/hugeicons/Delete.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsDelete = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Delete.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M19.5825 15.6564C19.5058 16.9096 19.4449 17.9041 19.3202 18.6984C19.1922 19.5131 18.9874 20.1915 18.5777 20.7849C18.2029 21.3278 17.7204 21.786 17.1608 22.1303C16.5491 22.5067 15.8661 22.6713 15.0531 22.75L8.92739 22.7499C8.1135 22.671 7.42972 22.5061 6.8176 22.129C6.25763 21.7841 5.77494 21.3251 5.40028 20.7813C4.99073 20.1869 4.78656 19.5075 4.65957 18.6917C4.53574 17.8962 4.47623 16.9003 4.40122 15.6453L3.75 4.75H20.25L19.5825 15.6564ZM9.5 17.9609C9.08579 17.9609 8.75 17.6252 8.75 17.2109L8.75 11.2109C8.75 10.7967 9.08579 10.4609 9.5 10.4609C9.91421 10.4609 10.25 10.7967 10.25 11.2109L10.25 17.2109C10.25 17.6252 9.91421 17.9609 9.5 17.9609ZM15.25 11.2109C15.25 10.7967 14.9142 10.4609 14.5 10.4609C14.0858 10.4609 13.75 10.7967 13.75 11.2109V17.2109C13.75 17.6252 14.0858 17.9609 14.5 17.9609C14.9142 17.9609 15.25 17.6252 15.25 17.2109V11.2109Z'

ERROR in resources/scripts/components/elements/hugeicons/Delete.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M13.3473 1.28277C13.9124 1.33331 14.4435 1.50576 14.8996 1.84591C15.2369 2.09748 15.4712 2.40542 15.6714 2.73893C15.8569 3.04798 16.0437 3.4333 16.2555 3.8704L16.6823 4.7507H21C21.5523 4.7507 22 5.19842 22 5.7507C22 6.30299 21.5523 6.7507 21 6.7507C14.9998 6.7507 9.00019 6.7507 3 6.7507C2.44772 6.7507 2 6.30299 2 5.7507C2 5.19842 2.44772 4.7507 3 4.7507H7.40976L7.76556 3.97016C7.97212 3.51696 8.15403 3.11782 8.33676 2.79754C8.53387 2.45207 8.76721 2.13237 9.10861 1.87046C9.57032 1.51626 10.1121 1.33669 10.6899 1.28409C11.1249 1.24449 11.5634 1.24994 12 1.25064C12.5108 1.25146 12.97 1.24902 13.3473 1.28277ZM9.60776 4.7507H14.4597C14.233 4.28331 14.088 3.98707 13.9566 3.7682C13.7643 3.44787 13.5339 3.30745 13.1691 3.27482C12.9098 3.25163 12.5719 3.2507 12.0345 3.2507C11.4837 3.2507 11.137 3.25166 10.8712 3.27585C10.4971 3.30991 10.2639 3.45568 10.0739 3.78866C9.94941 4.00687 9.81387 4.29897 9.60776 4.7507Z'

ERROR in resources/scripts/components/elements/hugeicons/DesktopComputer.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsConnections = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
      |          ^^^
    6 |             <path
    7 |                 d='M14 2H10C6.72077 2 5.08116 2 3.91891 2.81382C3.48891 3.1149 3.1149 3.48891 2.81382 3.91891C2 5.08116 2 6.72077 2 10C2 13.2792 2 14.9188 2.81382 16.0811C3.1149 16.5111 3.48891 16.8851 3.91891 17.1862C5.08116 18 6.72077 18 10 18H14C17.2792 18 18.9188 18 20.0811 17.1862C20.5111 16.8851 20.8851 16.5111 21.1862 16.0811C22 14.9188 22 13.2792 22 10C22 6.72077 22 5.08116 21.1862 3.91891C20.8851 3.48891 20.5111 3.1149 20.0811 2.81382C18.9188 2 17.2792 2 14 2Z'
    8 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/DesktopComputer.tsx:6:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 |     return (
    5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
  > 6 |             <path
      |              ^^^^
    7 |                 d='M14 2H10C6.72077 2 5.08116 2 3.91891 2.81382C3.48891 3.1149 3.1149 3.48891 2.81382 3.91891C2 5.08116 2 6.72077 2 10C2 13.2792 2 14.9188 2.81382 16.0811C3.1149 16.5111 3.48891 16.8851 3.91891 17.1862C5.08116 18 6.72077 18 10 18H14C17.2792 18 18.9188 18 20.0811 17.1862C20.5111 16.8851 20.8851 16.5111 21.1862 16.0811C22 14.9188 22 13.2792 22 10C22 6.72077 22 5.08116 21.1862 3.91891C20.8851 3.48891 20.5111 3.1149 20.0811 2.81382C18.9188 2 17.2792 2 14 2Z'
    8 |                 stroke='currentColor'
    9 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/DesktopComputer.tsx:12:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    10 |                 strokeLinecap='round'
    11 |             />
  > 12 |             <path d='M11 15H13' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
       |              ^^^^
    13 |             <path
    14 |                 d='M14.5 22L14.1845 21.5811C13.4733 20.6369 13.2969 19.1944 13.7468 18M9.5 22L9.8155 21.5811C10.5267 20.6369 10.7031 19.1944 10.2532 18'
    15 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/DesktopComputer.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             />
    12 |             <path d='M11 15H13' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
  > 13 |             <path
       |              ^^^^
    14 |                 d='M14.5 22L14.1845 21.5811C13.4733 20.6369 13.2969 19.1944 13.7468 18M9.5 22L9.8155 21.5811C10.5267 20.6369 10.7031 19.1944 10.2532 18'
    15 |                 stroke='currentColor'
    16 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/DesktopComputer.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 strokeLinecap='round'
    18 |             />
  > 19 |             <path d='M7 22H17' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />
       |              ^^^^
    20 |         </svg>
    21 |     );
    22 | };

ERROR in resources/scripts/components/elements/hugeicons/Egg.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsEggs = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-12 w-12' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Egg.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M12 4.31768C14.2461 2.34541 17.0188 1.33526 19.1747 2.48374C22.5319 4.27221 22.7145 10.4012 20.684 14.5638C19.8309 16.3126 18.7032 17.4255 17.4415 18'    15 |                 fill={props.fill}
    16 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Egg.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 strokeLinecap='round'
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 d='M15 15.5C15 19.9183 12.0899 22 8.5 22C4.91015 22 2 19.9183 2 15.5C2 11.0817 4.78571 6 8.5 6C12.2143 6 15 11.0817 15 15.5Z'
    21 |                 fill={props.fill}
    22 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/FileDownload.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsFileDownload = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/FileDownload.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M16.5635 1.47773C15.5812 1.37497 14.3484 1.37499 12.8073 1.375H11.9773C11.4375 1.375 11 1.81255 11 2.35229C11 2.89203 11.4375 3.32957 11.9773 3.32957H12.7524C14.361 3.32957 15.4922 3.33082 16.3616 3.42177C17.2155 3.5111 17.6994 3.67786 18.0573 3.9309C18.2987 4.10165 18.5111 4.30274 18.6889 4.5271C18.9445 4.84959 19.1139 5.28238 19.2061 6.06917C19.3011 6.87893 19.3026 7.93626 19.3026 9.45971L19.3027 12.3599C19.3027 12.6269 19.3026 13.2655 19.022 13.7376C18.849 14.0286 18.6276 14.2717 18.4002 14.3956C18.0336 14.5951 17.6135 14.7084 17.1668 14.7084L16.1264 14.6719C15.7463 14.6641 15.3028 14.6761 14.8746 14.7908C14.0407 15.0142 13.3893 15.6656 13.1658 16.4996C13.0511 16.9278 13.0391 17.3713 13.047 17.7514L13.0835 18.7918C13.0835 19.2595 12.9591 19.6666 12.7417 20.045C12.615 20.2656 12.3943 20.4675 12.0895 20.6448C11.6274 20.9137 11.074 20.9162 10.7358 20.9177C10.3977 20.9192 10.0409 20.9204 9.74284 20.9204C7.90872 20.9204 7.24159 20.9065 6.73823 20.7291C5.8656 20.4216 5.1999 19.78 4.88981 18.9946C4.81217 18.798 4.75733 18.5396 4.72789 18.0916C4.69788 17.635 4.69739 17.052 4.69739 16.2118V12.0987C4.69739 11.5609 4.26145 11.125 3.72369 11.125C3.18594 11.125 2.75 11.5609 2.75 12.0987V16.2449C2.74999 17.0441 2.74999 17.6916 2.78473 18.2202C2.82052 18.7649 2.89613 19.2505 3.0794 19.7147C3.60821 21.054 4.71664 22.0883 6.0932 22.5733C6.952 22.8759 8.42408 22.8755 9.97909 22.8749C12.8187 22.8753 14.5054 22.8755 15.8878 22.3884C18.1078 21.6062 19.8815 19.9435 20.7249 17.8074C21.006 17.0955 21.1306 16.3308 21.1908 15.4139C21.25 14.5132 21.25 13.4006 21.25 11.9823V9.3988C21.25 7.95071 21.25 6.77806 21.1402 5.84073C21.026 4.86733 20.7828 4.02945 20.213 3.31039C19.9178 2.9379 19.5692 2.60912 19.1789 2.33307C18.4341 1.80641 17.5729 1.58332 16.5635 1.47773Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileDownload.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M8.00586 2.125C8.00586 1.57272 7.55814 1.125 7.00586 1.125C6.45357 1.125 6.00586 1.57272 6.00586 2.125L6.00586 6.62504L5.4116 6.62502C5.23596 6.62489 5.02031 6.62474 4.84387 6.64681L4.84053 6.64723C4.71408 6.663 4.13804 6.73483 3.86368 7.30043C3.58872 7.86725 3.89065 8.36739 3.95597 8.4756L4.29511 8.94408C4.58975 9.31991 4.99545 9.83437 5.37588 10.2254C5.56571 10.4205 5.78297 10.6217 6.01388 10.7806C6.21914 10.9218 6.56933 11.125 7 11.125C7.43067 11.125 7.78086 10.9218 7.98612 10.7806C8.21703 10.6217 8.43429 10.4205 8.62412 10.2254C9.00455 9.83437 9.41025 9.31992 9.70488 8.94409L10.044 8.47559C10.1093 8.36739 10.4113 7.86725 10.1363 7.30043C9.86196 6.73483 9.28592 6.66299 9.15947 6.64723L9.15613 6.64681C8.97969 6.62474 8.76403 6.62489 8.5884 6.62502L8.00586 6.62504L8.00586 2.125Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileExport.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsFileExport = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/FileExport.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M12.875 19.5059C12.3227 19.5059 11.875 19.0581 11.875 18.5059C11.875 17.9536 12.3227 17.5059 12.875 17.5059L17.375 17.5059L17.375 16.9116C17.3749 16.736 17.3747 16.5203 17.3968 16.3439L17.3972 16.3405C17.413 16.2141 17.4848 15.638 18.0504 15.3637C18.6173 15.0887 19.1174 15.3907 19.2256 15.456L19.6941 15.7951C20.0699 16.0897 20.5844 16.4954 20.9754 16.8759C21.1705 17.0657 21.3717 17.283 21.5306 17.5139C21.6718 17.7191 21.875 18.0693 21.875 18.5C21.875 18.9307 21.6718 19.2809 21.5306 19.4861C21.3717 19.717 21.1705 19.9343 20.9754 20.1241C20.5844 20.5046 20.0699 20.9102 19.6941 21.2049L19.2256 21.544C19.1174 21.6093 18.6172 21.9113 18.0504 21.6363C17.4848 21.362 17.413 20.7859 17.3972 20.6595L17.3968 20.6561C17.3747 20.4797 17.3749 20.264 17.375 20.0884L17.375 19.5059L12.875 19.5059Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileExport.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M6.81154 22.6472C7.79379 22.75 9.35661 22.75 10.8977 22.75C11.4375 22.75 11.875 22.3124 11.875 21.7727C11.875 21.233 11.4375 20.7954 10.8977 20.7954C9.28909 20.7954 7.88285 20.7941 7.0134 20.7032C6.15948 20.6138 5.67555 20.4471 5.31772 20.194C5.07627 20.0233 4.86389 19.8222 4.6861 19.5978C4.43053 19.2753 4.26109 18.8425 4.16886 18.0558C4.07393 17.246 4.07235 16.1887 4.07235 14.6652L4.07227 11.765C4.07225 11.498 4.07242 10.8595 4.35304 10.3873C4.52597 10.0963 4.74739 9.8532 4.97484 9.72938C5.34135 9.52986 5.76154 9.4165 6.20821 9.4165L7.24858 9.45299C7.62867 9.46088 8.07221 9.44887 8.50036 9.33415C9.33433 9.11069 9.98574 8.45928 10.2092 7.62531C10.3239 7.19716 10.3359 6.75362 10.328 6.37353L10.2915 5.33316C10.2915 4.86547 10.4159 4.45834 10.6333 4.07993C10.76 3.85934 10.9807 3.65745 11.2855 3.48014C11.7476 3.21123 12.301 3.20874 12.6392 3.20722C12.9773 3.20569 13.3341 3.20452 13.6322 3.20452C15.4663 3.20452 16.1334 3.21847 16.6368 3.39582C17.5094 3.70328 18.1751 4.34492 18.4852 5.13029C18.5628 5.32693 18.6177 5.58535 18.6471 6.0333C18.6771 6.48997 18.6776 7.07292 18.6776 7.91318V13.0263C18.6776 13.564 19.1136 14 19.6513 14C20.1891 14 20.625 13.564 20.625 13.0263V7.88C20.625 7.08084 20.625 6.43328 20.5903 5.9047C20.5545 5.36007 20.4789 4.8744 20.2956 4.41024C19.7668 3.07093 18.6584 2.03666 17.2818 1.55166C16.423 1.24907 14.9509 1.24946 13.3959 1.25C10.5563 1.24964 8.86965 1.24943 7.48721 1.73651C5.26721 2.51869 3.49348 4.18143 2.65009 6.31749C2.36897 7.02945 2.24444 7.79416 2.18419 8.711C2.125 9.61171 2.125 10.7243 2.125 12.1426V12.1426V14.7261C2.12498 16.1742 2.12496 17.3469 2.23485 18.2842C2.34896 19.2576 2.59221 20.0955 3.16204 20.8145C3.45722 21.187 3.80577 21.5158 4.19614 21.7919C4.9409 22.3185 5.80212 22.5416 6.81154 22.6472Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileSecurity.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsFileSecurity = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/FileSecurity.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M6.93654 22.6472C7.91879 22.75 9.48161 22.75 11.0227 22.75C11.5625 22.75 12 22.3124 12 21.7727C12 21.233 11.5625 20.7954 11.0227 20.7954C9.41409 20.7954 8.00785 20.7941 7.1384 20.7032C6.28448 20.6138 5.80055 20.4471 5.44272 20.194C5.20127 20.0233 4.98889 19.8222 4.8111 19.5978C4.55553 19.2753 4.38609 18.8425 4.29386 18.0558C4.19893 17.246 4.19735 16.1887 4.19735 14.6652L4.19727 11.765C4.19725 11.498 4.19742 10.8595 4.47804 10.3873C4.65097 10.0963 4.87239 9.8532 5.09984 9.72938C5.46635 9.52986 5.88654 9.4165 6.33321 9.4165L7.37358 9.45299C7.75367 9.46088 8.19721 9.44887 8.62536 9.33415C9.45933 9.11069 10.1107 8.45928 10.3342 7.62531C10.4489 7.19716 10.4609 6.75362 10.453 6.37353L10.4165 5.33316C10.4165 4.86547 10.5409 4.45834 10.7583 4.07993C10.885 3.85934 11.1057 3.65745 11.4105 3.48014C11.8726 3.21123 12.426 3.20874 12.7642 3.20722C13.1023 3.20569 13.4591 3.20452 13.7572 3.20452C15.5913 3.20452 16.2584 3.21847 16.7618 3.39582C17.6344 3.70328 18.3001 4.34492 18.6102 5.13029C18.6878 5.32693 18.7427 5.58535 18.7721 6.0333C18.8021 6.48997 18.8026 7.07292 18.8026 7.91318V11.0263C18.8026 11.564 19.2386 12 19.7763 12C20.3141 12 20.75 11.564 20.75 11.0263V7.88C20.75 7.08084 20.75 6.43328 20.7153 5.9047C20.6795 5.36007 20.6039 4.8744 20.4206 4.41024C19.8918 3.07093 18.7834 2.03666 17.4068 1.55166C16.548 1.24907 15.0759 1.24946 13.5209 1.25C10.6813 1.24964 8.99465 1.24943 7.61221 1.73651C5.39221 2.51869 3.61848 4.18143 2.77509 6.31749C2.49397 7.02945 2.36944 7.79416 2.30919 8.711C2.25 9.61171 2.25 10.7243 2.25 12.1426V12.1426V14.7261C2.24998 16.1742 2.24996 17.3469 2.35985 18.2842C2.47396 19.2576 2.71721 20.0955 3.28704 20.8145C3.58222 21.187 3.93077 21.5158 4.32114 21.7919C5.0659 22.3185 5.92712 22.5416 6.93654 22.6472Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileSecurity.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M14.3219 12.8228C14.908 12.5343 15.6173 12.25 16.4982 12.25C17.3792 12.25 18.0887 12.5343 18.675 12.8227C18.8696 12.9184 19.0403 13.0079 19.1971 13.09C19.5508 13.2754 19.8336 13.4236 20.1583 13.522C20.3622 13.5837 20.5689 13.6463 20.7134 13.7001C20.8392 13.7469 21.0665 13.8359 21.2415 14.0207C21.3965 14.1843 21.4706 14.3642 21.5137 14.5078C21.5498 14.6276 21.5803 14.789 21.6028 14.9077C22.2229 18.174 20.8583 21.3182 17.5193 22.5327C17.2123 22.6445 16.9225 22.75 16.4998 22.75C16.0771 22.75 15.7873 22.6445 15.4802 22.5327C12.1413 21.3183 10.7752 18.1743 11.3952 14.9077C11.4177 14.7891 11.4482 14.6277 11.4842 14.5079C11.5274 14.3643 11.6015 14.1844 11.7564 14.0208C11.9314 13.8361 12.1587 13.747 12.2845 13.7002C12.4289 13.6464 12.6357 13.5838 12.8396 13.522C13.1641 13.4236 13.4465 13.2755 13.8 13.0902C13.9567 13.008 14.1274 12.9185 14.3219 12.8228Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileZip.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsFileZip = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/FileZip.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M12.5 19.0991V20.3505C12.5 20.9102 12.5 21.1901 12.6115 21.406C12.7221 21.6201 12.9072 21.7928 13.1367 21.896C13.3681 22 13.6681 22 14.2681 22H15.2319C15.8319 22 16.1319 22 16.3633 21.896C16.5928 21.7928 16.7779 21.6201 16.8885 21.406C17 21.1901 17 20.9102 17 20.3505V19.0991C17 18.304 16.5185 17.5772 15.7562 17.2216C15.1228 16.9261 14.3772 16.9261 13.7438 17.2216C12.9815 17.5772 12.5 18.304 12.5 19.0991Z'
    15 |                 fill='white'
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileZip.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill='white'
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M21.1862 17.4235C21.25 16.4694 21.25 15.3453 21.25 14.0385V7.88451C21.25 7.08482 21.25 6.43682 21.2153 5.90789C21.1795 5.36289 21.1039 4.87689 20.9206 4.41241C20.3918 3.0722 19.2834 2.03723 17.9068 1.5519C17.048 1.24911 15.5759 1.2495 14.0209 1.25005C11.1813 1.24969 9.49465 1.24947 8.11221 1.73688C5.89222 2.51958 4.11848 4.18345 3.27509 6.32095C2.99398 7.03339 2.86944 7.79862 2.80919 8.71608C2.75 9.61734 2.75 10.7309 2.75 12.15V14.7353C2.74998 16.1843 2.74996 17.3578 2.85985 18.2957C2.97396 19.2698 3.21721 20.1082 3.78704 20.8278C4.08223 21.2005 4.43077 21.5295 4.82114 21.8058C5.5659 22.3328 6.42712 22.556 7.43654 22.6617C7.90449 22.7107 8.4293 22.7363 9.01723 22.7497C9.55902 22.7621 10 22.3212 10 21.7789C10 21.2409 9.56556 20.8062 9.02805 20.7936C8.4952 20.7811 8.03902 20.7583 7.6384 20.7163C6.78448 20.6269 6.30055 20.4601 5.94272 20.2069C5.70127 20.036 5.48889 19.8348 5.3111 19.6103C5.05554 19.2876 4.88609 18.8545 4.79386 18.0671C4.69893 17.2568 4.69735 16.1988 4.69735 14.6743L4.69727 11.7722C4.69725 11.505 4.69743 10.866 4.97804 10.3935C5.15098 10.1023 5.37239 9.85905 5.59984 9.73514C5.96635 9.53549 6.38655 9.42205 6.83322 9.42205L7.87358 9.45856C8.25367 9.46646 8.69721 9.45445 9.12536 9.33965C9.95933 9.11604 10.6107 8.46419 10.8342 7.62965C10.9489 7.20122 10.9609 6.75738 10.953 6.37703L10.9166 5.33596C10.9166 4.86795 11.0409 4.46055 11.2583 4.08188C11.385 3.86114 11.6057 3.65912 11.9105 3.48169C12.3726 3.2126 12.926 3.2101 13.2642 3.20858C13.6023 3.20705 13.9591 3.20588 14.2572 3.20588C16.0913 3.20588 16.7584 3.21984 17.2618 3.39731C18.1344 3.70498 18.8001 4.34705 19.1102 5.13295C19.1878 5.32973 19.2427 5.58832 19.2721 6.03657C19.3021 6.49355 19.3026 7.07689 19.3026 7.91772V13.9631C19.3026 15.278 19.3015 16.3107 19.2526 17.1485C19.2212 17.6853 19.5918 18.1789 20.1238 18.2552C20.6565 18.3316 21.1502 17.9609 21.1862 17.4235Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileZip.tsx:21:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    19 |                 fill={props.fill}
    20 |             />
  > 21 |             <path
       |              ^^^^
    22 |                 d='M13.4267 16.5419C14.2611 16.1527 15.2389 16.1527 16.0733 16.5419C17.0801 17.0116 17.75 17.9916 17.75 19.0991L17.75 20.377V20.377C17.75 20.6341 17.75 20.871 17.7335 21.0696C17.7155 21.2846 17.6744 21.5187 17.5549 21.7501C17.3629 22.1219 17.0475 22.4107 16.6708 22.5801C16.4411 22.6833 16.2095 22.7191 15.9902 22.735C15.7838 22.75 15.5354 22.75 15.2564 22.75H15.2564H14.2437H14.2436C13.9646 22.75 13.7162 22.75 13.5098 22.735C13.2905 22.7191 13.0589 22.6833 12.8292 22.5801C12.4525 22.4107 12.1371 22.1219 11.9451 21.7501C11.8256 21.5187 11.7845 21.2846 11.7665 21.0696C11.75 20.8711 11.75 20.6341 11.75 20.3771V20.377L11.75 20.3505V19.0991C11.75 17.9916 12.4199 17.0116 13.4267 16.5419Z'
    23 |                 fill={props.fill}
    24 |             />

ERROR in resources/scripts/components/elements/hugeicons/FileZip.tsx:25:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    23 |                 fill={props.fill}
    24 |             />
  > 25 |             <path
       |              ^^^^
    26 |                 fillRule='evenodd'
    27 |                 clipRule='evenodd'
    28 |                 d='M15.25 5.5C15.25 5.08579 15.5858 4.75 16 4.75H17C17.4142 4.75 17.75 5.08579 17.75 5.5C17.75 5.91421 17.4142 6.25 17 6.25H16C15.5858 6.25 15.25 5.91421 15.25 5.5ZM13.25 7.5C13.25 7.08579 13.5858 6.75 14 6.75H15C15.4142 6.75 15.75 7.08579 15.75 7.5C15.75 7.91421 15.4142 8.25 15 8.25H14C13.5858 8.25 13.25 7.91421 13.25 7.5ZM15.25 9.6C15.25 9.18579 15.5858 8.85 16 8.85H17C17.4142 8.85 17.75 9.18579 17.75 9.6C17.75 10.0142 17.4142 10.35 17 10.35H16C15.5858 10.35 15.25 10.0142 15.25 9.6ZM13.25 12C13.25 11.5858 13.5858 11.25 14 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H14C13.5858 12.75 13.25 12.4142 13.25 12ZM15.25 14C15.25 13.5858 15.5858 13.25 16 13.25H17C17.4142 13.25 17.75 13.5858 17.75 14C17.75 14.4142 17.4142 14.75 17 14.75H16C15.5858 14.75 15.25 14.4142 15.25 14Z'

ERROR in resources/scripts/components/elements/hugeicons/Folder.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsFolder = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Folder.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M7.785 3.30812C7.6039 3.22376 7.38178 3.20242 6.32595 3.20242C5.55108 3.20242 5.04842 3.20378 4.66633 3.24562C4.30655 3.28502 4.15503 3.35187 4.05577 3.42068C3.81547 3.58728 3.5906 3.8532 3.42965 4.21148C3.33971 4.41171 3.27289 4.69057 3.23698 5.19659C3.20057 5.70964 3.2 6.37092 3.2 7.32086V10.4695C3.2 12.9205 3.20135 14.6795 3.34616 16.0175C3.48985 17.3453 3.76288 18.1104 4.19883 18.652C4.61031 19.1632 5.15176 19.4588 6.1292 19.6221C7.15995 19.7942 8.5304 19.7974 10.5193 19.7974H11.5561C12.0946 19.7974 12.5311 20.2345 12.5311 20.7736C12.5311 21.3127 12.0946 21.7498 11.5561 21.7498H10.4332H10.4331C8.55149 21.7498 7.01783 21.7498 5.80834 21.5478C4.52712 21.3338 3.48373 20.8749 2.68053 19.8771C1.9018 18.9097 1.56749 17.706 1.40751 16.2278C1.24998 14.7723 1.24999 12.9075 1.25 10.53V7.28438V7.28436C1.24999 6.37947 1.24999 5.64868 1.29188 5.05824C1.33484 4.45285 1.42574 3.91267 1.65124 3.41067C1.94002 2.76782 2.3801 2.20767 2.94567 1.81557C3.41168 1.4925 3.91944 1.36341 4.45431 1.30484C4.955 1.25001 5.77487 1.24988 6.485 1.24991C7.29125 1.2487 7.98437 1.24765 8.60763 1.538C9.33078 1.87489 9.79993 2.4365 10.1323 2.99796C10.422 3.48716 10.6449 4.04448 10.8361 4.52255L10.8361 4.52256L11.1776 5.3717L15.4938 5.3717C16.3172 5.37166 17.0246 5.37162 17.6013 5.4445C18.2213 5.52285 18.7983 5.69601 19.3059 6.11735C19.6821 6.42958 19.9927 6.82026 20.2286 7.25887C20.6299 8.00505 20.7194 8.87723 20.7496 9.92617C20.7651 10.4651 20.3413 10.9145 19.8031 10.9301C19.2648 10.9456 18.8159 10.5213 18.8004 9.98243C18.7706 8.94657 18.6758 8.48963 18.5117 8.18454C18.3845 7.94809 18.2286 7.75917 18.0613 7.62033C17.9413 7.52071 17.7677 7.43338 17.3571 7.38149C16.9169 7.32586 16.3337 7.32405 15.435 7.32405H7.10403C6.56555 7.32405 6.12903 6.887 6.12903 6.34788C6.12903 5.80875 6.56555 5.3717 7.10403 5.3717H9.07528C8.87161 4.86433 8.6633 4.34545 8.45492 3.99351C8.23849 3.62796 8.02646 3.4206 7.785 3.30812Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/hugeicons/Folder.tsx:17:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    15 |                 fill={props.fill}
    16 |             />
  > 17 |             <path
       |              ^^^^
    18 |                 d='M17.3112 9.25592C18.4993 9.25589 19.4723 9.25587 20.2219 9.36309C21.0012 9.47456 21.6956 9.72121 22.178 10.3433C22.9349 11.3194 22.8068 12.5251 22.5484 13.4743C22.3712 14.1251 21.8122 15.4777 21.5792 16.0323C21.1387 17.2059 20.7894 18.1365 20.4353 18.8624C20.0717 19.6078 19.6753 20.198 19.109 20.66C18.262 21.3511 17.2532 21.6037 16.304 21.6971C15.6191 21.7644 14.8941 21.7519 14.2529 21.7409L9.87794 21.7333C8.15647 21.7333 6.78588 21.7333 5.73406 21.5893C4.65546 21.4415 3.7619 21.1249 3.12679 20.3687C2.0367 19.0708 2.13865 17.4388 2.49738 16.0483C2.74524 15.0876 3.16552 14.0813 3.51236 13.2508C3.71801 12.7029 4.28236 11.2746 4.4577 10.9114C4.64193 10.5297 4.85595 10.1949 5.17501 9.92133C5.67283 9.49456 6.25423 9.34181 6.76747 9.28454C7.14566 9.24234 7.55281 9.2483 7.88558 9.25316L17.3112 9.25592Z'
    19 |                 fill={props.fill}
    20 |             />

ERROR in resources/scripts/components/elements/hugeicons/Home.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsHome = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Home.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M21.6328 10.9887C21.8611 10.4595 21.7639 9.80273 21.2545 9.35692L15.395 4.2296C15.2791 4.12821 15.1612 4.02205 15.0409 3.91379C14.1767 3.1359 13.1924 2.25 11.9997 2.25C10.807 2.25 9.82272 3.13589 8.95847 3.91378C8.8382 4.02204 8.72025 4.1282 8.60439 4.22959L2.74491 9.35692C2.23543 9.80273 2.13831 10.4595 2.36662 10.9887C2.54339 11.3985 2.90593 11.718 3.36751 11.8355C3.57479 11.8883 3.67843 11.9147 3.72051 11.9686C3.76258 12.0225 3.76289 12.1089 3.76351 12.2818C3.76646 13.1014 3.77292 14.9211 3.77292 15.1392C3.7729 16.4846 3.77288 17.5762 3.89806 18.4362C4.02915 19.3368 4.31065 20.0912 4.95257 20.6841C5.58601 21.2691 6.37767 21.5185 7.32313 21.6359C8.24198 21.75 9.41323 21.75 10.88 21.75H13.1193C14.5861 21.75 15.7574 21.75 16.6762 21.6359C17.6217 21.5185 18.4134 21.2691 19.0468 20.6841C19.6887 20.0912 19.9702 19.3368 20.1013 18.4362C20.2265 17.5762 20.2265 16.4846 20.2265 15.1392C20.2265 14.9211 20.2329 13.1014 20.2359 12.2818C20.2365 12.1089 20.2368 12.0225 20.2789 11.9686C20.3209 11.9146 20.4246 11.8883 20.6319 11.8355C21.0934 11.718 21.456 11.3985 21.6328 10.9887ZM12 14.75C11.3096 14.75 10.75 15.3096 10.75 16C10.75 16.6904 11.3096 17.25 12 17.25H12.009C12.6993 17.25 13.259 16.6904 13.259 16C13.259 15.3096 12.6993 14.75 12.009 14.75H12Z'

ERROR in resources/scripts/components/elements/hugeicons/Link.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsLink = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/Link.tsx:11:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    10 |         >
  > 11 |             <path
       |              ^^^^
    12 |                 fillRule='evenodd'
    13 |                 d='M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z'
    14 |                 clipRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/MetaData.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsMetaData = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
      |          ^^^
    6 |             <path
    7 |                 d='M7 11V11.5M5 4C5 2.89543 5.89543 2 7 2C8.07458 2 9 2.80976 9 3.91898C9 4.29783 8.88786 4.66821 8.67771 4.98344L7.5547 6.66795C7.19301 7.21049 7 7.84795 7 8.5'
    8 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/MetaData.tsx:6:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 |     return (
    5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
  > 6 |             <path
      |              ^^^^
    7 |                 d='M7 11V11.5M5 4C5 2.89543 5.89543 2 7 2C8.07458 2 9 2.80976 9 3.91898C9 4.29783 8.88786 4.66821 8.67771 4.98344L7.5547 6.66795C7.19301 7.21049 7 7.84795 7 8.5'
    8 |                 stroke='currentColor'
    9 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/MetaData.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |                 strokeLinejoin='round'
    12 |             />
  > 13 |             <path
       |              ^^^^
    14 |                 d='M4 12L4 14.5442C4 17.7892 4 19.4117 4.88607 20.5107C5.06508 20.7327 5.26731 20.9349 5.48933 21.1139C6.58831 22 8.21082 22 11.4558 22C12.1614 22 12.5141 22 12.8372 21.886C12.9044 21.8623 12.9702 21.835 13.0345 21.8043C13.3436 21.6564 13.593 21.407 14.0919 20.9081L18.8284 16.1716C19.4065 15.5935 19.6955 15.3045 19.8478 14.9369C20 14.5694 20 14.1606 20 13.3431V10C20 6.22876 20 4.34315 18.8284 3.17157C17.6569 2 15.7712 2 12 2M13 21.5V21C13 18.1716 13 16.7574 13.8787 15.8787C14.7574 15 16.1716 15 19 15H19.5'
    15 |                 stroke='currentColor'
    16 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsMoveTo = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M8 5C8 4.44772 8.44772 4 9 4L19 4C19.5523 4 20 4.44772 20 5C20 5.55229 19.5523 6 19 6L9 6C8.44772 6 8 5.55228 8 5Z'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M4 5C4 4.44772 4.44571 4 4.99553 4H5.00447C5.55429 4 6 4.44772 6 5C6 5.55228 5.55429 6 5.00447 6H4.99553C4.44571 6 4 5.55228 4 5Z'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:25:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    23 |                 fill={props.fill}
    24 |             />
  > 25 |             <path
       |              ^^^^
    26 |                 fillRule='evenodd'
    27 |                 clipRule='evenodd'
    28 |                 d='M4 11C4 10.4477 4.44571 10 4.99553 10H5.00447C5.55429 10 6 10.4477 6 11C6 11.5523 5.55429 12 5.00447 12H4.99553C4.44571 12 4 11.5523 4 11Z'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:31:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    29 |                 fill={props.fill}
    30 |             />
  > 31 |             <path
       |              ^^^^
    32 |                 fillRule='evenodd'
    33 |                 clipRule='evenodd'
    34 |                 d='M4 17C4 16.4477 4.44571 16 4.99553 16H5.00447C5.55429 16 6 16.4477 6 17C6 17.5523 5.55429 18 5.00447 18H4.99553C4.44571 18 4 17.5523 4 17Z'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:37:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    35 |                 fill={props.fill}
    36 |             />
  > 37 |             <path
       |              ^^^^
    38 |                 fillRule='evenodd'
    39 |                 clipRule='evenodd'
    40 |                 d='M8 11C8 10.4477 8.44772 10 9 10L19 10C19.5523 10 20 10.4477 20 11C20 11.5523 19.5523 12 19 12L9 12C8.44772 12 8 11.5523 8 11Z'

ERROR in resources/scripts/components/elements/hugeicons/MoveTo.tsx:43:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    41 |                 fill={props.fill}
    42 |             />
  > 43 |             <path
       |              ^^^^
    44 |                 d='M16.2394 14.3508C16.5979 13.9307 17.2291 13.8809 17.6492 14.2394L18.8592 15.2721C19.1015 15.4788 19.3543 15.6945 19.5385 15.9005C19.7451 16.1317 20 16.4948 20 17C20 17.5052 19.7451 17.8683 19.5385 18.0995C19.3543 18.3056 19.1015 18.5212 18.8592 18.7279L17.6492 19.7606C17.2291 20.1192 16.5979 20.0693 16.2394 19.6492C16.0785 19.4608 15.9999 19.2298 16 19V18.6C16 18.3172 16 18.1758 15.9121 18.0879C15.8243 18 15.6828 18 15.4 18L9 18C8.44772 18 8 17.5523 8 17C8 16.4477 8.44772 16 9 16L15.4 16C15.6828 16 15.8243 16 15.9121 15.9122C16 15.8243 16 15.6829 16 15.4V14.9933C16.0014 14.7657 16.0801 14.5374 16.2394 14.3508Z'
    45 |                 fill={props.fill}
    46 |             />

ERROR in resources/scripts/components/elements/hugeicons/Pencil.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsPencil = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Pencil.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M10 19.75C10 19.1977 10.4477 18.75 11 18.75H17C17.5523 18.75 18 19.1977 18 19.75C18 20.3023 17.5523 20.75 17 20.75H11C10.4477 20.75 10 20.3023 10 19.75Z'

ERROR in resources/scripts/components/elements/hugeicons/Pencil.tsx:19:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    17 |                 fill={props.fill}
    18 |             />
  > 19 |             <path
       |              ^^^^
    20 |                 fillRule='evenodd'
    21 |                 clipRule='evenodd'
    22 |                 d='M14.1538 5.98203L6.36945 13.7664C5.40084 14.7347 4.80884 15.3266 4.40167 16.0553C4.17455 16.4617 3.97615 17.0782 3.8006 17.709C3.62 18.358 3.44221 19.1047 3.27249 19.8175L3.27041 19.8263C3.21009 20.0796 3.28552 20.3462 3.46969 20.5303C3.65385 20.7145 3.92037 20.7899 4.17373 20.7296L4.18242 20.7275L4.18262 20.7275L4.18294 20.7274C4.8956 20.5577 5.64214 20.38 6.29098 20.1994C6.92183 20.0239 7.53832 19.8255 7.94476 19.5983C8.67342 19.1912 9.26526 18.5992 10.2337 17.6306L18.018 9.84622L14.1538 5.98203ZM19.0786 8.78556L19.9497 7.91448C21.0168 6.84742 21.0168 5.11736 19.9497 4.0503C18.8827 2.98323 17.1526 2.98323 16.0855 4.0503L15.2145 4.92137L19.0786 8.78556Z'

ERROR in resources/scripts/components/elements/hugeicons/People.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsPeople = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/People.tsx:11:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    10 |         >
  > 11 |             <path
       |              ^^^^
    12 |                 fillRule='evenodd'
    13 |                 d='M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z'
    14 |                 clipRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/People.tsx:16:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    14 |                 clipRule='evenodd'
    15 |             />
  > 16 |             <path d='M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z' />
       |              ^^^^
    17 |         </svg>
    18 |     );
    19 | };

ERROR in resources/scripts/components/elements/hugeicons/RAM.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsRAM = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/RAM.tsx:11:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    10 |         >
  > 11 |             <path d='M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z' />
       |              ^^^^
    12 |             <path d='M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z' />
    13 |             <path d='M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z' />
    14 |             <path d='M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z' />

ERROR in resources/scripts/components/elements/hugeicons/RAM.tsx:12:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    10 |         >
    11 |             <path d='M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z' />
  > 12 |             <path d='M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z' />
       |              ^^^^
    13 |             <path d='M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z' />
    14 |             <path d='M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z' />
    15 |         </svg>

ERROR in resources/scripts/components/elements/hugeicons/RAM.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             <path d='M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z' />
    12 |             <path d='M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z' />
  > 13 |             <path d='M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z' />
       |              ^^^^
    14 |             <path d='M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z' />
    15 |         </svg>
    16 |     );

ERROR in resources/scripts/components/elements/hugeicons/RAM.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |             <path d='M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z' />
    13 |             <path d='M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z' />
  > 14 |             <path d='M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z' />
       |              ^^^^
    15 |         </svg>
    16 |     );
    17 | };

ERROR in resources/scripts/components/elements/hugeicons/SquareLock.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsSquareLock = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/SquareLock.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M12 3.25C10.067 3.25 8.5 4.817 8.5 6.75V8.31016C9.61773 8.27048 10.7654 8.25 12 8.25C13.2346 8.25 14.3823 8.27048 15.5 8.31016V6.75C15.5 4.817 13.933 3.25 12 3.25ZM6.5 6.75V8.52712C4.93233 9.00686 3.74925 10.3861 3.52452 12.0552C3.37636 13.1556 3.25 14.3118 3.25 15.5C3.25 16.6882 3.37636 17.8444 3.52452 18.9448C3.79609 20.9618 5.46716 22.5555 7.52522 22.6501C8.95364 22.7158 10.4042 22.75 12 22.75C13.5958 22.75 15.0464 22.7158 16.4748 22.6501C18.5328 22.5555 20.2039 20.9618 20.4755 18.9448C20.6236 17.8444 20.75 16.6882 20.75 15.5C20.75 14.3118 20.6236 13.1556 20.4755 12.0552C20.2508 10.3861 19.0677 9.00686 17.5 8.52712V6.75C17.5 3.71243 15.0376 1.25 12 1.25C8.96243 1.25 6.5 3.71243 6.5 6.75ZM13 14.5C13 13.9477 12.5523 13.5 12 13.5C11.4477 13.5 11 13.9477 11 14.5V16.5C11 17.0523 11.4477 17.5 12 17.5C12.5523 17.5 13 17.0523 13 16.5V14.5Z'

ERROR in resources/scripts/components/elements/hugeicons/Ssh.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsSsh = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             width='24'

ERROR in resources/scripts/components/elements/hugeicons/Ssh.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    13 |         >
  > 14 |             <path
       |              ^^^^
    15 |                 d='M15.5 14.5C18.8137 14.5 21.5 11.8137 21.5 8.5C21.5 5.18629 18.8137 2.5 15.5 2.5C12.1863 2.5 9.5 5.18629 9.5 8.5C9.5 9.38041 9.68962 10.2165 10.0303 10.9697L2.5 18.5V21.5H5.5V19.5H7.5V17.5H9.5L13.0303 13.9697C13.7835 14.3104 14.6196 14.5 15.5 14.5Z'
    16 |                 stroke='currentColor'
    17 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Ssh.tsx:21:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    19 |                 strokeLinejoin='round'
    20 |             />
  > 21 |             <path
       |              ^^^^
    22 |                 d='M17.5 6.5L16.5 7.5'
    23 |                 stroke='currentColor'
    24 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Storage.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsStorage = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/Storage.tsx:11:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    10 |         >
  > 11 |             <path
       |              ^^^^
    12 |                 fillRule='evenodd'
    13 |                 d='M4.5 9.75a6 6 0 0 1 11.573-2.226 3.75 3.75 0 0 1 4.133 4.303A4.5 4.5 0 0 1 18 20.25H6.75a5.25 5.25 0 0 1-2.23-10.004 6.072 6.072 0 0 1-.02-.496Z'
    14 |                 clipRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/Support.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsSupport = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Support.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    12 |         >
  > 13 |             <path d='M18.8366 11.2566C19.234 11.2245 19.6363 11.3093 19.9853 11.5053C20.2362 11.6461 20.4235 11.8351 20.5588 11.9901C21.0149 12.544 21.7304 13.4205 22.0041 13.8091C22.2868 14.2104 22.5009 14.5927 22.6193 15.0259C22.7939 15.6652 22.7939 16.3348 22.6193 16.9741C22.4562 17.5711 22.1278 18.0849 21.8002 18.5137C21.6018 18.7733 20.9932 19.4868 20.7814 19.7323C20.5403 20.0265 20.3023 20.3168 19.9853 20.4947C19.6363 20.6906 19.234 20.7755 18.8366 20.7434C18.4789 20.7144 17.9881 20.4904 17.6252 20.3243C17.2691 20.1652 16.5975 19.8652 16.3417 19.1081C16.2487 18.8327 16.2494 18.5384 16.2501 18.2645V13.7355C16.2494 13.4616 16.2487 13.1672 16.3417 12.8919C16.5975 12.1348 17.2691 11.8348 17.6252 11.6757C17.9881 11.5096 18.4789 11.2856 18.8366 11.2566Z' />
       |              ^^^^
    14 |             <path d='M5.16338 11.2566C4.76601 11.2245 4.36371 11.3093 4.01467 11.5053C3.76377 11.6461 3.57649 11.8351 3.44114 11.9901C2.98513 12.544 2.2696 13.4205 1.99586 13.8091C1.71321 14.2104 1.49908 14.5927 1.38073 15.0259C1.2061 15.6652 1.2061 16.3348 1.38073 16.9741C1.54383 17.5711 1.87216 18.0849 2.19981 18.5137C2.39817 18.7733 3.00675 19.4868 3.21863 19.7323C3.45968 20.0265 3.69767 20.3168 4.01467 20.4947C4.36371 20.6906 4.76601 20.7755 5.16338 20.7434C5.52108 20.7144 6.01186 20.4904 6.37476 20.3243C6.73092 20.1652 7.40247 19.8652 7.65825 19.1081C7.75127 18.8327 7.75055 18.5384 7.74987 18.2645V13.7355C7.75055 13.4616 7.75127 13.1672 7.65825 12.8919C7.40247 12.1348 6.73092 11.8348 6.37476 11.6757C6.01186 11.5096 5.52108 11.2856 5.16338 11.2566Z' />
    15 |             <path
    16 |                 fillRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/Support.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |         >
    13 |             <path d='M18.8366 11.2566C19.234 11.2245 19.6363 11.3093 19.9853 11.5053C20.2362 11.6461 20.4235 11.8351 20.5588 11.9901C21.0149 12.544 21.7304 13.4205 22.0041 13.8091C22.2868 14.2104 22.5009 14.5927 22.6193 15.0259C22.7939 15.6652 22.7939 16.3348 22.6193 16.9741C22.4562 17.5711 22.1278 18.0849 21.8002 18.5137C21.6018 18.7733 20.9932 19.4868 20.7814 19.7323C20.5403 20.0265 20.3023 20.3168 19.9853 20.4947C19.6363 20.6906 19.234 20.7755 18.8366 20.7434C18.4789 20.7144 17.9881 20.4904 17.6252 20.3243C17.2691 20.1652 16.5975 19.8652 16.3417 19.1081C16.2487 18.8327 16.2494 18.5384 16.2501 18.2645V13.7355C16.2494 13.4616 16.2487 13.1672 16.3417 12.8919C16.5975 12.1348 17.2691 11.8348 17.6252 11.6757C17.9881 11.5096 18.4789 11.2856 18.8366 11.2566Z' />
  > 14 |             <path d='M5.16338 11.2566C4.76601 11.2245 4.36371 11.3093 4.01467 11.5053C3.76377 11.6461 3.57649 11.8351 3.44114 11.9901C2.98513 12.544 2.2696 13.4205 1.99586 13.8091C1.71321 14.2104 1.49908 14.5927 1.38073 15.0259C1.2061 15.6652 1.2061 16.3348 1.38073 16.9741C1.54383 17.5711 1.87216 18.0849 2.19981 18.5137C2.39817 18.7733 3.00675 19.4868 3.21863 19.7323C3.45968 20.0265 3.69767 20.3168 4.01467 20.4947C4.36371 20.6906 4.76601 20.7755 5.16338 20.7434C5.52108 20.7144 6.01186 20.4904 6.37476 20.3243C6.73092 20.1652 7.40247 19.8652 7.65825 19.1081C7.75127 18.8327 7.75055 18.5384 7.74987 18.2645V13.7355C7.75055 13.4616 7.75127 13.1672 7.65825 12.8919C7.40247 12.1348 6.73092 11.8348 6.37476 11.6757C6.01186 11.5096 5.52108 11.2856 5.16338 11.2566Z' />
       |              ^^^^
    15 |             <path
    16 |                 fillRule='evenodd'
    17 |                 clipRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/Support.tsx:15:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    13 |             <path d='M18.8366 11.2566C19.234 11.2245 19.6363 11.3093 19.9853 11.5053C20.2362 11.6461 20.4235 11.8351 20.5588 11.9901C21.0149 12.544 21.7304 13.4205 22.0041 13.8091C22.2868 14.2104 22.5009 14.5927 22.6193 15.0259C22.7939 15.6652 22.7939 16.3348 22.6193 16.9741C22.4562 17.5711 22.1278 18.0849 21.8002 18.5137C21.6018 18.7733 20.9932 19.4868 20.7814 19.7323C20.5403 20.0265 20.3023 20.3168 19.9853 20.4947C19.6363 20.6906 19.234 20.7755 18.8366 20.7434C18.4789 20.7144 17.9881 20.4904 17.6252 20.3243C17.2691 20.1652 16.5975 19.8652 16.3417 19.1081C16.2487 18.8327 16.2494 18.5384 16.2501 18.2645V13.7355C16.2494 13.4616 16.2487 13.1672 16.3417 12.8919C16.5975 12.1348 17.2691 11.8348 17.6252 11.6757C17.9881 11.5096 18.4789 11.2856 18.8366 11.2566Z' />
    14 |             <path d='M5.16338 11.2566C4.76601 11.2245 4.36371 11.3093 4.01467 11.5053C3.76377 11.6461 3.57649 11.8351 3.44114 11.9901C2.98513 12.544 2.2696 13.4205 1.99586 13.8091C1.71321 14.2104 1.49908 14.5927 1.38073 15.0259C1.2061 15.6652 1.2061 16.3348 1.38073 16.9741C1.54383 17.5711 1.87216 18.0849 2.19981 18.5137C2.39817 18.7733 3.00675 19.4868 3.21863 19.7323C3.45968 20.0265 3.69767 20.3168 4.01467 20.4947C4.36371 20.6906 4.76601 20.7755 5.16338 20.7434C5.52108 20.7144 6.01186 20.4904 6.37476 20.3243C6.73092 20.1652 7.40247 19.8652 7.65825 19.1081C7.75127 18.8327 7.75055 18.5384 7.74987 18.2645V13.7355C7.75055 13.4616 7.75127 13.1672 7.65825 12.8919C7.40247 12.1348 6.73092 11.8348 6.37476 11.6757C6.01186 11.5096 5.52108 11.2856 5.16338 11.2566Z' />
  > 15 |             <path
       |              ^^^^
    16 |                 fillRule='evenodd'
    17 |                 clipRule='evenodd'
    18 |                 d='M8.78066 20.0553C9.16431 19.6581 9.79738 19.647 10.1947 20.0307C11.1879 20.9898 12.8121 20.9898 13.8053 20.0307C14.2026 19.647 14.8357 19.6581 15.2193 20.0553C15.603 20.4526 15.5919 21.0857 15.1947 21.4693C13.4264 23.1769 10.5736 23.1769 8.80534 21.4693C8.40806 21.0857 8.39701 20.4526 8.78066 20.0553Z'

ERROR in resources/scripts/components/elements/hugeicons/Support.tsx:20:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    18 |                 d='M8.78066 20.0553C9.16431 19.6581 9.79738 19.647 10.1947 20.0307C11.1879 20.9898 12.8121 20.9898 13.8053 20.0307C14.2026 19.647 14.8357 19.6581 15.2193 20.0553C15.603 20.4526 15.5919 21.0857 15.1947 21.4693C13.4264 23.1769 10.5736 23.1769 8.80534 21.4693C8.40806 21.0857 8.39701 20.4526 8.78066 20.0553Z'
    19 |             />
  > 20 |             <path
       |              ^^^^
    21 |                 fillRule='evenodd'
    22 |                 clipRule='evenodd'
    23 |                 d='M12 3.1875C7.14239 3.1875 3.20454 7.09103 3.20454 11.9063V15.7812C3.20454 16.3163 2.767 16.75 2.22727 16.75C1.68754 16.75 1.25 16.3163 1.25 15.7812V11.9063C1.25 6.02097 6.06293 1.25 12 1.25C17.937 1.25 22.7499 6.02097 22.7499 11.9063L22.75 15.7812C22.75 16.3163 22.3125 16.75 21.7727 16.75C21.233 16.75 20.7955 16.3163 20.7955 15.7813L20.7954 11.9063C20.7954 7.09103 16.8576 3.1875 12 3.1875Z'

ERROR in resources/scripts/components/elements/hugeicons/Terminal.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsTerminal = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
      |          ^^^
    6 |             <path
    7 |                 d='M7 7L8.22654 8.05719C8.74218 8.50163 9 8.72386 9 9C9 9.27614 8.74218 9.49836 8.22654 9.94281L7 11'
    8 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/Terminal.tsx:6:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 |     return (
    5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
  > 6 |             <path
      |              ^^^^
    7 |                 d='M7 7L8.22654 8.05719C8.74218 8.50163 9 8.72386 9 9C9 9.27614 8.74218 9.49836 8.22654 9.94281L7 11'
    8 |                 stroke='currentColor'
    9 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Terminal.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |                 strokeLinejoin='round'
    12 |             />
  > 13 |             <path d='M11 11H14' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
       |              ^^^^
    14 |             <path
    15 |                 d='M12 21C15.7497 21 17.6246 21 18.9389 20.0451C19.3634 19.7367 19.7367 19.3634 20.0451 18.9389C21 17.6246 21 15.7497 21 12C21 8.25027 21 6.3754 20.0451 5.06107C19.7367 4.6366 19.3634 4.26331 18.9389 3.95491C17.6246 3 15.7497 3 12 3C8.25027 3 6.3754 3 5.06107 3.95491C4.6366 4.26331 4.26331 4.6366 3.95491 5.06107C3 6.3754 3 8.25027 3 12C3 15.7497 3 17.6246 3.95491 18.9389C4.26331 19.3634 4.6366 19.7367 5.06107 20.0451C6.3754 21 8.25027 21 12 21Z'
    16 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/Terminal.tsx:14:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    12 |             />
    13 |             <path d='M11 11H14' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
  > 14 |             <path
       |              ^^^^
    15 |                 d='M12 21C15.7497 21 17.6246 21 18.9389 20.0451C19.3634 19.7367 19.7367 19.3634 20.0451 18.9389C21 17.6246 21 15.7497 21 12C21 8.25027 21 6.3754 20.0451 5.06107C19.7367 4.6366 19.3634 4.26331 18.9389 3.95491C17.6246 3 15.7497 3 12 3C8.25027 3 6.3754 3 5.06107 3.95491C4.6366 4.26331 4.26331 4.6366 3.95491 5.06107C3 6.3754 3 8.25027 3 12C3 15.7497 3 17.6246 3.95491 18.9389C4.26331 19.3634 4.6366 19.7367 5.06107 20.0451C6.3754 21 8.25027 21 12 21Z'
    16 |                 stroke='currentColor'
    17 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/Tools.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsTools = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             viewBox='0 0 24 24'
    8 |             fill={props.fill}

ERROR in resources/scripts/components/elements/hugeicons/Tools.tsx:11:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     9 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    10 |         >
  > 11 |             <path
       |              ^^^^
    12 |                 fillRule='evenodd'
    13 |                 d='M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z'
    14 |                 clipRule='evenodd'

ERROR in resources/scripts/components/elements/hugeicons/UserShield.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconUserShield = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
      |          ^^^
    6 |             <path
    7 |                 d='M12 14.0466C9.7927 13.8404 7.53058 14.3187 5.57757 15.4816C4.1628 16.324 0.453365 18.0441 2.71266 20.1966C3.81631 21.248 5.04549 22 6.59087 22H13'
    8 |                 stroke='currentColor'

ERROR in resources/scripts/components/elements/hugeicons/UserShield.tsx:6:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 |     return (
    5 |         <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='#ffffff' fill='none'>
  > 6 |             <path
      |              ^^^^
    7 |                 d='M12 14.0466C9.7927 13.8404 7.53058 14.3187 5.57757 15.4816C4.1628 16.324 0.453365 18.0441 2.71266 20.1966C3.81631 21.248 5.04549 22 6.59087 22H13'
    8 |                 stroke='currentColor'
    9 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/UserShield.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |                 strokeLinejoin='round'
    12 |             />
  > 13 |             <path
       |              ^^^^
    14 |                 d='M15.5 6.5C15.5 8.98528 13.4853 11 11 11C8.51472 11 6.5 8.98528 6.5 6.5C6.5 4.01472 8.51472 2 11 2C13.4853 2 15.5 4.01472 15.5 6.5Z'
    15 |                 stroke='currentColor'
    16 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/UserShield.tsx:18:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    16 |                 strokeWidth='1.5'
    17 |             />
  > 18 |             <path
       |              ^^^^
    19 |                 d='M22 17.5V15C20 15 18.5 14 18.5 14C18.5 14 17 15 15 15V17.5C15 21 18.5 22 18.5 22C18.5 22 22 21 22 17.5Z'
    20 |                 stroke='currentColor'
    21 |                 strokeWidth='1.5'

ERROR in resources/scripts/components/elements/hugeicons/X.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsX = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             xmlns='http://www.w3.org/2000/svg'
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/X.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 fillRule='evenodd'
    15 |                 clipRule='evenodd'
    16 |                 d='M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z'

ERROR in resources/scripts/components/elements/hugeicons/X.tsx:18:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    16 |                 d='M19.8839 4.11612C20.372 4.60427 20.372 5.39573 19.8839 5.88388L5.88388 19.8839C5.39573 20.372 4.60427 20.372 4.11612 19.8839C3.62796 19.3957 3.62796 18.6043 4.11612 18.1161L18.1161 4.11612C18.6043 3.62796 19.3957 3.62796 19.8839 4.11612Z'
    17 |             />
  > 18 |             <path
       |              ^^^^
    19 |                 fillRule='evenodd'
    20 |                 clipRule='evenodd'
    21 |                 d='M4.11612 4.11612C4.60427 3.62796 5.39573 3.62796 5.88388 4.11612L19.8839 18.1161C20.372 18.6043 20.372 19.3957 19.8839 19.8839C19.3957 20.372 18.6043 20.372 18.1161 19.8839L4.11612 5.88388C3.62796 5.39573 3.62796 4.60427 4.11612 4.11612Z'

ERROR in resources/scripts/components/elements/hugeicons/Zap.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const HugeIconsZap = (props: HugeIconProps) => {
    4 |     return (
  > 5 |         <svg
      |          ^^^
    6 |             className={'h-6 w-6' + (props.className ? ` ${props.className}` : '')}
    7 |             width='24'
    8 |             height='24'

ERROR in resources/scripts/components/elements/hugeicons/Zap.tsx:13:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    11 |             xmlns='http://www.w3.org/2000/svg'
    12 |         >
  > 13 |             <path
       |              ^^^^
    14 |                 d='M16.0173 2.32514C16.5421 2.40348 17.1135 2.59299 17.4411 3.16038C17.7678 3.72637 17.6484 4.31617 17.4563 4.81136C17.2715 5.2879 16.9438 5.86433 16.5621 6.53565L15.4611 8.47252C15.2529 8.8388 15.1188 9.07576 15.0334 9.25737C14.9693 9.39366 14.9576 9.4495 14.9557 9.45874C14.9589 9.56981 15.0176 9.67007 15.1089 9.7266C15.1188 9.72978 15.1729 9.74649 15.318 9.75782C15.5167 9.77336 15.8182 9.7739 16.238 9.7739C16.7268 9.77389 17.1369 9.77388 17.4567 9.79838C17.766 9.82206 18.1302 9.87463 18.4355 10.0776C19.0284 10.4716 19.3367 11.1749 19.2285 11.8773C19.1729 12.2386 18.9678 12.5434 18.7773 12.7893C18.5803 13.0435 18.3046 13.3484 17.9756 13.7121L12.384 19.8952C11.8711 20.4625 11.4393 20.94 11.088 21.2463C10.9093 21.402 10.6983 21.5621 10.4628 21.6576C10.2035 21.7629 9.86127 21.8076 9.52137 21.6305C9.18223 21.4538 9.02287 21.1486 8.95948 20.8774C8.90175 20.6304 8.91012 20.3659 8.93375 20.1296C8.98022 19.6648 9.11946 19.035 9.28499 18.2864L9.98325 15.1277C10.1218 14.5012 10.2063 14.1103 10.2279 13.8242C10.2576 13.5884 10.0519 13.4872 9.94529 13.4662C9.66378 13.4254 9.26688 13.4236 8.62804 13.4236L8.11198 13.4236C7.41908 13.4236 6.81593 13.4237 6.34985 13.3543C5.85677 13.2808 5.32891 13.1044 4.99741 12.5916C4.66669 12.0801 4.72072 11.5262 4.85366 11.0454C4.97963 10.5899 5.22437 10.0364 5.50605 9.39944L7.35631 5.21448L7.35631 5.21448C7.61688 4.62508 7.83598 4.12946 8.05945 3.74142C8.29628 3.33017 8.56991 2.98046 8.96967 2.71931C9.3697 2.45798 9.79951 2.34835 10.2706 2.2977C10.7146 2.24997 11.2546 2.24998 11.8958 2.25L14.0836 2.25C14.8522 2.24995 15.5133 2.24991 16.0173 2.32514Z'
    15 |                 fill={props.fill}
    16 |             />

ERROR in resources/scripts/components/elements/ItemContainer.tsx:34:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    32 |
    33 |     return (
  > 34 |         <div
       |          ^^^
    35 |             className={`flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg ${divClasses}`}
    36 |         >
    37 |             {icon && (

ERROR in resources/scripts/components/elements/ItemContainer.tsx:38:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    36 |         >
    37 |             {icon && (
  > 38 |                 <div className={`w-10 h-10 items-center justify-center hidden sm:flex`}>
       |                  ^^^
    39 |                     <FontAwesomeIcon icon={icon} />
    40 |                 </div>
    41 |             )}

ERROR in resources/scripts/components/elements/ItemContainer.tsx:39:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    37 |             {icon && (
    38 |                 <div className={`w-10 h-10 items-center justify-center hidden sm:flex`}>
  > 39 |                     <FontAwesomeIcon icon={icon} />
       |                      ^^^^^^^^^^^^^^^
    40 |                 </div>
    41 |             )}
    42 |             <div className={`flex flex-1 flex-col`}>

ERROR in resources/scripts/components/elements/ItemContainer.tsx:42:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    40 |                 </div>
    41 |             )}
  > 42 |             <div className={`flex flex-1 flex-col`}>
       |              ^^^
    43 |                 <label htmlFor={uuid} className={`text-neutral-300 text-md font-bold ${titleClasses} ${labelClasses}`}>
    44 |                     {title}
    45 |                 </label>

ERROR in resources/scripts/components/elements/ItemContainer.tsx:43:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    41 |             )}
    42 |             <div className={`flex flex-1 flex-col`}>
  > 43 |                 <label htmlFor={uuid} className={`text-neutral-300 text-md font-bold ${titleClasses} ${labelClasses}`}>
       |                  ^^^^^
    44 |                     {title}
    45 |                 </label>
    46 |

ERROR in resources/scripts/components/elements/ItemContainer.tsx:49:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    47 |                 {/* i don't like how this duplicates the element, but idk how to get it working otherwise */}
    48 |                 {copyDescription ? (
  > 49 |                     <CopyOnClick text={description}>
       |                      ^^^^^^^^^^^
    50 |                         <label
    51 |                             htmlFor={uuid}
    52 |                             className={`text-neutral-500 text-sm font-semibold ${descriptionClasses} ${labelClasses}`}

ERROR in resources/scripts/components/elements/ItemContainer.tsx:50:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    48 |                 {copyDescription ? (
    49 |                     <CopyOnClick text={description}>
  > 50 |                         <label
       |                          ^^^^^
    51 |                             htmlFor={uuid}
    52 |                             className={`text-neutral-500 text-sm font-semibold ${descriptionClasses} ${labelClasses}`}
    53 |                         >

ERROR in resources/scripts/components/elements/ItemContainer.tsx:58:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    56 |                     </CopyOnClick>
    57 |                 ) : (
  > 58 |                     <label
       |                      ^^^^^
    59 |                         htmlFor={uuid}
    60 |                         className={`text-neutral-500 text-sm font-semibold ${descriptionClasses} ${labelClasses}`}
    61 |                     >

ERROR in resources/scripts/components/elements/MainPageHeader.tsx:1:18
TS2307: Cannot find module 'clsx' or its corresponding type declarations.
  > 1 | import clsx from 'clsx';
      |                  ^^^^^^
    2 | import styled from 'styled-components';
    3 |
    4 | const HeaderWrapper = styled.div``;

ERROR in resources/scripts/components/elements/MainPageHeader.tsx:20:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    18 | }) => {
    19 |     return (
  > 20 |         <HeaderWrapper
       |          ^^^^^^^^^^^^^
    21 |             className={clsx(
    22 |                 'flex',
    23 |                 direction === 'row' ? 'items-center flex-col md:flex-row' : 'items-start flex-col',

ERROR in resources/scripts/components/elements/MainPageHeader.tsx:28:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    26 |             )}
    27 |         >
  > 28 |             <div className='flex items-center gap-4 flex-wrap'>
       |              ^^^
    29 |                 <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem]'>{title}</h1>
    30 |                 {titleChildren}
    31 |             </div>

ERROR in resources/scripts/components/elements/MainPageHeader.tsx:29:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    27 |         >
    28 |             <div className='flex items-center gap-4 flex-wrap'>
  > 29 |                 <h1 className='text-[52px] font-extrabold leading-[98%] tracking-[-0.14rem]'>{title}</h1>
       |                  ^^
    30 |                 {titleChildren}
    31 |             </div>
    32 |             {children}

ERROR in resources/scripts/components/elements/pages/PageList.tsx:1:18
TS2307: Cannot find module 'clsx' or its corresponding type declarations.
  > 1 | import clsx from 'clsx';
      |                  ^^^^^^
    2 |
    3 | interface Props {
    4 |     children: React.ReactNode;

ERROR in resources/scripts/components/elements/pages/PageList.tsx:10:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     8 | const PageListContainer = ({ className, children }: Props) => {
     9 |     return (
  > 10 |         <div
       |          ^^^
    11 |             style={{
    12 |                 background: 'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(16, 16, 16) 0%, rgb(4, 4, 4) 100%)',
    13 |             }}

ERROR in resources/scripts/components/elements/pages/PageList.tsx:16:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    14 |             className={clsx(className, 'p-1 border-[1px] border-[#ffffff12] rounded-xl')}
    15 |         >
  > 16 |             <div className='flex h-full w-full flex-col gap-1 overflow-hidden rounded-lg'>{children}</div>
       |              ^^^
    17 |         </div>
    18 |     );
    19 | };

ERROR in resources/scripts/components/elements/pages/PageList.tsx:24:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    22 | const PageListItem = ({ className, children }: Props) => {
    23 |     return (
  > 24 |         <div
       |          ^^^
    25 |             className={clsx(
    26 |                 className,
    27 |                 'flex items-center rounded-md bg-[#ffffff11] px-2 sm:px-6 py-4 transition duration-100 hover:bg-[#ffffff19] hover:duration-0 gap-4 flex-col sm:flex-row',
ERROR in resources/scripts/components/elements/PyroLogo.tsx:4:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    2 | const Logo = () => {
    3 |     return (
  > 4 |         <svg
      |          ^^^
    5 |             xmlns='http://www.w3.org/2000/svg'
    6 |             className='flex h-full w-full shrink-0'
    7 |             width='284'

ERROR in resources/scripts/components/elements/PyroLogo.tsx:12:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    10 |             viewBox='0 0 284 61'
    11 |         >
  > 12 |             <path
       |              ^^^^
    13 |                 fill='url(#paint0_radial_10_136)'
    14 |                 fillRule='evenodd'
    15 |                 d='M.221 5.894c2.105 4.942 3.762 10.569 3.518 15.349-.124 2.415 2.375 5.89 4.683 6.683 2.568.881 4.998 2.762 6.208 6.329.66 1.942 3.005 3.258 4.995 2.696 4.253-1.203 9.98-1.256 14.475 3.247.529.53.764 1.286.597 2.012a15.343 15.343 0 01-10.022 10.946c-1.798.623-2.37 2.472-.468 2.575 2.41.13 6.157-.897 11.586-4.603.3-.205.71-.175.968.08.228.225.284.57.14.854l-.644 1.276c-.47.93-.358 2.043.287 2.864l.73.93c.431.549.54 1.28.285 1.928l-.192.49c-.14.353-.077.754.162 1.05.485.6 1.434.51 1.793-.172l.329-.623c.187-.355.445-.597.801-.407.717.382 2.333.346 2.279-.458l-.002-.029a.74.74 0 00-.22-.5L40.47 56.33a2.679 2.679 0 01-.396-3.238l.93-1.579a1.478 1.478 0 00-.104-1.656 1.48 1.48 0 01.292-2.097l.93-.69a1.89 1.89 0 012.297.036c.71.562.91 1.548.474 2.339l-.027.05a1.909 1.909 0 00.22 2.162l1.67 1.958c.405.476.502 1.139.25 1.709l-.165.375a.974.974 0 00.155 1.032.997.997 0 001.656-.232l.312-.68c.136-.296.445-.486.761-.398.091.026.186.057.282.095.69.27 2.127.084 2.052-.647a.675.675 0 00-.2-.402l-2.52-2.423a2.68 2.68 0 01-.523-3.172l.414-.796c.417-.802.408-1.762-.115-2.502a19.405 19.405 0 00-.56-.752c-.843-1.077-1.013-2.612-.04-3.576 3.14-3.11 8.802-6.355 15.662-4.248 2.002.614 4.458-.647 5.178-2.596.796-2.157 2.177-4.31 4.396-5.684 2.262-1.4 6.302-6.74 6.465-9.377.228-3.701 1.408-8.64 4.302-14.947 1.104-2.407-1.49-5.198-3.953-4.176C75.77 2.205 69.92 4.458 64.573 6.11c-1.138.352-1.935 1.377-1.96 2.557l-.183 8.996c-.008.393-.095.781-.308 1.112-1.138 1.767-4.333 5.01-10.452 7.749-1.31.586-2.828-.035-3.426-1.33l-.826-1.79c-1.06-2.565.04-5.525 6.322-6.655l.017-.003c.025-.004.04-.007.068-.017l.033-.012c.565-.203 1.4-.503 1.43-1.086.061-1.177-.167-2.505-1.224-2.907a1.529 1.529 0 00-.547-.078h-9.795c-.212 0-.424.02-.626.087-1.419.465-3.466 1.923-5.226 3.175-1.36.967-2.547 1.813-3.14 1.983a.5.5 0 01-.142.017c-.54 0-.847.572-.46.943.823.788 2.085 1.456 3.651 1.142 1.366-.274 2.94-.274 3.674.9 1.309 2.095 2.165 4.855.056 6.647-.361.307-.835.439-1.31.433-4.32-.057-12.867-1.902-18.27-9.031a2.514 2.514 0 01-.496-1.523v-8.77c0-1.227-.833-2.297-2.025-2.636A156.196 156.196 0 014.896 1.071C2.294.032-.869 3.334.221 5.894zM43.993 15.92a.823.823 0 00.827-.82.823.823 0 00-.827-.818.823.823 0 00-.827.819c0 .452.37.819.827.819z'

ERROR in resources/scripts/components/elements/PyroLogo.tsx:18:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    16 |                 clipRule='evenodd'
    17 |             ></path>
  > 18 |             <path
       |              ^^^^
    19 |                 fill='#F3B4A6'
    20 |                 fillOpacity='0.06'
    21 |                 fillRule='evenodd'

ERROR in resources/scripts/components/elements/PyroLogo.tsx:25:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    23 |                 clipRule='evenodd'
    24 |             ></path>
  > 25 |             <path
       |              ^^^^
    26 |                 fill='#fff'
    27 |                 d='M102.914 44.556v-25.29h9.699c1.741 0 3.278.305 4.612.916 1.356.611 2.419 1.516 3.188 2.716.768 1.2 1.153 2.682 1.153 4.447 0 1.72-.396 3.18-1.187 4.38-.769 1.199-1.832 2.115-3.188 2.749-1.334.611-2.86.917-4.578.917h-4.443v9.166h-5.256zm5.256-13.748h4.477c.746 0 1.39-.148 1.933-.442.542-.294.96-.701 1.254-1.222.317-.52.475-1.12.475-1.799 0-.702-.158-1.313-.475-1.833a3.112 3.112 0 00-1.254-1.222c-.543-.294-1.187-.442-1.933-.442h-4.477v6.96zM127.446 52.093a9.285 9.285 0 01-1.594-.136 4.546 4.546 0 01-1.322-.441V47.34c.316.09.689.17 1.119.238.43.068.825.102 1.187.102.995 0 1.707-.238 2.136-.713.43-.475.78-1.019 1.052-1.63l1.254-2.885-.067 4.243-8.139-20.674h5.459l5.392 14.7h-2.034l5.392-14.7h5.46l-7.936 20.267c-.497 1.29-1.108 2.365-1.831 3.225-.724.86-1.549 1.505-2.476 1.935-.904.43-1.921.645-3.052.645zM144.964 44.556V26.021h4.748v4.447l-.34-.645c.407-1.561 1.074-2.614 2.001-3.157.95-.566 2.069-.849 3.357-.849h1.086v4.413h-1.594c-1.244 0-2.25.385-3.018 1.155-.769.747-1.153 1.81-1.153 3.19v9.981h-5.087zM167.235 44.964c-1.831 0-3.504-.419-5.019-1.256a9.858 9.858 0 01-3.594-3.429c-.882-1.471-1.323-3.134-1.323-4.99 0-1.879.441-3.542 1.323-4.99a9.858 9.858 0 013.594-3.43c1.515-.837 3.188-1.255 5.019-1.255s3.493.418 4.985 1.256a9.598 9.598 0 013.561 3.428c.904 1.449 1.356 3.112 1.356 4.99 0 1.857-.452 3.52-1.356 4.991a9.598 9.598 0 01-3.561 3.429c-1.492.837-3.154 1.256-4.985 1.256zm0-4.583c.927 0 1.73-.215 2.408-.645a4.333 4.333 0 001.628-1.8c.407-.769.61-1.651.61-2.647 0-.996-.203-1.867-.61-2.614a4.334 4.334 0 00-1.628-1.8c-.678-.452-1.481-.678-2.408-.678-.927 0-1.741.226-2.441.678a4.564 4.564 0 00-1.662 1.8c-.384.747-.577 1.618-.577 2.614 0 .996.193 1.878.577 2.648.407.77.961 1.369 1.662 1.799.7.43 1.514.645 2.441.645zM188.85 44.964c-1.809 0-3.426-.43-4.85-1.29a9.49 9.49 0 01-3.391-3.497c-.814-1.47-1.221-3.1-1.221-4.888 0-1.81.418-3.44 1.255-4.889a9.49 9.49 0 013.391-3.496c1.424-.86 3.018-1.29 4.782-1.29 1.356 0 2.554.26 3.594.78 1.063.498 1.899 1.211 2.51 2.14l-.78 1.018V18.858h5.087v25.698h-4.748v-3.394l.475 1.052c-.633.905-1.492 1.596-2.578 2.07-1.085.454-2.26.68-3.526.68zm.61-4.583c.927 0 1.741-.215 2.442-.645a4.33 4.33 0 001.627-1.8c.407-.769.611-1.651.611-2.647 0-.996-.204-1.879-.611-2.648a4.331 4.331 0 00-1.627-1.8c-.701-.43-1.515-.644-2.442-.644-.927 0-1.763.226-2.51.678a4.488 4.488 0 00-1.695 1.8c-.407.747-.611 1.618-.611 2.614 0 .996.204 1.878.611 2.648.407.77.972 1.369 1.695 1.799.747.43 1.583.645 2.51.645zM208.683 44.964c-1.334 0-2.487-.215-3.459-.645-.972-.43-1.718-1.041-2.238-1.833-.52-.815-.78-1.777-.78-2.886 0-1.04.237-1.958.712-2.75.475-.814 1.198-1.493 2.17-2.037.995-.543 2.227-.927 3.697-1.154l5.663-.916v3.734l-4.748.849c-.723.135-1.277.373-1.661.712-.385.317-.577.781-.577 1.392 0 .566.215 1.008.644 1.324.43.317.961.476 1.594.476.837 0 1.572-.181 2.205-.543a3.767 3.767 0 001.458-1.46 4.113 4.113 0 00.542-2.071v-4.82c0-.702-.282-1.29-.847-1.766-.543-.475-1.289-.713-2.239-.713-.904 0-1.707.25-2.407.747a4.322 4.322 0 00-1.492 1.969l-4.07-1.935a6.616 6.616 0 011.73-2.682c.791-.747 1.74-1.324 2.848-1.731 1.108-.408 2.318-.611 3.629-.611 1.56 0 2.939.282 4.137.848 1.198.566 2.125 1.358 2.781 2.377.678.995 1.017 2.161 1.017 3.496v12.221h-4.748V41.57l1.153-.204c-.542.815-1.141 1.494-1.797 2.037-.655.52-1.39.906-2.204 1.154-.814.272-1.718.408-2.713.408zM231.811 44.964c-1.854 0-3.527-.419-5.019-1.256a9.863 9.863 0 01-3.527-3.497c-.859-1.47-1.288-3.123-1.288-4.956 0-1.833.429-3.474 1.288-4.923a9.26 9.26 0 013.527-3.462c1.492-.838 3.165-1.256 5.019-1.256 1.379 0 2.656.237 3.832.712a8.692 8.692 0 013.018 2.003 7.21 7.21 0 011.798 2.988l-4.409 1.9c-.316-.927-.859-1.662-1.628-2.206-.746-.543-1.616-.814-2.611-.814-.882 0-1.673.215-2.374.645-.678.43-1.221 1.03-1.628 1.799-.384.77-.576 1.652-.576 2.648 0 .996.192 1.878.576 2.648.407.77.95 1.369 1.628 1.799.701.43 1.492.645 2.374.645 1.017 0 1.899-.272 2.645-.815.746-.543 1.278-1.279 1.594-2.206l4.409 1.935c-.34 1.086-.927 2.06-1.764 2.92-.836.86-1.842 1.538-3.018 2.036-1.176.475-2.464.713-3.866.713zM252.373 44.76c-2.238 0-3.979-.6-5.223-1.799-1.22-1.222-1.831-2.92-1.831-5.092v-7.435h-3.12v-4.413h.17c.949 0 1.673-.238 2.17-.713.52-.475.78-1.188.78-2.139v-1.358h5.087v4.21h4.341v4.413h-4.341v7.095c0 .634.113 1.166.339 1.596.226.407.577.713 1.051.916.475.204 1.063.306 1.764.306.158 0 .339-.011.542-.034.204-.023.419-.045.645-.068v4.312c-.34.045-.724.09-1.153.135-.43.046-.837.068-1.221.068zM260.61 52.093a9.277 9.277 0 01-1.594-.136 4.563 4.563 0 01-1.323-.441V47.34c.317.09.69.17 1.12.238.429.068.825.102 1.187.102.994 0 1.706-.238 2.136-.713a6.11 6.11 0 001.051-1.63l1.255-2.885-.068 4.243-8.139-20.674h5.46l5.392 14.7h-2.035l5.392-14.7h5.46l-7.935 20.267c-.498 1.29-1.108 2.365-1.831 3.225-.724.86-1.549 1.505-2.476 1.935-.904.43-1.922.645-3.052.645zM278.128 44.556V18.858h5.086v25.698h-5.086z'
    28 |             ></path>

ERROR in resources/scripts/components/elements/PyroLogo.tsx:29:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    27 |                 d='M102.914 44.556v-25.29h9.699c1.741 0 3.278.305 4.612.916 1.356.611 2.419 1.516 3.188 2.716.768 1.2 1.153 2.682 1.153 4.447 0 1.72-.396 3.18-1.187 4.38-.769 1.199-1.832 2.115-3.188 2.749-1.334.611-2.86.917-4.578.917h-4.443v9.166h-5.256zm5.256-13.748h4.477c.746 0 1.39-.148 1.933-.442.542-.294.96-.701 1.254-1.222.317-.52.475-1.12.475-1.799 0-.702-.158-1.313-.475-1.833a3.112 3.112 0 00-1.254-1.222c-.543-.294-1.187-.442-1.933-.442h-4.477v6.96zM127.446 52.093a9.285 9.285 0 01-1.594-.136 4.546 4.546 0 01-1.322-.441V47.34c.316.09.689.17 1.119.238.43.068.825.102 1.187.102.995 0 1.707-.238 2.136-.713.43-.475.78-1.019 1.052-1.63l1.254-2.885-.067 4.243-8.139-20.674h5.459l5.392 14.7h-2.034l5.392-14.7h5.46l-7.936 20.267c-.497 1.29-1.108 2.365-1.831 3.225-.724.86-1.549 1.505-2.476 1.935-.904.43-1.921.645-3.052.645zM144.964 44.556V26.021h4.748v4.447l-.34-.645c.407-1.561 1.074-2.614 2.001-3.157.95-.566 2.069-.849 3.357-.849h1.086v4.413h-1.594c-1.244 0-2.25.385-3.018 1.155-.769.747-1.153 1.81-1.153 3.19v9.981h-5.087zM167.235 44.964c-1.831 0-3.504-.419-5.019-1.256a9.858 9.858 0 01-3.594-3.429c-.882-1.471-1.323-3.134-1.323-4.99 0-1.879.441-3.542 1.323-4.99a9.858 9.858 0 013.594-3.43c1.515-.837 3.188-1.255 5.019-1.255s3.493.418 4.985 1.256a9.598 9.598 0 013.561 3.428c.904 1.449 1.356 3.112 1.356 4.99 0 1.857-.452 3.52-1.356 4.991a9.598 9.598 0 01-3.561 3.429c-1.492.837-3.154 1.256-4.985 1.256zm0-4.583c.927 0 1.73-.215 2.408-.645a4.333 4.333 0 001.628-1.8c.407-.769.61-1.651.61-2.647 0-.996-.203-1.867-.61-2.614a4.334 4.334 0 00-1.628-1.8c-.678-.452-1.481-.678-2.408-.678-.927 0-1.741.226-2.441.678a4.564 4.564 0 00-1.662 1.8c-.384.747-.577 1.618-.577 2.614 0 .996.193 1.878.577 2.648.407.77.961 1.369 1.662 1.799.7.43 1.514.645 2.441.645zM188.85 44.964c-1.809 0-3.426-.43-4.85-1.29a9.49 9.49 0 01-3.391-3.497c-.814-1.47-1.221-3.1-1.221-4.888 0-1.81.418-3.44 1.255-4.889a9.49 9.49 0 013.391-3.496c1.424-.86 3.018-1.29 4.782-1.29 1.356 0 2.554.26 3.594.78 1.063.498 1.899 1.211 2.51 2.14l-.78 1.018V18.858h5.087v25.698h-4.748v-3.394l.475 1.052c-.633.905-1.492 1.596-2.578 2.07-1.085.454-2.26.68-3.526.68zm.61-4.583c.927 0 1.741-.215 2.442-.645a4.33 4.33 0 001.627-1.8c.407-.769.611-1.651.611-2.647 0-.996-.204-1.879-.611-2.648a4.331 4.331 0 00-1.627-1.8c-.701-.43-1.515-.644-2.442-.644-.927 0-1.763.226-2.51.678a4.488 4.488 0 00-1.695 1.8c-.407.747-.611 1.618-.611 2.614 0 .996.204 1.878.611 2.648.407.77.972 1.369 1.695 1.799.747.43 1.583.645 2.51.645zM208.683 44.964c-1.334 0-2.487-.215-3.459-.645-.972-.43-1.718-1.041-2.238-1.833-.52-.815-.78-1.777-.78-2.886 0-1.04.237-1.958.712-2.75.475-.814 1.198-1.493 2.17-2.037.995-.543 2.227-.927 3.697-1.154l5.663-.916v3.734l-4.748.849c-.723.135-1.277.373-1.661.712-.385.317-.577.781-.577 1.392 0 .566.215 1.008.644 1.324.43.317.961.476 1.594.476.837 0 1.572-.181 2.205-.543a3.767 3.767 0 001.458-1.46 4.113 4.113 0 00.542-2.071v-4.82c0-.702-.282-1.29-.847-1.766-.543-.475-1.289-.713-2.239-.713-.904 0-1.707.25-2.407.747a4.322 4.322 0 00-1.492 1.969l-4.07-1.935a6.616 6.616 0 011.73-2.682c.791-.747 1.74-1.324 2.848-1.731 1.108-.408 2.318-.611 3.629-.611 1.56 0 2.939.282 4.137.848 1.198.566 2.125 1.358 2.781 2.377.678.995 1.017 2.161 1.017 3.496v12.221h-4.748V41.57l1.153-.204c-.542.815-1.141 1.494-1.797 2.037-.655.52-1.39.906-2.204 1.154-.814.272-1.718.408-2.713.408zM231.811 44.964c-1.854 0-3.527-.419-5.019-1.256a9.863 9.863 0 01-3.527-3.497c-.859-1.47-1.288-3.123-1.288-4.956 0-1.833.429-3.474 1.288-4.923a9.26 9.26 0 013.527-3.462c1.492-.838 3.165-1.256 5.019-1.256 1.379 0 2.656.237 3.832.712a8.692 8.692 0 013.018 2.003 7.21 7.21 0 011.798 2.988l-4.409 1.9c-.316-.927-.859-1.662-1.628-2.206-.746-.543-1.616-.814-2.611-.814-.882 0-1.673.215-2.374.645-.678.43-1.221 1.03-1.628 1.799-.384.77-.576 1.652-.576 2.648 0 .996.192 1.878.576 2.648.407.77.95 1.369 1.628 1.799.701.43 1.492.645 2.374.645 1.017 0 1.899-.272 2.645-.815.746-.543 1.278-1.279 1.594-2.206l4.409 1.935c-.34 1.086-.927 2.06-1.764 2.92-.836.86-1.842 1.538-3.018 2.036-1.176.475-2.464.713-3.866.713zM252.373 44.76c-2.238 0-3.979-.6-5.223-1.799-1.22-1.222-1.831-2.92-1.831-5.092v-7.435h-3.12v-4.413h.17c.949 0 1.673-.238 2.17-.713.52-.475.78-1.188.78-2.139v-1.358h5.087v4.21h4.341v4.413h-4.341v7.095c0 .634.113 1.166.339 1.596.226.407.577.713 1.051.916.475.204 1.063.306 1.764.306.158 0 .339-.011.542-.034.204-.023.419-.045.645-.068v4.312c-.34.045-.724.09-1.153.135-.43.046-.837.068-1.221.068zM260.61 52.093a9.277 9.277 0 01-1.594-.136 4.563 4.563 0 01-1.323-.441V47.34c.317.09.69.17 1.12.238.429.068.825.102 1.187.102.994 0 1.706-.238 2.136-.713a6.11 6.11 0 001.051-1.63l1.255-2.885-.068 4.243-8.139-20.674h5.46l5.392 14.7h-2.035l5.392-14.7h5.46l-7.935 20.267c-.498 1.29-1.108 2.365-1.831 3.225-.724.86-1.549 1.505-2.476 1.935-.904.43-1.922.645-3.052.645zM278.128 44.556V18.858h5.086v25.698h-5.086z'
    28 |             ></path>
  > 29 |             <defs>
       |              ^^^^
    30 |                 <radialGradient
    31 |                     id='paint0_radial_10_136'
    32 |                     cx='0'

ERROR in resources/scripts/components/elements/PyroLogo.tsx:30:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    28 |             ></path>
    29 |             <defs>
  > 30 |                 <radialGradient
       |                  ^^^^^^^^^^^^^^
    31 |                     id='paint0_radial_10_136'
    32 |                     cx='0'
    33 |                     cy='0'

ERROR in resources/scripts/components/elements/PyroLogo.tsx:38:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    36 |                     gradientUnits='userSpaceOnUse'
    37 |                 >
  > 38 |                     <stop stopColor='#FF343C'></stop>
       |                      ^^^^
    39 |                     <stop offset='1' stopColor='#F06F53'></stop>
    40 |                 </radialGradient>
    41 |             </defs>

ERROR in resources/scripts/components/elements/PyroLogo.tsx:39:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    37 |                 >
    38 |                     <stop stopColor='#FF343C'></stop>
  > 39 |                     <stop offset='1' stopColor='#F06F53'></stop>
       |                      ^^^^
    40 |                 </radialGradient>
    41 |             </defs>
    42 |         </svg>

ERROR in resources/scripts/components/elements/SwitchV2.tsx:3:35
TS2307: Cannot find module '@radix-ui/react-switch' or its corresponding type declarations.
    1 | 'use client';
    2 |
  > 3 | import * as SwitchPrimitives from '@radix-ui/react-switch';
      |                                   ^^^^^^^^^^^^^^^^^^^^^^^^
    4 | import * as React from 'react';
    5 |
    6 | import { cn } from '@/lib/utils';

ERROR in resources/scripts/components/elements/SwitchV2Container.tsx:15:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    13 | const SwitchV2Container = ({ name, label, description, defaultChecked, readOnly, onChange }: SwitchProps) => {
    14 |     return (
  > 15 |         <ItemContainer title={label} description={description}>
       |          ^^^^^^^^^^^^^
    16 |             <Switch
    17 |                 name={name}
    18 |                 onCheckedChange={(checked) => {

ERROR in resources/scripts/components/elements/SwitchV2Container.tsx:16:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    14 |     return (
    15 |         <ItemContainer title={label} description={description}>
  > 16 |             <Switch
       |              ^^^^^^
    17 |                 name={name}
    18 |                 onCheckedChange={(checked) => {
    19 |                     if (onChange) {

ERROR in resources/scripts/components/elements/SwitchV2Container.tsx:18:35
TS7006: Parameter 'checked' implicitly has an 'any' type.
    16 |             <Switch
    17 |                 name={name}
  > 18 |                 onCheckedChange={(checked) => {
       |                                   ^^^^^^^
    19 |                     if (onChange) {
    20 |                         onChange({
    21 |                             target: { checked } as HTMLInputElement,

ERROR in resources/scripts/components/elements/Tabs.tsx:1:32
TS2307: Cannot find module '@radix-ui/react-tabs' or its corresponding type declarations.
  > 1 | import * as TabsPrimitive from '@radix-ui/react-tabs';
      |                                ^^^^^^^^^^^^^^^^^^^^^^
    2 | import * as React from 'react';
    3 |
    4 | import { cn } from '@/lib/utils';

ERROR in resources/scripts/components/PyrodactylProvider.tsx:3:31
TS7031: Binding element 'children' implicitly has an 'any' type.
    1 | // Provides necessary information for components to function properly
    2 | // million-ignore
  > 3 | const PyrodactylProvider = ({ children }) => {
      |                               ^^^^^^^^
    4 |     return (
    5 |         <div
    6 |             data-pyro-pyrodactylprovider=''

ERROR in resources/scripts/components/PyrodactylProvider.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | const PyrodactylProvider = ({ children }) => {
    4 |     return (
  > 5 |         <div
      |          ^^^
    6 |             data-pyro-pyrodactylprovider=''
    7 |             data-pyro-pyrodactyl-version={import.meta.env.VITE_PYRODACTYL_VERSION}
    8 |             data-pyro-pyrodactyl-build={import.meta.env.VITE_PYRODACTYL_BUILD_NUMBER}

ERROR in resources/scripts/components/server/console/StatusPill.tsx:1:18
TS2307: Cannot find module 'clsx' or its corresponding type declarations.
  > 1 | import clsx from 'clsx';
      |                  ^^^^^^
    2 |
    3 | import { ServerContext } from '@/state/server';
    4 |

ERROR in resources/scripts/components/server/console/StatusPill.tsx:9:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
     7 |
     8 |     return (
  >  9 |         <div
       |          ^^^
    10 |             className={clsx(
    11 |                 'relative transition rounded-full pl-3 pr-3 py-2 flex items-center gap-1',
    12 |                 status === 'offline' ? 'bg-red-400/25' : status === 'running' ? 'bg-green-400/25' : 'bg-yellow-400/25',

ERROR in resources/scripts/components/server/console/StatusPill.tsx:15:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    13 |             )}
    14 |         >
  > 15 |             <div
       |              ^^^
    16 |                 className={clsx(
    17 |                     'transition rounded-full h-4 w-4',
    18 |                     status === 'offline' ? 'bg-red-500' : status === 'running' ? 'bg-green-500' : 'bg-yellow-500',

ERROR in resources/scripts/components/server/console/StatusPill.tsx:21:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    19 |                 )}
    20 |             ></div>
  > 21 |             <div
       |              ^^^
    22 |                 className={clsx(
    23 |                     'transition rounded-full h-4 w-4 animate-ping absolute top-2.5 opacity-45',
    24 |                     status === 'offline' ? 'bg-red-500' : status === 'running' ? 'bg-green-500' : 'bg-yellow-500',

ERROR in resources/scripts/components/server/console/StatusPill.tsx:27:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    25 |                 )}
    26 |             ></div>
  > 27 |             <div className='text-sm font-bold'>
       |              ^^^
    28 |                 {status === 'offline'
    29 |                     ? 'Offline'
    30 |                     : status === 'running'

ERROR in resources/scripts/components/server/files/NewFileButton.tsx:5:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    3 | export default ({ id }: { id: string }) => {
    4 |     return (
  > 5 |         <NavLink to={`/server/${id}/files/new${window.location.hash}`}>
      |          ^^^^^^^
    6 |             <div
    7 |                 style={{
    8 |                     background:

ERROR in resources/scripts/components/server/files/NewFileButton.tsx:6:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    4 |     return (
    5 |         <NavLink to={`/server/${id}/files/new${window.location.hash}`}>
  > 6 |             <div
      |              ^^^
    7 |                 style={{
    8 |                     background:
    9 |                         'radial-gradient(124.75% 124.75% at 50.01% -10.55%, rgb(36, 36, 36) 0%, rgb(20, 20, 20) 100%)',

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:3:23
TS2307: Cannot find module 'sonner' or its corresponding type declarations.
    1 | import { useEffect, useState } from 'react';
    2 | import isEqual from 'react-fast-compare';
  > 3 | import { toast } from 'sonner';
      |                       ^^^^^^^^
    4 |
    5 | import Button from '@/components/elements/ButtonV2';
    6 | import { MainPageHeader } from '@/components/elements/MainPageHeader';

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:83:82
TS2339: Property 'egg' does not exist on type 'Server'.
    81 |         [] as Egg[],
    82 |     );
  > 83 |     const currentEgg = ServerContext.useStoreState((state) => state.server.data!.egg);
       |                                                                                  ^^^
    84 |     const originalEgg = currentEgg;
    85 |     const currentEggName =
    86 |         nests &&

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:273:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    271 |
    272 |         return (
  > 273 |             <div>
        |              ^^^
    274 |                 {isLongDescription && !shouldShowFull ? (
    275 |                     <>
    276 |                         {`${description.slice(0, MAX_DESCRIPTION_LENGTH)}... `}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:275:21
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    273 |             <div>
    274 |                 {isLongDescription && !shouldShowFull ? (
  > 275 |                     <>
        |                     ^^
    276 |                         {`${description.slice(0, MAX_DESCRIPTION_LENGTH)}... `}
    277 |                         <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
    278 |                             Show More

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:277:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    275 |                     <>
    276 |                         {`${description.slice(0, MAX_DESCRIPTION_LENGTH)}... `}
  > 277 |                         <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
        |                          ^^^^^^
    278 |                             Show More
    279 |                         </button>
    280 |                     </>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:282:21
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    280 |                     </>
    281 |                 ) : (
  > 282 |                     <>
        |                     ^^
    283 |                         {description}
    284 |                         {isLongDescription && (
    285 |                             <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:285:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    283 |                         {description}
    284 |                         {isLongDescription && (
  > 285 |                             <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
        |                              ^^^^^^
    286 |                                 <span className='text-neutral-400'>..</span>Show Less
    287 |                             </button>
    288 |                         )}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:286:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    284 |                         {isLongDescription && (
    285 |                             <button className='text-brand' onClick={() => toggleDescriptionVisibility(index)}>
  > 286 |                                 <span className='text-neutral-400'>..</span>Show Less
        |                                  ^^^^
    287 |                             </button>
    288 |                         )}
    289 |                     </>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:296:10
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    294 |
    295 |     return (
  > 296 |         <ServerContentBlock title='Software'>
        |          ^^^^^^^^^^^^^^^^^^
    297 |             <MainPageHeader direction='column' title='Software'>
    298 |                 <h2 className='text-sm'>
    299 |                     Welcome to the software management page. Here you can change the game or software that is running on

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:297:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    295 |     return (
    296 |         <ServerContentBlock title='Software'>
  > 297 |             <MainPageHeader direction='column' title='Software'>
        |              ^^^^^^^^^^^^^^
    298 |                 <h2 className='text-sm'>
    299 |                     Welcome to the software management page. Here you can change the game or software that is running on
    300 |                     your server.

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:298:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    296 |         <ServerContentBlock title='Software'>
    297 |             <MainPageHeader direction='column' title='Software'>
  > 298 |                 <h2 className='text-sm'>
        |                  ^^
    299 |                     Welcome to the software management page. Here you can change the game or software that is running on
    300 |                     your server.
    301 |                 </h2>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:304:14
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    302 |             </MainPageHeader>
    303 |
  > 304 |             <Dialog.Confirm
        |              ^^^^^^^^^^^^^^
    305 |                 open={modalVisible}
    306 |                 title={'Confirm server reinstallation'}
    307 |                 confirm={'Yes, reinstall server'}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:316:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    314 |
    315 |             {!visible && (
  > 316 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08]'>
        |                  ^^^
    317 |                     <div className='w-full h-full'>
    318 |                         <div className='flex items-center justify-between pb-4 p-2'>
    319 |                             <div className='flex items-center gap-2'>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:317:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    315 |             {!visible && (
    316 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08]'>
  > 317 |                     <div className='w-full h-full'>
        |                      ^^^
    318 |                         <div className='flex items-center justify-between pb-4 p-2'>
    319 |                             <div className='flex items-center gap-2'>
    320 |                                 <HugeIconsEggs fill='currentColor' />

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:318:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    316 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08]'>
    317 |                     <div className='w-full h-full'>
  > 318 |                         <div className='flex items-center justify-between pb-4 p-2'>
        |                          ^^^
    319 |                             <div className='flex items-center gap-2'>
    320 |                                 <HugeIconsEggs fill='currentColor' />
    321 |                                 <div className='flex flex-col'>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:319:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    317 |                     <div className='w-full h-full'>
    318 |                         <div className='flex items-center justify-between pb-4 p-2'>
  > 319 |                             <div className='flex items-center gap-2'>
        |                              ^^^
    320 |                                 <HugeIconsEggs fill='currentColor' />
    321 |                                 <div className='flex flex-col'>
    322 |                                     <h1 className='text-2xl'>Current Egg</h1>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:320:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    318 |                         <div className='flex items-center justify-between pb-4 p-2'>
    319 |                             <div className='flex items-center gap-2'>
  > 320 |                                 <HugeIconsEggs fill='currentColor' />
        |                                  ^^^^^^^^^^^^^
    321 |                                 <div className='flex flex-col'>
    322 |                                     <h1 className='text-2xl'>Current Egg</h1>
    323 |                                     {currentEggName &&

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:321:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    319 |                             <div className='flex items-center gap-2'>
    320 |                                 <HugeIconsEggs fill='currentColor' />
  > 321 |                                 <div className='flex flex-col'>
        |                                  ^^^
    322 |                                     <h1 className='text-2xl'>Current Egg</h1>
    323 |                                     {currentEggName &&
    324 |                                         (currentEggName?.includes(blank_egg_prefix) ? (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:322:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    320 |                                 <HugeIconsEggs fill='currentColor' />
    321 |                                 <div className='flex flex-col'>
  > 322 |                                     <h1 className='text-2xl'>Current Egg</h1>
        |                                      ^^
    323 |                                     {currentEggName &&
    324 |                                         (currentEggName?.includes(blank_egg_prefix) ? (
    325 |                                             <p className='text-neutral-300 text-sm'>Please select a egg</p>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:325:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    323 |                                     {currentEggName &&
    324 |                                         (currentEggName?.includes(blank_egg_prefix) ? (
  > 325 |                                             <p className='text-neutral-300 text-sm'>Please select a egg</p>
        |                                              ^
    326 |                                         ) : (
    327 |                                             <p className='text-neutral-300 text-sm'>{currentEggName}</p>
    328 |                                         ))}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:327:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    325 |                                             <p className='text-neutral-300 text-sm'>Please select a egg</p>
    326 |                                         ) : (
  > 327 |                                             <p className='text-neutral-300 text-sm'>{currentEggName}</p>
        |                                              ^
    328 |                                         ))}
    329 |                                 </div>
    330 |                             </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:331:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    329 |                                 </div>
    330 |                             </div>
  > 331 |                             <button
        |                              ^^^^^^
    332 |                                 className='rounded-full border-[1px] border-[#ffffff12] px-4 py-2 text-sm font-bold shadow-md hover:border-[#ffffff22] hover:shadow-lg bg-gradient-to-b from-[#ffffff10] to-[#ffffff09] text-white'
    333 |                                 onClick={() => setVisible(true)}
    334 |                             >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:343:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    341 |
    342 |             {visible && (
  > 343 |                 <div className='relative rounded-xl shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] lg:h-[73svh]'>
        |                  ^^^
    344 |                     <div className='max-[480px]:flex max-[480px]:flex-col max-[480px]:items-center w-full h-full'>
    345 |                         <div className='flex max-[480px]:flex-col max-[480px]:gap-4 min-[480px]:items-center justify-between p-4 pr-5 mb-2'>
    346 |                             {steps.map((cstep, index) => (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:344:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    342 |             {visible && (
    343 |                 <div className='relative rounded-xl shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] lg:h-[73svh]'>
  > 344 |                     <div className='max-[480px]:flex max-[480px]:flex-col max-[480px]:items-center w-full h-full'>
        |                      ^^^
    345 |                         <div className='flex max-[480px]:flex-col max-[480px]:gap-4 min-[480px]:items-center justify-between p-4 pr-5 mb-2'>
    346 |                             {steps.map((cstep, index) => (
    347 |                                 <div

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:345:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    343 |                 <div className='relative rounded-xl shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] lg:h-[73svh]'>
    344 |                     <div className='max-[480px]:flex max-[480px]:flex-col max-[480px]:items-center w-full h-full'>
  > 345 |                         <div className='flex max-[480px]:flex-col max-[480px]:gap-4 min-[480px]:items-center justify-between p-4 pr-5 mb-2'>
        |                          ^^^
    346 |                             {steps.map((cstep, index) => (
    347 |                                 <div
    348 |                                     key={cstep.slug}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:347:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    345 |                         <div className='flex max-[480px]:flex-col max-[480px]:gap-4 min-[480px]:items-center justify-between p-4 pr-5 mb-2'>
    346 |                             {steps.map((cstep, index) => (
  > 347 |                                 <div
        |                                  ^^^
    348 |                                     key={cstep.slug}
    349 |                                     className={`${index !== steps.length - 1 ? 'w-full' : 'min-[480px]:w-[420px] min-[480px]:ml-4 min-[480px]:mr-4'} flex items-center gap-4`}
    350 |                                 >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:351:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    349 |                                     className={`${index !== steps.length - 1 ? 'w-full' : 'min-[480px]:w-[420px] min-[480px]:ml-4 min-[480px]:mr-4'} flex items-center gap-4`}
    350 |                                 >
  > 351 |                                     <div
        |                                      ^^^
    352 |                                         className='flex items-center gap-2'
    353 |                                         onClick={() => setStep(index)}
    354 |                                         style={{ cursor: 'pointer' }}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:356:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    354 |                                         style={{ cursor: 'pointer' }}
    355 |                                     >
  > 356 |                                         <div
        |                                          ^^^
    357 |                                             className={`${index < step + 1 ? 'border-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[#FF343C] to-[#F06F53] text-brand' : 'border-[#ffffff20] text-[#ffffff20]'} border-[2px] rounded-full p-1 w-8 h-8 text-sm font-bold shadow-md hover:shadow-lg items-center text-center`}
    358 |                                         >
    359 |                                             {index + 1}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:361:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    359 |                                             {index + 1}
    360 |                                         </div>
  > 361 |                                         <h2
        |                                          ^^
    362 |                                             className={`${index < step + 1 ? 'text-white' : 'text-[#ffffff20]'} text-sm font-bold min-[480px]:whitespace-nowrap`}
    363 |                                         >
    364 |                                             {cstep.title}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:368:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    366 |                                     </div>
    367 |                                     {index !== steps.length - 1 && (
  > 368 |                                         <div
        |                                          ^^^
    369 |                                             className={`${index < step ? 'border-brand' : 'border-[#ffffff12]'} border-t-2 border-dashed ml-4 w-[75%] hidden min-[480px]:block`}
    370 |                                         ></div>
    371 |                                     )}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:376:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    374 |                         </div>
    375 |
  > 376 |                         <div className='border-t border-[#ffffff20] m-4 mt-0 mb-0' />
        |                          ^^^
    377 |
    378 |                         <div className='p-4 pt-2'>
    379 |                             {step == 0 && (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:378:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    376 |                         <div className='border-t border-[#ffffff20] m-4 mt-0 mb-0' />
    377 |
  > 378 |                         <div className='p-4 pt-2'>
        |                          ^^^
    379 |                             {step == 0 && (
    380 |                                 <div>
    381 |                                     <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:380:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    378 |                         <div className='p-4 pt-2'>
    379 |                             {step == 0 && (
  > 380 |                                 <div>
        |                                  ^^^
    381 |                                     <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
    382 |                                         {nests?.map((nest) =>
    383 |                                             nest.attributes.name.includes(hidden_nest_prefix) ? null : (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:381:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    379 |                             {step == 0 && (
    380 |                                 <div>
  > 381 |                                     <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
        |                                      ^^^
    382 |                                         {nests?.map((nest) =>
    383 |                                             nest.attributes.name.includes(hidden_nest_prefix) ? null : (
    384 |                                                 <div

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:384:50
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    382 |                                         {nests?.map((nest) =>
    383 |                                             nest.attributes.name.includes(hidden_nest_prefix) ? null : (
  > 384 |                                                 <div
        |                                                  ^^^
    385 |                                                     key={nest.attributes.uuid}
    386 |                                                     className={`cursor-pointer bg-[#3333332a] border-[1px] p-4 rounded-lg w-full text-left ${
    387 |                                                         selectedNest?.attributes.uuid === nest.attributes.uuid

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:392:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    390 |                                                     }`}
    391 |                                                 >
  > 392 |                                                     <div className='flex items-center justify-between'>
        |                                                      ^^^
    393 |                                                         <p className='text-neutral-200 text-md'>
    394 |                                                             {nest.attributes.name}
    395 |                                                         </p>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:393:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    391 |                                                 >
    392 |                                                     <div className='flex items-center justify-between'>
  > 393 |                                                         <p className='text-neutral-200 text-md'>
        |                                                          ^
    394 |                                                             {nest.attributes.name}
    395 |                                                         </p>
    396 |                                                         <Button onClick={() => handleNestSelect(nest)}>Select</Button>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:396:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    394 |                                                             {nest.attributes.name}
    395 |                                                         </p>
  > 396 |                                                         <Button onClick={() => handleNestSelect(nest)}>Select</Button>
        |                                                          ^^^^^^
    397 |                                                     </div>
    398 |                                                     <p className='text-neutral-400 text-xs mt-2'>
    399 |                                                         {nest.attributes.description}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:398:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    396 |                                                         <Button onClick={() => handleNestSelect(nest)}>Select</Button>
    397 |                                                     </div>
  > 398 |                                                     <p className='text-neutral-400 text-xs mt-2'>
        |                                                      ^
    399 |                                                         {nest.attributes.description}
    400 |                                                     </p>
    401 |                                                 </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:409:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    407 |
    408 |                             {(step == 1 && selectedNest && (
  > 409 |                                 <div>
        |                                  ^^^
    410 |                                     <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
    411 |                                         {selectedNest.attributes.relationships.eggs.data.map((egg, eggIndex) =>
    412 |                                             currentEgg === egg.attributes.uuid ? null : (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:410:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    408 |                             {(step == 1 && selectedNest && (
    409 |                                 <div>
  > 410 |                                     <div className='grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4'>
        |                                      ^^^
    411 |                                         {selectedNest.attributes.relationships.eggs.data.map((egg, eggIndex) =>
    412 |                                             currentEgg === egg.attributes.uuid ? null : (
    413 |                                                 <div

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:413:50
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    411 |                                         {selectedNest.attributes.relationships.eggs.data.map((egg, eggIndex) =>
    412 |                                             currentEgg === egg.attributes.uuid ? null : (
  > 413 |                                                 <div
        |                                                  ^^^
    414 |                                                     key={egg.attributes.uuid}
    415 |                                                     className={`cursor-pointer border p-4 rounded-lg bg-[#3333332a] w-full ${
    416 |                                                         selectedEgg?.attributes.uuid === egg.attributes.uuid

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:421:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    419 |                                                     }`}
    420 |                                                 >
  > 421 |                                                     <div className='flex items-center justify-between'>
        |                                                      ^^^
    422 |                                                         <p className='text-neutral-300 text-md'>
    423 |                                                             {egg.attributes.name}
    424 |                                                         </p>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:422:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    420 |                                                 >
    421 |                                                     <div className='flex items-center justify-between'>
  > 422 |                                                         <p className='text-neutral-300 text-md'>
        |                                                          ^
    423 |                                                             {egg.attributes.name}
    424 |                                                         </p>
    425 |                                                         <Button

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:425:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    423 |                                                             {egg.attributes.name}
    424 |                                                         </p>
  > 425 |                                                         <Button
        |                                                          ^^^^^^
    426 |                                                             onClick={() => {
    427 |                                                                 setSelectedEgg(egg);
    428 |                                                                 setModalVisible(true);

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:434:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    432 |                                                         </Button>
    433 |                                                     </div>
  > 434 |                                                     <p className='text-neutral-400 text-xs mt-2'>
        |                                                      ^
    435 |                                                         {renderEggDescription(egg.attributes.description, eggIndex)}
    436 |                                                     </p>
    437 |                                                 </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:444:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    442 |                             )) ||
    443 |                                 (step == 1 && (
  > 444 |                                     <div className='flex items-center justify-center h-[63svh]'>
        |                                      ^^^
    445 |                                         <p className='text-neutral-300 '>Please select a game first</p>
    446 |                                     </div>
    447 |                                 ))}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:445:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    443 |                                 (step == 1 && (
    444 |                                     <div className='flex items-center justify-center h-[63svh]'>
  > 445 |                                         <p className='text-neutral-300 '>Please select a game first</p>
        |                                          ^
    446 |                                     </div>
    447 |                                 ))}
    448 |

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:450:34
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    448 |
    449 |                             {(step == 2 && selectedEgg && !currentEggName?.includes(blank_egg_prefix) && (
  > 450 |                                 <div className='flex flex-col gap-4'>
        |                                  ^^^
    451 |                                     <div className='grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4'>
    452 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
    453 |                                             {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:451:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    449 |                             {(step == 2 && selectedEgg && !currentEggName?.includes(blank_egg_prefix) && (
    450 |                                 <div className='flex flex-col gap-4'>
  > 451 |                                     <div className='grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4'>
        |                                      ^^^
    452 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
    453 |                                             {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (
    454 |                                                 <>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:452:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    450 |                                 <div className='flex flex-col gap-4'>
    451 |                                     <div className='grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4'>
  > 452 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
        |                                          ^^^
    453 |                                             {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (
    454 |                                                 <>
    455 |                                                     <div className='flex flex-col'>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:454:49
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    452 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
    453 |                                             {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (
  > 454 |                                                 <>
        |                                                 ^^
    455 |                                                     <div className='flex flex-col'>
    456 |                                                         <label
    457 |                                                             htmlFor='backup'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:455:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    453 |                                             {backups && backupLimit > 0 && backups.backupCount < backupLimit ? (
    454 |                                                 <>
  > 455 |                                                     <div className='flex flex-col'>
        |                                                      ^^^
    456 |                                                         <label
    457 |                                                             htmlFor='backup'
    458 |                                                             className='text-neutral-300 text-md font-bold'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:456:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    454 |                                                 <>
    455 |                                                     <div className='flex flex-col'>
  > 456 |                                                         <label
        |                                                          ^^^^^
    457 |                                                             htmlFor='backup'
    458 |                                                             className='text-neutral-300 text-md font-bold'
    459 |                                                         >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:462:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    460 |                                                             Backups
    461 |                                                         </label>
  > 462 |                                                         <label
        |                                                          ^^^^^
    463 |                                                             htmlFor='backup'
    464 |                                                             className='text-neutral-500 text-sm font-semibold'
    465 |                                                         >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:470:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    468 |                                                         </label>
    469 |                                                     </div>
  > 470 |                                                     <Switch
        |                                                      ^^^^^^
    471 |                                                         name='backup'
    472 |                                                         defaultChecked={shouldBackup}
    473 |                                                         onCheckedChange={() => setShouldBackup(!shouldBackup)}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:477:49
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    475 |                                                 </>
    476 |                                             ) : (
  > 477 |                                                 <>
        |                                                 ^^
    478 |                                                     <div className='flex flex-col'>
    479 |                                                         <label
    480 |                                                             htmlFor='backup'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:478:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    476 |                                             ) : (
    477 |                                                 <>
  > 478 |                                                     <div className='flex flex-col'>
        |                                                      ^^^
    479 |                                                         <label
    480 |                                                             htmlFor='backup'
    481 |                                                             className='text-neutral-300 text-md font-bold'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:479:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    477 |                                                 <>
    478 |                                                     <div className='flex flex-col'>
  > 479 |                                                         <label
        |                                                          ^^^^^
    480 |                                                             htmlFor='backup'
    481 |                                                             className='text-neutral-300 text-md font-bold'
    482 |                                                         >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:485:58
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    483 |                                                             Backups
    484 |                                                         </label>
  > 485 |                                                         <label
        |                                                          ^^^^^
    486 |                                                             htmlFor='backup'
    487 |                                                             className='text-neutral-500 text-sm font-semibold'
    488 |                                                         >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:494:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    492 |                                                         </label>
    493 |                                                     </div>
  > 494 |                                                     <Switch name='backup' disabled />
        |                                                      ^^^^^^
    495 |                                                 </>
    496 |                                             )}
    497 |                                         </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:498:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    496 |                                             )}
    497 |                                         </div>
  > 498 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
        |                                          ^^^
    499 |                                             <div className='flex flex-col'>
    500 |                                                 <label htmlFor='wipe' className='text-neutral-300 text-md font-bold'>
    501 |                                                     Wipe Data

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:499:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    497 |                                         </div>
    498 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
  > 499 |                                             <div className='flex flex-col'>
        |                                              ^^^
    500 |                                                 <label htmlFor='wipe' className='text-neutral-300 text-md font-bold'>
    501 |                                                     Wipe Data
    502 |                                                 </label>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:500:50
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    498 |                                         <div className='flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg'>
    499 |                                             <div className='flex flex-col'>
  > 500 |                                                 <label htmlFor='wipe' className='text-neutral-300 text-md font-bold'>
        |                                                  ^^^^^
    501 |                                                     Wipe Data
    502 |                                                 </label>
    503 |                                                 <label

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:503:50
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    501 |                                                     Wipe Data
    502 |                                                 </label>
  > 503 |                                                 <label
        |                                                  ^^^^^
    504 |                                                     htmlFor='wipe'
    505 |                                                     className='text-neutral-500 text-sm font-semibold'
    506 |                                                 >

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:511:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    509 |                                                 </label>
    510 |                                             </div>
  > 511 |                                             <Switch
        |                                              ^^^^^^
    512 |                                                 name='wipe'
    513 |                                                 defaultChecked={shouldWipe}
    514 |                                                 onCheckedChange={() => setShouldWipe(!shouldWipe)}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:519:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    517 |                                     </div>
    518 |
  > 519 |                                     <div className='border-t border-[#ffffff20]' />
        |                                      ^^^
    520 |
    521 |                                     {data && (
    522 |                                         <div className='h-max lg:h-[39svh] flex flex-col justify-between'>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:522:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    520 |
    521 |                                     {data && (
  > 522 |                                         <div className='h-max lg:h-[39svh] flex flex-col justify-between'>
        |                                          ^^^
    523 |                                             <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
    524 |                                                 {paginatedVariables.map((variable) => (
    525 |                                                     <VariableBox key={variable.envVariable} variable={variable} />

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:523:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    521 |                                     {data && (
    522 |                                         <div className='h-max lg:h-[39svh] flex flex-col justify-between'>
  > 523 |                                             <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
        |                                              ^^^
    524 |                                                 {paginatedVariables.map((variable) => (
    525 |                                                     <VariableBox key={variable.envVariable} variable={variable} />
    526 |                                                 ))}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:524:50
TS2532: Object is possibly 'undefined'.
    522 |                                         <div className='h-max lg:h-[39svh] flex flex-col justify-between'>
    523 |                                             <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
  > 524 |                                                 {paginatedVariables.map((variable) => (
        |                                                  ^^^^^^^^^^^^^^^^^^
    525 |                                                     <VariableBox key={variable.envVariable} variable={variable} />
    526 |                                                 ))}
    527 |                                             </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:524:74
TS7006: Parameter 'variable' implicitly has an 'any' type.
    522 |                                         <div className='h-max lg:h-[39svh] flex flex-col justify-between'>
    523 |                                             <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
  > 524 |                                                 {paginatedVariables.map((variable) => (
        |                                                                          ^^^^^^^^
    525 |                                                     <VariableBox key={variable.envVariable} variable={variable} />
    526 |                                                 ))}
    527 |                                             </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:525:54
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    523 |                                             <div className={`grid gap-2 grid-cols-1 lg:grid-cols-3`}>
    524 |                                                 {paginatedVariables.map((variable) => (
  > 525 |                                                     <VariableBox key={variable.envVariable} variable={variable} />
        |                                                      ^^^^^^^^^^^
    526 |                                                 ))}
    527 |                                             </div>
    528 |                                             <Pagination

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:528:46
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    526 |                                                 ))}
    527 |                                             </div>
  > 528 |                                             <Pagination
        |                                              ^^^^^^^^^^
    529 |                                                 data={{
    530 |                                                     items: paginatedVariables,
    531 |                                                     pagination: {

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:530:53
TS2322: Type 'undefined' is not assignable to type 'unknown[]'.
    528 |                                             <Pagination
    529 |                                                 data={{
  > 530 |                                                     items: paginatedVariables,
        |                                                     ^^^^^
    531 |                                                     pagination: {
    532 |                                                         currentPage,
    533 |                                                         totalPages: Math.ceil(data.variables.length / ITEMS_PER_PAGE),

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:541:56
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    539 |                                                 onPageSelect={setCurrentPage}
    540 |                                             >
  > 541 |                                                 {() => <></>}
        |                                                        ^^
    542 |                                             </Pagination>
    543 |                                         </div>
    544 |                                     )}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:546:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    544 |                                     )}
    545 |
  > 546 |                                     <div className='border-t border-[#ffffff20]' />
        |                                      ^^^
    547 |
    548 |                                     <Button onClick={() => confirmSelection()}>Confirm</Button>
    549 |                                 </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:548:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    546 |                                     <div className='border-t border-[#ffffff20]' />
    547 |
  > 548 |                                     <Button onClick={() => confirmSelection()}>Confirm</Button>
        |                                      ^^^^^^
    549 |                                 </div>
    550 |                             )) ||
    551 |                                 (step == 2 && !currentEggName?.includes(blank_egg_prefix) && (

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:552:38
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    550 |                             )) ||
    551 |                                 (step == 2 && !currentEggName?.includes(blank_egg_prefix) && (
  > 552 |                                     <div className='flex items-center justify-center h-[63svh]'>
        |                                      ^^^
    553 |                                         <p className='text-neutral-300 '>Please select a egg first</p>
    554 |                                     </div>
    555 |                                 ))}

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:553:42
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    551 |                                 (step == 2 && !currentEggName?.includes(blank_egg_prefix) && (
    552 |                                     <div className='flex items-center justify-center h-[63svh]'>
  > 553 |                                         <p className='text-neutral-300 '>Please select a egg first</p>
        |                                          ^
    554 |                                     </div>
    555 |                                 ))}
    556 |                         </div>

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:562:18
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    560 |
    561 |             {!visible && (
  > 562 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] mt-6 p-1 flex flex-row justify-between items-center'>
        |                  ^^^
    563 |                     <div className='flex flex-row items-center gap-2 h-full'>
    564 |                         <HugeIconsAlert
    565 |                             fill='currentColor'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:563:22
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    561 |             {!visible && (
    562 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] mt-6 p-1 flex flex-row justify-between items-center'>
  > 563 |                     <div className='flex flex-row items-center gap-2 h-full'>
        |                      ^^^
    564 |                         <HugeIconsAlert
    565 |                             fill='currentColor'
    566 |                             className='w-[40px] h-[40px] m-2 mr-0 text-brand hidden md:block'

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:564:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    562 |                 <div className='relative rounded-xl overflow-hidden shadow-md border-[1px] border-[#ffffff07] bg-[#ffffff08] mt-6 p-1 flex flex-row justify-between items-center'>
    563 |                     <div className='flex flex-row items-center gap-2 h-full'>
  > 564 |                         <HugeIconsAlert
        |                          ^^^^^^^^^^^^^^
    565 |                             fill='currentColor'
    566 |                             className='w-[40px] h-[40px] m-2 mr-0 text-brand hidden md:block'
    567 |                         />

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:568:26
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    566 |                             className='w-[40px] h-[40px] m-2 mr-0 text-brand hidden md:block'
    567 |                         />
  > 568 |                         <div className='flex flex-col pb-1  m-2'>
        |                          ^^^
    569 |                             <h1 className='text-xl'>Danger Zone</h1>
    570 |                             <p className='text-sm text-neutral-300'>
    571 |                                 During this process some files may be deleted or modified either make a backup before

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:569:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    567 |                         />
    568 |                         <div className='flex flex-col pb-1  m-2'>
  > 569 |                             <h1 className='text-xl'>Danger Zone</h1>
        |                              ^^
    570 |                             <p className='text-sm text-neutral-300'>
    571 |                                 During this process some files may be deleted or modified either make a backup before
    572 |                                 hand or pick the option when prompted.

ERROR in resources/scripts/components/server/shell/ShellContainer.tsx:570:30
TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
    568 |                         <div className='flex flex-col pb-1  m-2'>
    569 |                             <h1 className='text-xl'>Danger Zone</h1>
  > 570 |                             <p className='text-sm text-neutral-300'>
        |                              ^
    571 |                                 During this process some files may be deleted or modified either make a backup before
    572 |                                 hand or pick the option when prompted.
    573 |                             </p>

ERROR in resources/scripts/lib/utils.ts:1:39
TS2307: Cannot find module 'clsx' or its corresponding type declarations.
  > 1 | import { type ClassValue, clsx } from 'clsx';
      |                                       ^^^^^^
    2 | import { twMerge } from 'tailwind-merge';
    3 |
    4 | export function cn(...inputs: ClassValue[]) {

ERROR in resources/scripts/lib/utils.ts:2:25
TS2307: Cannot find module 'tailwind-merge' or its corresponding type declarations.
    1 | import { type ClassValue, clsx } from 'clsx';
  > 2 | import { twMerge } from 'tailwind-merge';
      |                         ^^^^^^^^^^^^^^^^
    3 |
    4 | export function cn(...inputs: ClassValue[]) {
    5 |     return twMerge(clsx(inputs));
error Command failed with exit code 2.