R: Migrate to snake-case pt1

rsconcept/frontend/package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "generate": "lezer-generator src/components/RSInput/rslang/rslangFast.grammar -o src/components/RSInput/rslang/parser.ts && lezer-generator src/components/RSInput/rslang/rslangAST.grammar -o src/components/RSInput/rslang/parserAST.ts && lezer-generator src/components/RefsInput/parse/refsText.grammar -o src/components/RefsInput/parse/parser.ts",
+    "generate": "lezer-generator src/components/rs-input/rslang/rslang-fast.grammar -o src/components/rs-input/rslang/parser.ts && lezer-generator src/components/rs-input/rslang/rslang-ast.grammar -o src/components/rs-input/rslang/parserAST.ts && lezer-generator src/components/refs-input/parse/refs-text.grammar -o src/components/refs-input/parse/parser.ts",
     "test": "jest",
     "test:e2e": "playwright test",
     "dev": "vite --host",

rsconcept/frontend/src/app/Navigation/index.tsx

@@ -1 +0,0 @@
-export { Navigation } from './Navigation';

rsconcept/frontend/src/app/application-layout.tsx

@@ -1,18 +1,18 @@
 import { Suspense } from 'react';
 import { Outlet } from 'react-router';
 
-import { ModalLoader } from '@/components/Modal';
-import { useAppLayoutStore, useMainHeight, useViewportHeight } from '@/stores/appLayout';
+import { ModalLoader } from '@/components/modal1';
+import { useAppLayoutStore, useMainHeight, useViewportHeight } from '@/stores/app-layout';
 import { useDialogsStore } from '@/stores/dialogs';
 
