docs: generate documations

packages/element/README.md

@@ -19,42 +19,6 @@ npm install @nexim/element
 yarn add @nexim/element
 ```
 
-## API
+## Documentation
 
-### LoggerMixin
-
-The LoggerMixin adds logging capabilities to your LitElement components. It logs lifecycle methods and measures update times.
-
-```ts
-import {LitElement, html} from 'lit';
-import {LoggerMixin} from '@nexim/element';
-
-class MyElement extends LoggerMixin(LitElement) {
-  protected override render() {
-    super.render(); // must call super method to logger work
-
-    return html`<p>Hello, world!</p>`;
-  }
-}
-```
-
-### LightDomMixin
-
-The LightDomMixin enables light DOM rendering and style encapsulation for LitElement components.
-
-```ts
-import {LitElement, html, css} from 'lit';
-import {LightDomMixin} from '@nexim/element';
-
-class MyLightDomElement extends LightDomMixin(LitElement) {
-  static styles = css`
-    p {
-      color: blue;
-    }
-  `;
-
-  protected override render() {
-    return html`<p>Hello, light DOM!</p>`;
-  }
-}
-```
+Read full documentation [here](./docs/README.md).

packages/element/docs/README.md

@@ -0,0 +1,14 @@
+# @nexim/element
+
+## Interfaces
+
+| Interface                                                  | Description                                         |
+| ---------------------------------------------------------- | --------------------------------------------------- |
+| [LoggerMixinInterface](interfaces/LoggerMixinInterface.md) | Interface for elements that have a logger instance. |
+
+## Functions
+
+| Function                                    | Description                                                                                              |
+| ------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| [LightDomMixin](functions/LightDomMixin.md) | A mixin to enable light DOM rendering and style encapsulation for LitElement components.                 |
+| [LoggerMixin](functions/LoggerMixin.md)     | Create a mixin class that extends the provided superclass and logs the lifecycle methods of the element. |

packages/element/docs/functions/LightDomMixin.md

@@ -0,0 +1,44 @@
+[@nexim/element](../README.md) / LightDomMixin
+
+# Function: LightDomMixin()
+
+> **LightDomMixin**\<`T`\>(`superClass`: `T`): `T`
+
+A mixin to enable light DOM rendering and style encapsulation for LitElement components.
+
+## Type Parameters
+
+| Type Parameter                        | Default type            | Description               |
+| ------------------------------------- | ----------------------- | ------------------------- |
+| `T` _extends_ `Class`\<`LitElement`\> | `Class`\<`LitElement`\> | The base class to extend. |
+
+## Parameters
+
+| Parameter    | Type |
+| ------------ | ---- |
+| `superClass` | `T`  |
+
+## Returns
+
+`T`
+
+A class that extends the base class with light DOM functionality.
+
+## Example
+
+```ts
+import {LitElement, html, css} from 'lit';
+import {LightDomMixin} from '@nexim/element';
+
+class MyLightDomElement extends LightDomMixin(LitElement) {
+  static styles = css`
+    p {
+      color: blue;
+    }
+  `;
+
+  protected override render() {
+    return html`<p>Hello, light DOM!</p>`;
+  }
+}
+```

packages/element/docs/functions/LoggerMixin.md

@@ -0,0 +1,42 @@
+[@nexim/element](../README.md) / LoggerMixin
+
+# Function: LoggerMixin()
+
+> **LoggerMixin**\<`T`\>(`superClass`: `T`): `Class`\<[`LoggerMixinInterface`](../interfaces/LoggerMixinInterface.md)\> & `T`
+
+Create a mixin class that extends the provided superclass and logs the lifecycle methods of the element.
+
+Hint: function super() must be called in the methods to logger work.
+
+## Type Parameters
+
+| Type Parameter                        | Default type            | Description               |
+| ------------------------------------- | ----------------------- | ------------------------- |
+| `T` _extends_ `Class`\<`LitElement`\> | `Class`\<`LitElement`\> | The base class to extend. |
+
+## Parameters
+
+| Parameter    | Type |
+| ------------ | ---- |
+| `superClass` | `T`  |
+
+## Returns
+
+`Class`\<[`LoggerMixinInterface`](../interfaces/LoggerMixinInterface.md)\> & `T`
+
+A mixin class that extends the superclass and logs the lifecycle methods of the element.
+
+## Example
+
+```ts
+import {LitElement, html} from 'lit';
+import {LoggerMixin} from '@nexim/element';
+
+class MyElement extends LoggerMixin(LitElement) {
+  protected override render() {
+    super.render(); // must call super method to logger work
+
+    return html`<p>Hello, world!</p>`;
+  }
+}
+```