diff --git a/docs/components/global/css-vars/index.html b/docs/components/global/css-vars/index.html
index ab5ef66d..0de00438 100644
--- a/docs/components/global/css-vars/index.html
+++ b/docs/components/global/css-vars/index.html
@@ -4830,107 +4830,107 @@ <h2 id="css-variables-table">CSS Variables table</h2>
 </thead>
 <tbody>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background">--mbx-background</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background">--mbx-background</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_0</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-light">--mbx-background-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-light">--mbx-background-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_1</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #fff, #ededee, #e6e7e7)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #fff, #ededee, #e6e7e7);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-dark">--mbx-background-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-dark">--mbx-background-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_2</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #2d3748, #1d232e)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #2d3748, #1d232e);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color">--mbx-background-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color">--mbx-background-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_3</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color-light">--mbx-background-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color-light">--mbx-background-color-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_4</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#e9e9e9</div><div style='text-align:center;margin-auto;'><div style='background:#e9e9e9;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color-dark">--mbx-background-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color-dark">--mbx-background-color-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_5</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#1d232e</div><div style='text-align:center;margin-auto;'><div style='background:#1d232e;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_6</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color-hover-light">--mbx-background-color-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color-hover-light">--mbx-background-color-hover-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_7</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#dfeaf8</div><div style='text-align:center;margin-auto;'><div style='background:#dfeaf8;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-color-hover-dark">--mbx-background-color-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-color-hover-dark">--mbx-background-color-hover-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_8</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#3a3552</div><div style='text-align:center;margin-auto;'><div style='background:#3a3552;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-hover">--mbx-background-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-hover">--mbx-background-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_9</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-hover-light">--mbx-background-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-hover-light">--mbx-background-hover-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_10</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #ececec, #e1e1e6, #dbdddd)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #ececec, #e1e1e6, #dbdddd);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-background-hover-dark">--mbx-background-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-background-hover-dark">--mbx-background-hover-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_11</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #364257, #252d3b)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #364257, #252d3b);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color">--mbx-text-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color">--mbx-text-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_12</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color-light">--mbx-text-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color-light">--mbx-text-color-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_13</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#1b1b1b</div><div style='text-align:center;margin-auto;'><div style='background:#1b1b1b;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color-dark">--mbx-text-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color-dark">--mbx-text-color-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_14</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>white</div><div style='text-align:center;margin-auto;'><div style='background:white;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_15</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color-hover-light">--mbx-text-color-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color-hover-light">--mbx-text-color-hover-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_16</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#413c5c</div><div style='text-align:center;margin-auto;'><div style='background:#413c5c;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-text-color-hover-dark">--mbx-text-color-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-text-color-hover-dark">--mbx-text-color-hover-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_17</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#dfeaf8</div><div style='text-align:center;margin-auto;'><div style='background:#dfeaf8;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-focus-color">--mbx-focus-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-focus-color">--mbx-focus-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_18</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-focus-color-light">--mbx-focus-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-focus-color-light">--mbx-focus-color-light</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_19</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#7785ff</div><div style='text-align:center;margin-auto;'><div style='background:#7785ff;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="#mbx-focus-color-dark">--mbx-focus-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="#-mbx-focus-color-dark">--mbx-focus-color-dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>FALLBACK_20</div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#fb7a10</div><div style='text-align:center;margin-auto;'><div style='background:#fb7a10;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
diff --git a/docs/index.html b/docs/index.html
index 2009d0ec..541e91ac 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4706,67 +4706,67 @@ <h3 id="shared-properties">Shared Properties</h3>
 </thead>
 <tbody>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/key">key</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#key">key</a></div></td>
 <td><div style='text-align:center;margin:auto;'>string</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/classname">className</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#classname">className</a></div></td>
 <td><div style='text-align:center;margin:auto;'>string</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/dark">dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#dark">dark</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/hide">hide</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#hide">hide</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/id">id</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#id">id</a></div></td>
 <td><div style='text-align:center;margin:auto;'>string</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/shadow">shadow</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#shadow">shadow</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>true</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/style">style</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#style">style</a></div></td>
 <td><div style='text-align:center;margin:auto;'>CSSProperties</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/unstyled">unstyled</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#unstyled">unstyled</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/animated">animated</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#animated">animated</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>true</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/background">background</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#background">background</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>true</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/hover">hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#hover">hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>true</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/disabled">disabled</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#disabled">disabled</a></div></td>
 <td><div style='text-align:center;margin:auto;'>boolean</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/additionalprops">additionalProps</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#additionalprops">additionalProps</a></div></td>
 <td><div style='text-align:center;margin:auto;'>Record<string, any></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