-import { NavigationState } from './Navigation/NavigationContext';
-import { Footer } from './Footer';
-import { GlobalDialogs } from './GlobalDialogs';
-import { GlobalLoader } from './GlobalLoader';
-import { ToasterThemed } from './GlobalToaster';
-import { GlobalTooltips } from './GlobalTooltips';
-import { MutationErrors } from './MutationErrors';
-import { Navigation } from './Navigation';
+import { NavigationState } from './navigation1/navigation-context';
+import { Footer } from './footer1';
+import { GlobalDialogs } from './global-dialogs';
+import { GlobalLoader } from './global-Loader';
+import { ToasterThemed } from './global-toaster';
+import { GlobalTooltips } from './global-tooltips';
+import { MutationErrors } from './mutation-errors';
+import { Navigation } from './navigation1';
 
 export function ApplicationLayout() {
   const mainHeight = useMainHeight();

rsconcept/frontend/src/app/error-fallback.tsx

@@ -1,7 +1,7 @@
 import { useNavigate, useRouteError } from 'react-router';
 
-import { Button } from '@/components/Control';
-import { InfoError } from '@/components/InfoError';
+import { Button } from '@/components/control1';
+import { InfoError } from '@/components/info-error';
 
 export function ErrorFallback() {
   const error = useRouteError();

rsconcept/frontend/src/app/footer1.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { TextURL } from '@/components/Control';
+import { TextURL } from '@/components/control1';
 import { external_urls } from '@/utils/constants';
 
 export function Footer() {

rsconcept/frontend/src/app/global-Loader.tsx

@@ -1,8 +1,8 @@
 import { useNavigation } from 'react-router';
 import { useDebounce } from 'use-debounce';
 
-import { Loader } from '@/components/Loader';
-import { ModalBackdrop } from '@/components/Modal/ModalBackdrop';
+import { Loader } from '@/components/loader1';
+import { ModalBackdrop } from '@/components/modal1/modal-backdrop';
 import { PARAMETER } from '@/utils/constants';
 
 export function GlobalLoader() {

rsconcept/frontend/src/app/global-dialogs.tsx

@@ -5,113 +5,113 @@ import React from 'react';
 import { DialogType, useDialogsStore } from '@/stores/dialogs';
 
 const DlgChangeInputSchema = React.lazy(() =>
-  import('@/features/oss/dialogs/DlgChangeInputSchema').then(module => ({ default: module.DlgChangeInputSchema }))
+  import('@/features/oss/dialogs/dlg-change-input-schema').then(module => ({ default: module.DlgChangeInputSchema }))
 );
 const DlgChangeLocation = React.lazy(() =>
-  import('@/features/library/dialogs/DlgChangeLocation').then(module => ({
+  import('@/features/library/dialogs/dlg-change-location').then(module => ({
     default: module.DlgChangeLocation
   }))
 );
 const DlgCloneLibraryItem = React.lazy(() =>
-  import('@/features/library/dialogs/DlgCloneLibraryItem').then(module => ({
+  import('@/features/library/dialogs/dlg-clone-library-item').then(module => ({
     default: module.DlgCloneLibraryItem
   }))
 );
 const DlgCreateCst = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgCreateCst').then(module => ({ default: module.DlgCreateCst }))
+  import('@/features/rsform/dialogs/dlg-create-cst').then(module => ({ default: module.DlgCreateCst }))
 );
 const DlgCreateOperation = React.lazy(() =>
-  import('@/features/oss/dialogs/DlgCreateOperation').then(module => ({
+  import('@/features/oss/dialogs/dlg-create-operation').then(module => ({
     default: module.DlgCreateOperation
   }))
 );
 const DlgCreateVersion = React.lazy(() =>
-  import('@/features/library/dialogs/DlgCreateVersion').then(module => ({
+  import('@/features/library/dialogs/dlg-create-version').then(module => ({
     default: module.DlgCreateVersion
   }))
 );
 const DlgCstTemplate = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgCstTemplate').then(module => ({
+  import('@/features/rsform/dialogs/dlg-cst-template').then(module => ({
     default: module.DlgCstTemplate
   }))
 );
 const DlgDeleteCst = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgDeleteCst').then(module => ({
+  import('@/features/rsform/dialogs/dlg-delete-cst').then(module => ({
     default: module.DlgDeleteCst
   }))
 );
 const DlgDeleteOperation = React.lazy(() =>
-  import('@/features/oss/dialogs/DlgDeleteOperation').then(module => ({
+  import('@/features/oss/dialogs/dlg-delete-operation').then(module => ({
     default: module.DlgDeleteOperation
   }))
 );
 const DlgEditEditors = React.lazy(() =>
-  import('@/features/library/dialogs/DlgEditEditors').then(module => ({
+  import('@/features/library/dialogs/dlg-edit-editors').then(module => ({
     default: module.DlgEditEditors
   }))
 );
 const DlgEditOperation = React.lazy(() =>
-  import('@/features/oss/dialogs/DlgEditOperation').then(module => ({
+  import('@/features/oss/dialogs/dlg-edit-operation').then(module => ({
     default: module.DlgEditOperation
   }))
 );
 const DlgEditReference = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgEditReference').then(module => ({
+  import('@/features/rsform/dialogs/dlg-edit-reference').then(module => ({
     default: module.DlgEditReference
   }))
 );
 const DlgEditVersions = React.lazy(() =>
-  import('@/features/library/dialogs/DlgEditVersions').then(module => ({
+  import('@/features/library/dialogs/dlg-edit-versions').then(module => ({
     default: module.DlgEditVersions
   }))
 );
 const DlgEditWordForms = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgEditWordForms').then(module => ({
+  import('@/features/rsform/dialogs/dlg-edit-word-forms').then(module => ({
     default: module.DlgEditWordForms
   }))
 );
 const DlgInlineSynthesis = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgInlineSynthesis').then(module => ({
+  import('@/features/rsform/dialogs/dlg-inline-synthesis').then(module => ({
     default: module.DlgInlineSynthesis
   }))
 );
 const DlgRelocateConstituents = React.lazy(() =>
-  import('@/features/oss/dialogs/DlgRelocateConstituents').then(module => ({
+  import('@/features/oss/dialogs/dlg-relocate-constituents').then(module => ({
     default: module.DlgRelocateConstituents
   }))
 );
 const DlgRenameCst = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgRenameCst').then(module => ({
+  import('@/features/rsform/dialogs/dlg-rename-cst').then(module => ({
     default: module.DlgRenameCst
   }))
 );
 const DlgShowAST = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgShowAST').then(module => ({
+  import('@/features/rsform/dialogs/dlg-show-ast').then(module => ({
     default: module.DlgShowAST
   }))
 );
 const DlgShowQR = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgShowQR').then(module => ({
+  import('@/features/rsform/dialogs/dlg-show-qr').then(module => ({
     default: module.DlgShowQR
   }))
 );
 const DlgShowTypeGraph = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgShowTypeGraph').then(module => ({
+  import('@/features/rsform/dialogs/dlg-show-type-graph').then(module => ({
     default: module.DlgShowTypeGraph
   }))
 );
 const DlgSubstituteCst = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgSubstituteCst').then(module => ({
+  import('@/features/rsform/dialogs/dlg-substitute-cst').then(module => ({
     default: module.DlgSubstituteCst
   }))
 );
 const DlgUploadRSForm = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgUploadRSForm').then(module => ({
+  import('@/features/rsform/dialogs/dlg-upload-rsform').then(module => ({
     default: module.DlgUploadRSForm
   }))
 );
 const DlgGraphParams = React.lazy(() =>
-  import('@/features/rsform/dialogs/DlgGraphParams').then(module => ({ default: module.DlgGraphParams }))
+  import('@/features/rsform/dialogs/dlg-graph-params').then(module => ({ default: module.DlgGraphParams }))
 );
 
 export const GlobalDialogs = () => {

rsconcept/frontend/src/app/global-providers.tsx

@@ -4,7 +4,7 @@ import { IntlProvider } from 'react-intl';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
-import { queryClient } from '@/backend/queryClient';
+import { queryClient } from '@/backend/query-client';
 
 // prettier-ignore
 export function GlobalProviders({ children }: React.PropsWithChildren) {

rsconcept/frontend/src/app/global-tooltips.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Tooltip } from '@/components/Container';
+import { Tooltip } from '@/components/container1';
 import { globalIDs } from '@/utils/constants';
 
 export const GlobalTooltips = () => {

rsconcept/frontend/src/app/index.tsx

@@ -1,9 +1,9 @@
-export { useConceptNavigation } from './Navigation/NavigationContext';
-export { useBlockNavigation } from './Navigation/NavigationContext';
+export { useConceptNavigation } from './navigation1/navigation-context';
+export { useBlockNavigation } from './navigation1/navigation-context';
 export { urls } from './urls';
 import { RouterProvider } from 'react-router';
 
-import { Router } from './Router';
+import { Router } from './router1';
 
 export function App() {
   return <RouterProvider router={Router} />;

rsconcept/frontend/src/app/mutation-errors.tsx

@@ -1,8 +1,8 @@
-import { useMutationErrors } from '@/backend/useMutationErrors';
-import { Button } from '@/components/Control';
-import { DescribeError } from '@/components/InfoError';
-import { ModalBackdrop } from '@/components/Modal/ModalBackdrop';
-import { useEscapeKey } from '@/hooks/useEscapeKey';
+import { useMutationErrors } from '@/backend/use-mutation-errors';
+import { Button } from '@/components/control1';
+import { DescribeError } from '@/components/info-error';
+import { ModalBackdrop } from '@/components/modal1/modal-backdrop';
+import { useEscapeKey } from '@/hooks/use-escape-key';
 import { useDialogsStore } from '@/stores/dialogs';
 
 export function MutationErrors() {

rsconcept/frontend/src/app/navigation1/index.tsx

@@ -0,0 +1 @@
+export { Navigation } from './navigation1';

rsconcept/frontend/src/app/navigation1/logo1.tsx

@@ -1,4 +1,4 @@
-import { useWindowSize } from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/use-window-size';
 import { usePreferencesStore } from '@/stores/preferences';
 
 export function Logo() {

rsconcept/frontend/src/app/navigation1/navigation1.tsx

@@ -1,14 +1,14 @@
-import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/Icons';
-import { useWindowSize } from '@/hooks/useWindowSize';
-import { useAppLayoutStore } from '@/stores/appLayout';
+import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/icons1';
+import { useWindowSize } from '@/hooks/use-window-size';
+import { useAppLayoutStore } from '@/stores/app-layout';
 
 import { urls } from '../urls';
 
-import { Logo } from './Logo';
-import { NavigationButton } from './NavigationButton';
-import { useConceptNavigation } from './NavigationContext';
-import { ToggleNavigation } from './ToggleNavigation';
-import { UserMenu } from './UserMenu';
+import { Logo } from './logo1';
+import { NavigationButton } from './navigation-button';
+import { useConceptNavigation } from './navigation-context';
+import { ToggleNavigation } from './toggle-navigation';
+import { UserMenu } from './user-menu';
 
 export function Navigation() {
   const router = useConceptNavigation();

rsconcept/frontend/src/app/navigation1/toggle-navigation.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { IconDarkTheme, IconLightTheme, IconPin, IconUnpin } from '@/components/Icons';
-import { useAppLayoutStore } from '@/stores/appLayout';
+import { IconDarkTheme, IconLightTheme, IconPin, IconUnpin } from '@/components/icons1';
+import { useAppLayoutStore } from '@/stores/app-layout';
 import { usePreferencesStore } from '@/stores/preferences';
 import { globalIDs } from '@/utils/constants';
 

rsconcept/frontend/src/app/navigation1/user-button.tsx

@@ -1,10 +1,10 @@
 import { useAuthSuspense } from '@/features/auth';
 
-import { IconLogin, IconUser2 } from '@/components/Icons';
+import { IconLogin, IconUser2 } from '@/components/icons1';
 import { usePreferencesStore } from '@/stores/preferences';
 import { globalIDs } from '@/utils/constants';
 
-import { NavigationButton } from './NavigationButton';
+import { NavigationButton } from './navigation-button';
 
 interface UserButtonProps {
   onLogin: () => void;

rsconcept/frontend/src/app/navigation1/user-dropdown.tsx

@@ -1,7 +1,7 @@
 import { useAuthSuspense } from '@/features/auth';
-import { useLogout } from '@/features/auth/backend/useLogout';
+import { useLogout } from '@/features/auth/backend/use-logout';
 
-import { Dropdown, DropdownButton } from '@/components/Dropdown';
+import { Dropdown, DropdownButton } from '@/components/dropdown1';
 import {
   IconAdmin,
   IconAdminOff,
@@ -15,13 +15,13 @@ import {
   IconLogout,
   IconRESTapi,
   IconUser
-} from '@/components/Icons';
+} from '@/components/icons1';
 import { usePreferencesStore } from '@/stores/preferences';
 import { globalIDs } from '@/utils/constants';
 
 import { urls } from '../urls';
 
-import { useConceptNavigation } from './NavigationContext';
+import { useConceptNavigation } from './navigation-context';
 
 interface UserDropdownProps {
   isOpen: boolean;

rsconcept/frontend/src/app/navigation1/user-menu.tsx

@@ -1,13 +1,13 @@
 import { Suspense } from 'react';
 
-import { useDropdown } from '@/components/Dropdown';
-import { Loader } from '@/components/Loader';
+import { useDropdown } from '@/components/dropdown1';
+import { Loader } from '@/components/loader1';
 
 import { urls } from '../urls';
 
-import { useConceptNavigation } from './NavigationContext';
-import { UserButton } from './UserButton';
-import { UserDropdown } from './UserDropdown';
+import { useConceptNavigation } from './navigation-context';
+import { UserButton } from './user-button';
+import { UserDropdown } from './user-dropdown';
 
 export function UserMenu() {
   const router = useConceptNavigation();

rsconcept/frontend/src/app/router1.tsx

@@ -1,20 +1,20 @@
 import { createBrowserRouter } from 'react-router';
 
-import { prefetchAuth } from '@/features/auth/backend/useAuth';
-import { LoginPage } from '@/features/auth/pages/LoginPage';
-import { HomePage } from '@/features/home/HomePage';
-import { NotFoundPage } from '@/features/home/NotFoundPage';
-import { prefetchLibrary } from '@/features/library/backend/useLibrary';
-import { CreateItemPage } from '@/features/library/pages/CreateItemPage';
-import { prefetchOSS } from '@/features/oss/backend/useOSS';
-import { prefetchRSForm } from '@/features/rsform/backend/useRSForm';
-import { prefetchProfile } from '@/features/users/backend/useProfile';
-import { prefetchUsers } from '@/features/users/backend/useUsers';
+import { prefetchAuth } from '@/features/auth/backend/use-auth';
+import { LoginPage } from '@/features/auth/pages/login-page';
+import { HomePage } from '@/features/home/home-page';
+import { NotFoundPage } from '@/features/home/not-found-page';
+import { prefetchLibrary } from '@/features/library/backend/use-library';
+import { CreateItemPage } from '@/features/library/pages/create-item-page';
+import { prefetchOSS } from '@/features/oss/backend/use-oss';
+import { prefetchRSForm } from '@/features/rsform/backend/use-rsform';
+import { prefetchProfile } from '@/features/users/backend/use-profile';
+import { prefetchUsers } from '@/features/users/backend/use-users';
 
-import { Loader } from '@/components/Loader';
+import { Loader } from '@/components/loader1';
 
-import { ApplicationLayout } from './ApplicationLayout';
-import { ErrorFallback } from './ErrorFallback';
+import { ApplicationLayout } from './application-layout';
+import { ErrorFallback } from './error-fallback';
 import { routes } from './urls';
 
 export const Router = createBrowserRouter([
@@ -39,25 +39,25 @@ export const Router = createBrowserRouter([
       },
       {
         path: routes.signup,
-        lazy: () => import('@/features/users/pages/RegisterPage')
+        lazy: () => import('@/features/users/pages/register-page')
       },
       {
         path: routes.profile,
         loader: prefetchProfile,
-        lazy: () => import('@/features/users/pages/UserProfilePage')
+        lazy: () => import('@/features/users/pages/user-profile-page')
       },
       {
         path: routes.restore_password,
-        lazy: () => import('@/features/auth/pages/RestorePasswordPage')
+        lazy: () => import('@/features/auth/pages/restore-password-page')
       },
       {
         path: routes.password_change,
-        lazy: () => import('@/features/auth/pages/PasswordChangePage')
+        lazy: () => import('@/features/auth/pages/password-change-page')
       },
       {
         path: routes.library,
         loader: () => Promise.allSettled([prefetchLibrary(), prefetchUsers()]),
-        lazy: () => import('@/features/library/pages/LibraryPage')
+        lazy: () => import('@/features/library/pages/library-page')
       },
       {
         path: routes.create_schema,
@@ -66,24 +66,24 @@ export const Router = createBrowserRouter([
       {
         path: `${routes.rsforms}/:id`,
         loader: data => prefetchRSForm(parseRSFormURL(data.params.id, data.request.url)),
-        lazy: () => import('@/features/rsform/pages/RSFormPage')
+        lazy: () => import('@/features/rsform/pages/rsform-page')
       },
       {
         path: `${routes.oss}/:id`,
         loader: data => prefetchOSS(parseOssURL(data.params.id)),
-        lazy: () => import('@/features/oss/pages/OssPage')
+        lazy: () => import('@/features/oss/pages/oss-page')
       },
       {
         path: routes.manuals,
-        lazy: () => import('@/features/help/pages/ManualsPage')
+        lazy: () => import('@/features/help/pages/manuals-page')
       },
       {
         path: `${routes.icons}`,
-        lazy: () => import('@/features/home/IconsPage')
+        lazy: () => import('@/features/home/icons-page')
       },
       {
         path: `${routes.database_schema}`,
-        lazy: () => import('@/features/home/DatabaseSchemaPage')
+        lazy: () => import('@/features/home/database-schema-page')
       }
     ]
   }

rsconcept/frontend/src/app/urls.ts

@@ -2,7 +2,7 @@
  * Module: Internal navigation constants.
  */
 
-import { buildConstants } from '@/utils/buildConstants';
+import { buildConstants } from '@/utils/build-constants';
 
 /**
  * Routes.

rsconcept/frontend/src/backend/api-transport.ts

@@ -5,7 +5,7 @@ import { toast } from 'react-toastify';
 import axios, { type AxiosError, type AxiosRequestConfig } from 'axios';
 import { type z, ZodError } from 'zod';
 
-import { buildConstants } from '@/utils/buildConstants';
+import { buildConstants } from '@/utils/build-constants';
 import { PARAMETER } from '@/utils/constants';
 import { errorMsg } from '@/utils/labels';
 import { extractErrorMessage } from '@/utils/utils';

rsconcept/frontend/src/backend/query-client.ts

@@ -1,7 +1,7 @@
 import { QueryClient } from '@tanstack/react-query';
 import { type ZodError } from 'zod';
 
-import { type AxiosError } from './apiTransport';
+import { type AxiosError } from './api-transport';
 import { DELAYS } from './configuration';
 
 declare module '@tanstack/react-query' {

rsconcept/frontend/src/components/Container/index.tsx

@@ -1,2 +0,0 @@
-export { Divider } from './Divider';
-export { type PlacesType, Tooltip } from './Tooltip';

rsconcept/frontend/src/components/Control/index.tsx

@@ -1,5 +0,0 @@
-export { Button } from './Button';
-export { MiniButton } from './MiniButton';
-export { SelectorButton } from './SelectorButton';
-export { SubmitButton } from './SubmitButton';
-export { TextURL } from './TextURL';

rsconcept/frontend/src/components/Dropdown/index.tsx

@@ -1,4 +0,0 @@
-export { Dropdown } from './Dropdown';
-export { DropdownButton } from './DropdownButton';
-export { DropdownCheckbox } from './DropdownCheckbox';
-export { useDropdown } from './useDropdown';

rsconcept/frontend/src/components/Input/index.tsx

@@ -1,11 +0,0 @@
-export { Checkbox, type CheckboxProps } from './Checkbox';
-export { CheckboxTristate } from './CheckboxTristate';
-export { ErrorField } from './ErrorField';
-export { FileInput } from './FileInput';
-export { Label } from './Label';
-export { SearchBar } from './SearchBar';
-export { SelectMulti, type SelectMultiProps } from './SelectMulti';
-export { SelectSingle, type SelectSingleProps } from './SelectSingle';
-export { SelectTree } from './SelectTree';
-export { TextArea } from './TextArea';
-export { TextInput } from './TextInput';

rsconcept/frontend/src/components/Modal/index.tsx

@@ -1,3 +0,0 @@
-export { ModalForm } from './ModalForm';
-export { ModalLoader } from './ModalLoader';
-export { ModalView } from './ModalView';

rsconcept/frontend/src/components/container1/index.tsx

@@ -0,0 +1,2 @@
+export { Divider } from './divider1';
+export { type PlacesType, Tooltip } from './tooltip1';

rsconcept/frontend/src/components/control1/index.tsx

@@ -0,0 +1,5 @@
+export { Button } from './button1';
+export { MiniButton } from './mini-button';
+export { SelectorButton } from './selector-button';
+export { SubmitButton } from './submit-button';
+export { TextURL } from './text-url';

rsconcept/frontend/src/components/data-table/data-table.tsx

@@ -20,11 +20,11 @@ import {
 
 import { type Styling } from '../props';
 
-import { DefaultNoData } from './DefaultNoData';
-import { PaginationTools } from './PaginationTools';
-import { TableBody } from './TableBody';
-import { TableFooter } from './TableFooter';
-import { TableHeader } from './TableHeader';
+import { DefaultNoData } from './default-no-data';
+import { PaginationTools } from './pagination-tools';
+import { TableBody } from './table-body';
+import { TableFooter } from './table-footer';
+import { TableHeader } from './table-header';
 
 export { type ColumnSort, createColumnHelper, type RowSelectionState, type VisibilityState };
 

rsconcept/frontend/src/components/data-table/index.tsx

@@ -4,4 +4,4 @@ export {
   type IConditionalStyle,
   type RowSelectionState,
   type VisibilityState
-} from './DataTable';
+} from './data-table';

rsconcept/frontend/src/components/data-table/pagination-tools.tsx

@@ -6,7 +6,7 @@ import { type Table } from '@tanstack/react-table';
 
 import { prefixes } from '@/utils/constants';
 
-import { IconPageFirst, IconPageLast, IconPageLeft, IconPageRight } from '../Icons';
+import { IconPageFirst, IconPageLast, IconPageLeft, IconPageRight } from '../icons1';
 
 interface PaginationToolsProps<TData> {
   id?: string;

rsconcept/frontend/src/components/data-table/select-all.tsx

@@ -2,7 +2,7 @@
 
 import { type Table } from '@tanstack/react-table';
 
-import { CheckboxTristate } from '../Input';
+import { CheckboxTristate } from '../input1';
 
 interface SelectAllProps<TData> {
   table: Table<TData>;

rsconcept/frontend/src/components/data-table/select-row.tsx

@@ -2,7 +2,7 @@
 
 import { type Row } from '@tanstack/react-table';
 
-import { Checkbox } from '../Input';
+import { Checkbox } from '../input1';
 
 interface SelectRowProps<TData> {
   row: Row<TData>;

rsconcept/frontend/src/components/data-table/sorting-icon.tsx

@@ -2,7 +2,7 @@
 
 import { type Column } from '@tanstack/react-table';
 
-import { IconSortAsc, IconSortDesc } from '../Icons';
+import { IconSortAsc, IconSortDesc } from '../icons1';
 
 interface SortingIconProps<TData> {
   column: Column<TData>;

rsconcept/frontend/src/components/data-table/table-body.tsx

@@ -3,7 +3,7 @@
 import { type Cell, flexRender, type Row, type Table } from '@tanstack/react-table';
 import clsx from 'clsx';
 
-import { SelectRow } from './SelectRow';
+import { SelectRow } from './select-row';
 import { type IConditionalStyle } from '.';
 
 interface TableBodyProps<TData> {

rsconcept/frontend/src/components/data-table/table-header.tsx

@@ -2,8 +2,8 @@
 
 import { flexRender, type Header, type HeaderGroup, type Table } from '@tanstack/react-table';
 
-import { SelectAll } from './SelectAll';
-import { SortingIcon } from './SortingIcon';
+import { SelectAll } from './select-all';
+import { SortingIcon } from './sorting-icon';
 
 interface TableHeaderProps<TData> {
   table: Table<TData>;

rsconcept/frontend/src/components/dropdown1/dropdown-checkbox.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { Checkbox, type CheckboxProps } from '../Input';
+import { Checkbox, type CheckboxProps } from '../input1';
 
 /** Animated {@link Checkbox} inside a {@link Dropdown} item. */
 export function DropdownCheckbox({ onChange: setValue, disabled, ...restProps }: CheckboxProps) {

rsconcept/frontend/src/components/dropdown1/index.tsx

@@ -0,0 +1,4 @@
+export { DropdownButton } from './dropdown-button';
+export { DropdownCheckbox } from './dropdown-checkbox';
+export { Dropdown } from './dropdown1';
+export { useDropdown } from './use-dropdown';

rsconcept/frontend/src/components/dropdown1/use-dropdown.ts

@@ -2,7 +2,7 @@
 
 import { useRef, useState } from 'react';
 
-import { useClickedOutside } from '@/hooks/useClickedOutside';
+import { useClickedOutside } from '@/hooks/use-clicked-outside';
 
 export function useDropdown() {
   const [isOpen, setIsOpen] = useState(false);

rsconcept/frontend/src/components/info-error.tsx

@@ -1,10 +1,10 @@
 import clsx from 'clsx';
 import { ZodError } from 'zod';
 
-import { type AxiosError, isAxiosError } from '@/backend/apiTransport';
+import { type AxiosError, isAxiosError } from '@/backend/api-transport';
 import { isResponseHtml } from '@/utils/utils';
 
-import { PrettyJson } from './View';
+import { PrettyJson } from './view1';
 
 export type ErrorData = string | Error | AxiosError | ZodError;
 

rsconcept/frontend/src/components/input1/checkbox-tristate.tsx

@@ -2,9 +2,9 @@ import clsx from 'clsx';
 
 import { globalIDs } from '@/utils/constants';
 
-import { CheckboxChecked, CheckboxNull } from '../Icons';
+import { CheckboxChecked, CheckboxNull } from '../icons1';
 
-import { type CheckboxProps } from './Checkbox';
+import { type CheckboxProps } from './checkbox1';
 
 export interface CheckboxTristateProps extends Omit<CheckboxProps, 'value' | 'onChange'> {
   /** Current value - `null`, `true` or `false`. */

rsconcept/frontend/src/components/input1/checkbox1.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 
 import { globalIDs } from '@/utils/constants';
 
-import { CheckboxChecked } from '../Icons';
+import { CheckboxChecked } from '../icons1';
 import { type Button } from '../props';
 
 export interface CheckboxProps extends Omit<Button, 'value' | 'onClick' | 'onChange'> {

rsconcept/frontend/src/components/input1/file-input.tsx

@@ -3,11 +3,11 @@
 import { useRef, useState } from 'react';
 import clsx from 'clsx';
 
-import { Button } from '../Control';
-import { IconUpload } from '../Icons';
+import { Button } from '../control1';
+import { IconUpload } from '../icons1';
 import { type Titled } from '../props';
 
-import { Label } from './Label';
+import { Label } from './label1';
 
 interface FileInputProps extends Titled, Omit<React.ComponentProps<'input'>, 'accept' | 'type'> {
   /** Label to display in file upload button. */

rsconcept/frontend/src/components/input1/index.tsx

@@ -0,0 +1,11 @@
+export { CheckboxTristate } from './checkbox-tristate';
+export { Checkbox, type CheckboxProps } from './checkbox1';
+export { ErrorField } from './error-field';
+export { FileInput } from './file-input';
+export { Label } from './label1';
+export { SearchBar } from './search-bar';
+export { SelectMulti, type SelectMultiProps } from './select-multi';
+export { SelectSingle, type SelectSingleProps } from './select-single';
+export { SelectTree } from './select-tree';
+export { TextArea } from './text-area';
+export { TextInput } from './text-input';

rsconcept/frontend/src/components/input1/search-bar.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 
-import { IconSearch } from '@/components/Icons';
+import { IconSearch } from '@/components/icons1';
 import { type Styling } from '@/components/props';
 
-import { TextInput } from './TextInput';
+import { TextInput } from './text-input';
 
 interface SearchBarProps extends Styling {
   /** Id of the search bar. */

rsconcept/frontend/src/components/input1/select-multi.tsx

@@ -9,10 +9,10 @@ import Select, {
   type StylesConfig
 } from 'react-select';
 
-import { useWindowSize } from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/use-window-size';
 import { APP_COLORS, SELECT_THEME } from '@/styling/colors';
 
-import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';
+import { IconClose, IconDropArrow, IconDropArrowUp } from '../icons1';
 
 function DropdownIndicator<Option, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: DropdownIndicatorProps<Option, true, Group>

rsconcept/frontend/src/components/input1/select-single.tsx

@@ -9,10 +9,10 @@ import Select, {
   type StylesConfig
 } from 'react-select';
 
-import { useWindowSize } from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/use-window-size';
 import { APP_COLORS, SELECT_THEME } from '@/styling/colors';
 
-import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';
+import { IconClose, IconDropArrow, IconDropArrowUp } from '../icons1';
 
 function DropdownIndicator<Option, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: DropdownIndicatorProps<Option, false, Group>

rsconcept/frontend/src/components/input1/select-tree.tsx

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 
 import { globalIDs, PARAMETER } from '@/utils/constants';
 
-import { MiniButton } from '../Control';
-import { IconDropArrow, IconPageRight } from '../Icons';
+import { MiniButton } from '../control1';
+import { IconDropArrow, IconPageRight } from '../icons1';
 import { type Styling } from '../props';
 
 interface SelectTreeProps<ItemType> extends Styling {

rsconcept/frontend/src/components/input1/text-area.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 
-import { Label } from '../Input/Label';
+import { Label } from './label1';
 import { type Editor, type ErrorProcessing, type Titled } from '../props';
 
-import { ErrorField } from './ErrorField';
+import { ErrorField } from './error-field';
 
 export interface TextAreaProps extends Editor, ErrorProcessing, Titled, React.ComponentProps<'textarea'> {
   /** Indicates that the input should be transparent. */

rsconcept/frontend/src/components/input1/text-input.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 
-import { Label } from '../Input/Label';
+import { Label } from './label1';
 import { type Editor, type ErrorProcessing, type Titled } from '../props';
 
-import { ErrorField } from './ErrorField';
+import { ErrorField } from './error-field';
 
 interface TextInputProps extends Editor, ErrorProcessing, Titled, React.ComponentProps<'input'> {
   /** Indicates that the input should be transparent. */

rsconcept/frontend/src/components/modal1/index.tsx

@@ -0,0 +1,3 @@
+export { ModalForm } from './modal-form';
+export { ModalLoader } from './modal-loader';
+export { ModalView } from './modal-view';

rsconcept/frontend/src/components/modal1/modal-form.tsx

@@ -5,15 +5,15 @@ import clsx from 'clsx';
 import { type HelpTopic } from '@/features/help';
 import { BadgeHelp } from '@/features/help/components';
 
-import { useEscapeKey } from '@/hooks/useEscapeKey';
+import { useEscapeKey } from '@/hooks/use-escape-key';
 import { useDialogsStore } from '@/stores/dialogs';
 import { prepareTooltip } from '@/utils/utils';
 
-import { Button, MiniButton, SubmitButton } from '../Control';
-import { IconClose } from '../Icons';
+import { Button, MiniButton, SubmitButton } from '../control1';
+import { IconClose } from '../icons1';
 import { type Styling } from '../props';
 
-import { ModalBackdrop } from './ModalBackdrop';
+import { ModalBackdrop } from './modal-backdrop';
 
 export interface ModalProps extends Styling {
   /** Title of the modal window. */

rsconcept/frontend/src/components/modal1/modal-loader.tsx

@@ -1,6 +1,6 @@
-import { Loader } from '@/components/Loader';
+import { Loader } from '@/components/loader1';
 
-import { ModalBackdrop } from './ModalBackdrop';
+import { ModalBackdrop } from './modal-backdrop';
 
 export function ModalLoader() {
   return (

rsconcept/frontend/src/components/modal1/modal-view.tsx

@@ -4,15 +4,15 @@ import clsx from 'clsx';
 
 import { BadgeHelp } from '@/features/help/components';
 
-import { useEscapeKey } from '@/hooks/useEscapeKey';
+import { useEscapeKey } from '@/hooks/use-escape-key';
 import { useDialogsStore } from '@/stores/dialogs';
 import { prepareTooltip } from '@/utils/utils';
 
-import { Button, MiniButton } from '../Control';
-import { IconClose } from '../Icons';
+import { Button, MiniButton } from '../control1';
+import { IconClose } from '../icons1';
 
-import { ModalBackdrop } from './ModalBackdrop';
-import { type ModalProps } from './ModalForm';
+import { ModalBackdrop } from './modal-backdrop';
+import { type ModalProps } from './modal-form';
 
 interface ModalViewProps extends ModalProps {}
 

rsconcept/frontend/src/components/tabs1/index.tsx

@@ -1,2 +1,2 @@
-export { TabLabel } from './TabLabel';
+export { TabLabel } from './tab-label';
 export { TabList, TabPanel, Tabs } from 'react-tabs';

rsconcept/frontend/src/components/view1/PDFViewer.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { useWindowSize } from '@/hooks/useWindowSize';
-import { useFitHeight } from '@/stores/appLayout';
+import { useWindowSize } from '@/hooks/use-window-size';
+import { useFitHeight } from '@/stores/app-layout';
 
 /** Maximum width of the viewer. */
 const MAXIMUM_WIDTH = 1600;

rsconcept/frontend/src/components/view1/ValueIcon.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 
 import { globalIDs } from '@/utils/constants';
 
-import { MiniButton } from '../Control';
+import { MiniButton } from '../control1';
 import { type Styling, type Titled } from '../props';
 
 interface ValueIconProps extends Styling, Titled {

rsconcept/frontend/src/features/auth/backend/api.ts

@@ -1,6 +1,6 @@
 import { queryOptions } from '@tanstack/react-query';
 
-import { axiosGet, axiosPatch, axiosPost } from '@/backend/apiTransport';
+import { axiosGet, axiosPatch, axiosPost } from '@/backend/api-transport';
 import { DELAYS, KEYS } from '@/backend/configuration';
 import { infoMsg } from '@/utils/labels';
 

rsconcept/frontend/src/features/auth/backend/use-auth.tsx

@@ -1,6 +1,6 @@
 import { useQuery, useSuspenseQuery } from '@tanstack/react-query';
 
-import { queryClient } from '@/backend/queryClient';
+import { queryClient } from '@/backend/query-client';
 
 import { authApi } from './api';
 

rsconcept/frontend/src/features/auth/components/expected-anonymous.tsx

@@ -1,9 +1,9 @@
 import { urls, useConceptNavigation } from '@/app';
 
-import { TextURL } from '@/components/Control';
+import { TextURL } from '@/components/control1';
 
-import { useAuthSuspense } from '../backend/useAuth';
-import { useLogout } from '../backend/useLogout';
+import { useAuthSuspense } from '../backend/use-auth';
+import { useLogout } from '../backend/use-logout';
 
 export function ExpectedAnonymous() {
   const { user } = useAuthSuspense();

rsconcept/frontend/src/features/auth/components/index.tsx

@@ -1,2 +1,2 @@
-export { ExpectedAnonymous } from './ExpectedAnonymous';
-export { RequireAuth } from './RequireAuth';
+export { ExpectedAnonymous } from './expected-anonymous';
+export { RequireAuth } from './require-auth';

rsconcept/frontend/src/features/auth/components/require-auth.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { TextURL } from '@/components/Control';
+import { TextURL } from '@/components/control1';
 
-import { useAuthSuspense } from '../backend/useAuth';
+import { useAuthSuspense } from '../backend/use-auth';
 
 export function RequireAuth({ children }: React.PropsWithChildren) {
   const { isAnonymous } = useAuthSuspense();

rsconcept/frontend/src/features/auth/index.ts

@@ -1,2 +1,2 @@
 export * from './backend/types';
-export { useAuthSuspense } from './backend/useAuth';
+export { useAuthSuspense } from './backend/use-auth';

rsconcept/frontend/src/features/auth/pages/login-page.tsx

@@ -5,17 +5,17 @@ import { zodResolver } from '@hookform/resolvers/zod';
 
 import { urls, useConceptNavigation } from '@/app';
 
-import { isAxiosError } from '@/backend/apiTransport';
-import { SubmitButton, TextURL } from '@/components/Control';
-import { type ErrorData } from '@/components/InfoError';
-import { TextInput } from '@/components/Input';
-import { useQueryStrings } from '@/hooks/useQueryStrings';
+import { isAxiosError } from '@/backend/api-transport';
+import { SubmitButton, TextURL } from '@/components/control1';
+import { type ErrorData } from '@/components/info-error';
+import { TextInput } from '@/components/input1';
+import { useQueryStrings } from '@/hooks/use-query-strings';
 import { resources } from '@/utils/constants';
 
 import { type IUserLoginDTO, schemaUserLogin } from '../backend/types';
-import { useAuthSuspense } from '../backend/useAuth';
-import { useLogin } from '../backend/useLogin';
-import { ExpectedAnonymous } from '../components/ExpectedAnonymous';
+import { useAuthSuspense } from '../backend/use-auth';
+import { useLogin } from '../backend/use-login';
+import { ExpectedAnonymous } from '../components/expected-anonymous';
 
 export function LoginPage() {
   const router = useConceptNavigation();