dev: Added configuration module for static components

packages/ui/src/components/Image/Image.tsx

@@ -1,12 +1,11 @@
-'use client';
-
-import React from 'react';
-import { DoobUiContext } from '@do-ob/ui/context';
+import { configUI } from '@do-ob/ui/config';
 import { Image as NextUIImage, ImageProps } from '@nextui-org/react';
 
 export function Image(props: ImageProps) {
 
-  const { image } = React.useContext(DoobUiContext);
+  const image = configUI.get('image');
+
+  console.log('image', image);
 
   return (
     <NextUIImage

packages/ui/src/components/Navigation/parts/NavigationPart_Brand.tsx

@@ -1,6 +1,7 @@
 import { NavbarBrand, Link } from '@nextui-org/react';
 import { Image } from '@do-ob/ui/components';
 import { NavigationProps } from '../data/NavigationProps';
+import { clsx } from '@do-ob/core';
 
 /**
  * Navigation Brand component
@@ -19,12 +20,10 @@ export function NavigationPart_Brand({ base: {
           <Image
             src={logo}
             alt={title}
-            width={40}
-            height={40}
-            className={classNames?.logo}
-            classNames={{
-              wrapper: 'w-[40px] h-[40px]',
-            }}
+            width={0}
+            height={0}
+            loading="eager"
+            className={clsx('h-[40px] w-auto',classNames?.logo)}
           />
         ) : null}
         <h1 className="hidden text-3xl tracking-tight md:inline">{title}</h1>

packages/ui/src/config.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * The configuration object for the application.
+ */
+export interface ConfiUI {
+
+  /**
+   * The image node to use.
+   */
+  image?: React.ElementType<any>;
+
+}
+
+/**
+ * The configuration object that should persist throughout the application.
+ */
+const configuration: ConfiUI = {};
+
+/**
+ * This object is exported to provide a way to expose configuration settings.
+ */
+export const configUI = {
+
+  /**
+   * Initializes the configuration.
+   */
+  init(config: ConfiUI) {
+    Object.assign(configuration, config);
+  },
+
+  /**
+   * Gets the configuration based on the key.
+   */
+  get<K extends keyof ConfiUI>(key: K): ConfiUI[K] {
+    return configuration[key];
+  }
+
+};