@@ -4792,108 +4792,108 @@ <h3 id="css-variables">CSS variables</h3>
 </thead>
 <tbody>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background">--mbx-background</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background">--mbx-background</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-light">--mbx-background-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background">--mbx-background</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-light">--mbx-background-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background">--mbx-background</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #fff, #ededee, #e6e7e7)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #fff, #ededee, #e6e7e7);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-dark">--mbx-background-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background">--mbx-background</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-dark">--mbx-background-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background">--mbx-background</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #2d3748, #1d232e)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #2d3748, #1d232e);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color">--mbx-background-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color">--mbx-background-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-light">--mbx-background-color-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color">--mbx-background-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-light">--mbx-background-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color">--mbx-background-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#e9e9e9</div><div style='text-align:center;margin-auto;'><div style='background:#e9e9e9;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-dark">--mbx-background-color-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color">--mbx-background-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-dark">--mbx-background-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color">--mbx-background-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#1d232e</div><div style='text-align:center;margin-auto;'><div style='background:#1d232e;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-hover-light">--mbx-background-color-hover-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-hover-light">--mbx-background-color-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#dfeaf8</div><div style='text-align:center;margin-auto;'><div style='background:#dfeaf8;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-hover-dark">--mbx-background-color-hover-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-hover-dark">--mbx-background-color-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-color-hover">--mbx-background-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#3a3552</div><div style='text-align:center;margin-auto;'><div style='background:#3a3552;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-hover">--mbx-background-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-hover">--mbx-background-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-hover-light">--mbx-background-hover-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-hover">--mbx-background-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-hover-light">--mbx-background-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-hover">--mbx-background-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #ececec, #e1e1e6, #dbdddd)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #ececec, #e1e1e6, #dbdddd);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-hover-dark">--mbx-background-hover-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-background-hover">--mbx-background-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-hover-dark">--mbx-background-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-background-hover">--mbx-background-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>linear-gradient(to right, #364257, #252d3b)</div><div style='text-align:center;margin-auto;'><div style='background:linear-gradient(to right, #364257, #252d3b);margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color">--mbx-text-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color">--mbx-text-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-light">--mbx-text-color-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color">--mbx-text-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-light">--mbx-text-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color">--mbx-text-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#1b1b1b</div><div style='text-align:center;margin-auto;'><div style='background:#1b1b1b;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-dark">--mbx-text-color-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color">--mbx-text-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-dark">--mbx-text-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color">--mbx-text-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>white</div><div style='text-align:center;margin-auto;'><div style='background:white;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-hover-light">--mbx-text-color-hover-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-hover-light">--mbx-text-color-hover-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#413c5c</div><div style='text-align:center;margin-auto;'><div style='background:#413c5c;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-hover-dark">--mbx-text-color-hover-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-hover-dark">--mbx-text-color-hover-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-text-color-hover">--mbx-text-color-hover</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#dfeaf8</div><div style='text-align:center;margin-auto;'><div style='background:#dfeaf8;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-focus-color">--mbx-focus-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-focus-color">--mbx-focus-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 <td><div style='text-align:center;margin:auto;'>/</div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-focus-color-light">--mbx-focus-color-light</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-focus-color">--mbx-focus-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-focus-color-light">--mbx-focus-color-light</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-focus-color">--mbx-focus-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#7785ff</div><div style='text-align:center;margin-auto;'><div style='background:#7785ff;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-focus-color-dark">--mbx-focus-color-dark</a></div></td>
-<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/-mbx-focus-color">--mbx-focus-color</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-focus-color-dark">--mbx-focus-color-dark</a></div></td>
+<td><div style='text-align:center;margin:auto;'><a href="https://cianciarusocataldo.github.io/mobrix-ui/components/global/css-vars/#-mbx-focus-color">--mbx-focus-color</a></div></td>
 <td><div style='text-align:center;margin:auto;'><div><div style='text-align:center;margin-auto;'>#fb7a10</div><div style='text-align:center;margin-auto;'><div style='background:#fb7a10;margin:auto; width:15px; height:15px;'/></div></div></div></td>
 </tr>
 <tr>
diff --git a/docs/sitemap.xml.gz b/docs/sitemap.xml.gz
index c7586c97..67679c4f 100644
Binary files a/docs/sitemap.xml.gz and b/docs/sitemap.xml.gz differ