@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/documentation.json

@@ -1,17 +1,17 @@
 {
-  "timestamp": "2024-11-12T09:35:11",
+  "timestamp": "2024-12-04T15:30:05",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.21.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.22.2",
+    "typescriptVersion": "5.5.4"
   },
   "components": [
     {
       "filePath": "src/components/mds-accordion/mds-accordion.tsx",
       "encapsulation": "shadow",
       "tag": "mds-accordion",
-      "readme": "# mds-accordion\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-accordion\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -153,8 +153,8 @@
       "filePath": "src/components/mds-accordion-item/mds-accordion-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-accordion-item",
-      "readme": "# mds-accordion-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-accordion-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -412,8 +412,8 @@
       "filePath": "src/components/mds-accordion-timer/mds-accordion-timer.tsx",
       "encapsulation": "shadow",
       "tag": "mds-accordion-timer",
-      "readme": "# mds-accordion-timer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-accordion-timer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -556,8 +556,8 @@
       "filePath": "src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-accordion-timer-item",
-      "readme": "# mds-accordion-timer-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-accordion-timer-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -898,7 +898,7 @@
       "filePath": "src/components/mds-author/mds-author.tsx",
       "encapsulation": "shadow",
       "tag": "mds-author",
-      "readme": "# mds-author\n\n\n# Installation\n\nInstall the component via `npm` by running the following command:\n\n```bash\nnpm i @maggioli-design-system/mds-author\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-author\n```\n\n#### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsAuthor } from '@maggioli-design-system/mds-author/loader'\n\ndceMdsAuthor()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility available in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsAuthor, defineCustomElements as dceMdsAuthor } from '@maggioli-design-system/mds-author/loader'\n\napMdsAuthor().then(dceMdsAuthor())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n---\n\n# Integration\n\n#### How to use it in HTML\n\n`MdsAuthor` accepts a specific slot named `avatar` which is used to display an element on the left side (usually an image, or the initials of the author if no `src` is provided), while accepts multiple slots to be displayed on the right side for author's name and description. An example follow:\n\n```html\n<mds-author>\n  <mds-avatar slot=\"avatar\" initials=\"jd\" src=\"<some-url>\"></mds-avatar>\n  <mds-text typography=\"h6\">John Doe</mds-text>\n  <mds-text typography=\"caption\">Associated professor</mds-text>\n</mds-author>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-author--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-author\n\n\n# Installation\n\nInstall the component via `npm` by running the following command:\n\n```bash\nnpm i @maggioli-design-system/mds-author\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-author\n```\n\n#### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsAuthor } from '@maggioli-design-system/mds-author/loader'\n\ndceMdsAuthor()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility available in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsAuthor, defineCustomElements as dceMdsAuthor } from '@maggioli-design-system/mds-author/loader'\n\napMdsAuthor().then(dceMdsAuthor())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n---\n\n# Integration\n\n#### How to use it in HTML\n\n`MdsAuthor` accepts a specific slot named `avatar` which is used to display an element on the left side (usually an image, or the initials of the author if no `src` is provided), while accepts multiple slots to be displayed on the right side for author's name and description. An example follow:\n\n```html\n<mds-author>\n  <mds-avatar slot=\"avatar\" initials=\"jd\" src=\"<some-url>\"></mds-avatar>\n  <mds-text typography=\"h6\">John Doe</mds-text>\n  <mds-text typography=\"caption\">Associated professor</mds-text>\n</mds-author>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-author--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "",
       "docsTags": [
         {
@@ -935,7 +935,7 @@
       "filePath": "src/components/mds-avatar/mds-avatar.tsx",
       "encapsulation": "shadow",
       "tag": "mds-avatar",
-      "readme": "# mds-avatar\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-avatar\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-avatar\n```\n\n### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsAvatar } from '@maggioli-design-system/mds-avatar/loader'\n\ndceMdsAvatar()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsAvatar, defineCustomElements as dceMdsAvatar } from '@maggioli-design-system/mds-avatar/loader'\n\napMdsAvatar().then(dceMdsAvatar())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n<!-- Add information about HTML usage here -->\n\n`MdsAvatar` accepts a path to an image to be displayed via the `src` attribute, or if missing accepts the initials to be displayed via the `initials` attribute. Beware that the text passed via `initials` attribute will be trimmed and truncated up to the second character, so if `cya` is the value passed to the attribute, the final result displayed will be `CY` (the text will be transformed to uppercase via a css class).\n\nAn example follows:\n\n```html\n<mds-avatar src=\"https://placehold.co/80\" initials=\"ap\"></mds-avatar>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n<!-- TODO set correct storybook link, `ui` may need to be changed into something else -->\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-avatar--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\n---\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-avatar\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-avatar\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-avatar\n```\n\n### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsAvatar } from '@maggioli-design-system/mds-avatar/loader'\n\ndceMdsAvatar()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsAvatar, defineCustomElements as dceMdsAvatar } from '@maggioli-design-system/mds-avatar/loader'\n\napMdsAvatar().then(dceMdsAvatar())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n<!-- Add information about HTML usage here -->\n\n`MdsAvatar` accepts a path to an image to be displayed via the `src` attribute, or if missing accepts the initials to be displayed via the `initials` attribute. Beware that the text passed via `initials` attribute will be trimmed and truncated up to the second character, so if `cya` is the value passed to the attribute, the final result displayed will be `CY` (the text will be transformed to uppercase via a css class).\n\nAn example follows:\n\n```html\n<mds-avatar src=\"https://placehold.co/80\" initials=\"ap\"></mds-avatar>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n<!-- TODO set correct storybook link, `ui` may need to be changed into something else -->\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-avatar--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\n---\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "<!-- Start script-generated Magma Docs -->",
       "docsTags": [
         {
@@ -1220,8 +1220,8 @@
       "filePath": "src/components/mds-badge/mds-badge.tsx",
       "encapsulation": "shadow",
       "tag": "mds-badge",
-      "readme": "# mds-badge\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-badge\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -1518,8 +1518,8 @@
       "filePath": "src/components/mds-banner/mds-banner.tsx",
       "encapsulation": "shadow",
       "tag": "mds-banner",
-      "readme": "# mds-banner\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-banner\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -1701,7 +1701,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsBannerClose",
@@ -1790,8 +1813,8 @@
       "filePath": "src/components/mds-benchmark-bar/mds-benchmark-bar.tsx",
       "encapsulation": "shadow",
       "tag": "mds-benchmark-bar",
-      "readme": "# mds-benchmark-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-benchmark-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -1966,7 +1989,7 @@
       "filePath": "src/components/mds-bibliography/mds-bibliography.tsx",
       "encapsulation": "shadow",
       "tag": "mds-bibliography",
-      "readme": "# mds-bibliography\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-bibliography\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-bibliography\n```\n\n#### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsBibliography } from '@maggioli-design-system/mds-bibliography/loader'\n\ndceMdsBibliography()\n```\n\n`MdsBibliography` depends on `MdsText`, so you will have to import it as well:\n\n```typescript\nimport { defineCustomElements as dceMdsText } from '@maggioli-design-system/mds-text/loader'\n\ndceMdsText()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsBibliography, defineCustomElements as dceMdsBibliography } from '@maggioli-design-system/mds-bibliography/loader'\n\napMdsBibliography().then(dceMdsBibliography())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n<!-- Add information about HTML usage here -->\n`MdsBibliography` accepts the following attributes:\n- `author`: specifies a single or multiple authors, accepts a string or an array of strings\n- `date`: specifies the date of the bibliography\n- `format`: specifies the bibliography format\n- `location`: specifies the location of the bibliography\n- `name`: specifies the name of the bibliography\n- `publisher`: specifies the publisher of the bibliography\n- `rel`: specifies relationship between the current document and the URL\n- `typography`: specifies the font typography of the element\n- `url`: specifies the URL of the bibliography\n- `variant`: specifies the variant for `typography`\n\n```html\n<mds-bibliography\n  author=\"John Doe\"\n  date=\"2022-10-04\"\n  location=\"London\"\n  name=\"Meet John Doe\"\n  publisher=\"Maggioli Editore\"\n  url=\"https://www.maggioli.com\"\n  variant=\"read\"\n></mds-bibliography>\n```\n\nWrap first name or last name to crop them correctly:\n\n```\nauthor=\"'Jhon Arthur' Doe\"\nauthor=\"'Jhon Arthur' 'Doe Jhonson'\"\n```\n\nFor multiple authors, you can separate the names using comma, and can still wrap first/last name to crop them:\n\n```\nauthor=\"'Jhon Arthur' 'Doe Jhonson', Mike Collins, Erik 'Ross Anderson'\"\n```\n\nYou can use single or double quotation marks for composite names.\n\nIf needed, you can customize the color of the text, the `url` text and the color of the `url` text when overed overriding the value of the [`CSS custom properties`](#css-custom-properties) listed below\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n<!-- TODO set correct storybook link, `ui` may need to be changed into something else -->\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-bibliography--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-bibliography\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-bibliography\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-bibliography\n```\n\n#### Import\n\nImport the component in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsBibliography } from '@maggioli-design-system/mds-bibliography/loader'\n\ndceMdsBibliography()\n```\n\n`MdsBibliography` depends on `MdsText`, so you will have to import it as well:\n\n```typescript\nimport { defineCustomElements as dceMdsText } from '@maggioli-design-system/mds-text/loader'\n\ndceMdsText()\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsBibliography, defineCustomElements as dceMdsBibliography } from '@maggioli-design-system/mds-bibliography/loader'\n\napMdsBibliography().then(dceMdsBibliography())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n<!-- Add information about HTML usage here -->\n`MdsBibliography` accepts the following attributes:\n- `author`: specifies a single or multiple authors, accepts a string or an array of strings\n- `date`: specifies the date of the bibliography\n- `format`: specifies the bibliography format\n- `location`: specifies the location of the bibliography\n- `name`: specifies the name of the bibliography\n- `publisher`: specifies the publisher of the bibliography\n- `rel`: specifies relationship between the current document and the URL\n- `typography`: specifies the font typography of the element\n- `url`: specifies the URL of the bibliography\n- `variant`: specifies the variant for `typography`\n\n```html\n<mds-bibliography\n  author=\"John Doe\"\n  date=\"2022-10-04\"\n  location=\"London\"\n  name=\"Meet John Doe\"\n  publisher=\"Maggioli Editore\"\n  url=\"https://www.maggioli.com\"\n  variant=\"read\"\n></mds-bibliography>\n```\n\nWrap first name or last name to crop them correctly:\n\n```\nauthor=\"'Jhon Arthur' Doe\"\nauthor=\"'Jhon Arthur' 'Doe Jhonson'\"\n```\n\nFor multiple authors, you can separate the names using comma, and can still wrap first/last name to crop them:\n\n```\nauthor=\"'Jhon Arthur' 'Doe Jhonson', Mike Collins, Erik 'Ross Anderson'\"\n```\n\nYou can use single or double quotation marks for composite names.\n\nIf needed, you can customize the color of the text, the `url` text and the color of the `url` text when overed overriding the value of the [`CSS custom properties`](#css-custom-properties) listed below\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n<!-- TODO set correct storybook link, `ui` may need to be changed into something else -->\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-bibliography--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "<!-- Start script-generated Magma Docs -->",
       "docsTags": [],
       "usage": {},
@@ -2319,8 +2342,8 @@
       "filePath": "src/components/mds-breadcrumb/mds-breadcrumb.tsx",
       "encapsulation": "shadow",
       "tag": "mds-breadcrumb",
-      "readme": "# mds-breadcrumb\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-breadcrumb\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -2355,7 +2378,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsBreadcrumbChange",
@@ -2463,8 +2509,8 @@
       "filePath": "src/components/mds-breadcrumb-item/mds-breadcrumb-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-breadcrumb-item",
-      "readme": "# mds-breadcrumb-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-breadcrumb-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -2600,8 +2646,8 @@
       "filePath": "src/components/mds-button/mds-button.tsx",
       "encapsulation": "shadow",
       "tag": "mds-button",
-      "readme": "# mds-button\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-button\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3151,8 +3197,8 @@
       "filePath": "src/components/mds-card/mds-card.tsx",
       "encapsulation": "shadow",
       "tag": "mds-card",
-      "readme": "# mds-card\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-card\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3243,8 +3289,8 @@
       "filePath": "src/components/mds-card-content/mds-card-content.tsx",
       "encapsulation": "shadow",
       "tag": "mds-card-content",
-      "readme": "# mds-card-content\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-card-content\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3272,8 +3318,8 @@
       "filePath": "src/components/mds-card-footer/mds-card-footer.tsx",
       "encapsulation": "shadow",
       "tag": "mds-card-footer",
-      "readme": "# mds-card-footer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-card-footer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3301,8 +3347,8 @@
       "filePath": "src/components/mds-card-header/mds-card-header.tsx",
       "encapsulation": "shadow",
       "tag": "mds-card-header",
-      "readme": "# mds-card-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-card-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3338,8 +3384,8 @@
       "filePath": "src/components/mds-card-media/mds-card-media.tsx",
       "encapsulation": "shadow",
       "tag": "mds-card-media",
-      "readme": "# mds-card-media\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-card-media\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3380,8 +3426,8 @@
       "filePath": "src/components/mds-chip/mds-chip.tsx",
       "encapsulation": "shadow",
       "tag": "mds-chip",
-      "readme": "# mds-chip\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-chip\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3393,9 +3439,9 @@
             "resolved": "boolean | undefined",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "clickable",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Adds ARIA support to the element if has interaction",
           "docsTags": [],
           "values": [
@@ -3433,32 +3479,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "deleteLabel",
-          "type": "\"Rimuovi\" | undefined",
-          "complexType": {
-            "original": "\"Rimuovi\" | undefined",
-            "resolved": "\"Rimuovi\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "delete-label",
-          "reflectToAttr": false,
-          "docs": "Sets the cross icon accessibility label to perform cancel/delete action on element",
-          "docsTags": [],
-          "default": "'Rimuovi'",
-          "values": [
-            {
-              "value": "Rimuovi",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "disabled",
           "type": "boolean | undefined",
@@ -3518,7 +3538,7 @@
           },
           "mutable": false,
           "attr": "label",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The label displayed to the right of the component's icon",
           "docsTags": [],
           "values": [
@@ -3530,14 +3550,39 @@
           "required": true
         },
         {
-          "name": "selected",
-          "type": "boolean",
+          "name": "selectable",
+          "type": "boolean | undefined",
           "complexType": {
             "original": "boolean",
-            "resolved": "boolean",
+            "resolved": "boolean | undefined",
             "references": {}
           },
           "mutable": false,
+          "attr": "selectable",
+          "reflectToAttr": true,
+          "docs": "Sets if the component change is status to selected when is clicked",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
           "docs": "Sets the component selected",
@@ -3546,13 +3591,131 @@
           "values": [
             {
               "type": "boolean"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "tone",
+          "type": "\"strong\" | \"weak\" | undefined",
+          "complexType": {
+            "original": "ToneMinimalVariantType",
+            "resolved": "\"strong\" | \"weak\" | undefined",
+            "references": {
+              "ToneMinimalVariantType": {
+                "location": "import",
+                "path": "@type/variant",
+                "id": "src/type/variant.ts::ToneMinimalVariantType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "tone",
+          "reflectToAttr": true,
+          "docs": "Sets the color variant tone of the component",
+          "docsTags": [],
+          "default": "'strong'",
+          "values": [
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "weak",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"dark\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | undefined",
+          "complexType": {
+            "original": "ChipVariantType",
+            "resolved": "\"dark\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | undefined",
+            "references": {
+              "ChipVariantType": {
+                "location": "import",
+                "path": "@type/variant",
+                "id": "src/type/variant.ts::ChipVariantType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": true,
+          "docs": "Sets the color variant of the component",
+          "docsTags": [],
+          "default": "'primary'",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "error",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsChipClickLabel",
@@ -3668,8 +3831,8 @@
       "filePath": "src/components/mds-details/mds-details.tsx",
       "encapsulation": "shadow",
       "tag": "mds-details",
-      "readme": "# mds-details\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-details\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -3775,7 +3938,7 @@
       "filePath": "src/components/mds-dropdown/mds-dropdown.tsx",
       "encapsulation": "shadow",
       "tag": "mds-dropdown",
-      "readme": "# mds-dropdown\n\n### Best practices of usage\n\nThere are many situations where the component should be placed on the surface of the document:\n\n```html\n<body>\n  <mds-dropdown target=\"ui-content\">\n    <mds-text>Dropdown contents</mds-text>\n  </mds-dropdown>\n  <div>\n    <mds-text>Deep contents</mds-text>\n    <div>\n      <mds-text id=\"ui-content\">Deeper contents</mds-text>\n    </div>\n  </div>\n</body>\n```\n\nThe next use case couldn't be rendered correctly depending by relative/absolute/etc. positioning and `strategy` attribute mix.\n\n```html\n<body>\n  <div>\n    <mds-text>Deep contents</mds-text>\n    <div>\n      <mds-text id=\"ui-content\">Deeper contents</mds-text>\n      <mds-dropdown target=\"ui-content\">\n        <mds-text>Dropdown contents</mds-text>\n      </mds-dropdown>\n    </div>\n  </div>\n</body>\n```\n\nAffected problems:\n\n- Wrong `backdrop` render\n- Wrong `mds-dropdown` positioning\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-dropdown\n\n### Best practices of usage\n\nThere are many situations where the component should be placed on the surface of the document:\n\n```html\n<body>\n  <mds-dropdown target=\"ui-content\">\n    <mds-text>Dropdown contents</mds-text>\n  </mds-dropdown>\n  <div>\n    <mds-text>Deep contents</mds-text>\n    <div>\n      <mds-text id=\"ui-content\">Deeper contents</mds-text>\n    </div>\n  </div>\n</body>\n```\n\nThe next use case couldn't be rendered correctly depending by relative/absolute/etc. positioning and `strategy` attribute mix.\n\n```html\n<body>\n  <div>\n    <mds-text>Deep contents</mds-text>\n    <div>\n      <mds-text id=\"ui-content\">Deeper contents</mds-text>\n      <mds-dropdown target=\"ui-content\">\n        <mds-text>Dropdown contents</mds-text>\n      </mds-dropdown>\n    </div>\n  </div>\n</body>\n```\n\nAffected problems:\n\n- Wrong `backdrop` render\n- Wrong `mds-dropdown` positioning\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "",
       "docsTags": [
         {
@@ -4336,8 +4499,8 @@
       "filePath": "src/components/mds-entity/mds-entity.tsx",
       "encapsulation": "shadow",
       "tag": "mds-entity",
-      "readme": "# mds-entity\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-entity\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -4653,8 +4816,8 @@
       "filePath": "src/components/mds-file/mds-file.tsx",
       "encapsulation": "shadow",
       "tag": "mds-file",
-      "readme": "# mds-file\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-file\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -4682,31 +4845,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "downloadedLabel",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "downloaded-label",
-          "reflectToAttr": false,
-          "docs": "Sets a label which is shown when the file is downloaded",
-          "docsTags": [],
-          "default": "'Hai già scaricato questo file'",
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "filename",
           "type": "string",
@@ -4832,7 +4970,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsFileDownload",
@@ -5253,7 +5414,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsFileDelete",
@@ -5345,8 +5529,8 @@
       "filePath": "src/components/mds-filter/mds-filter.tsx",
       "encapsulation": "shadow",
       "tag": "mds-filter",
-      "readme": "# mds-filter\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-filter\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -5541,8 +5725,8 @@
       "filePath": "src/components/mds-filter-item/mds-filter-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-filter-item",
-      "readme": "# mds-filter-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-filter-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -5685,8 +5869,8 @@
       "filePath": "src/components/mds-header/mds-header.tsx",
       "encapsulation": "shadow",
       "tag": "mds-header",
-      "readme": "# mds-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -6003,8 +6187,8 @@
       "filePath": "src/components/mds-header-bar/mds-header-bar.tsx",
       "encapsulation": "shadow",
       "tag": "mds-header-bar",
-      "readme": "# mds-header-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-header-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -6183,10 +6367,10 @@
     },
     {
       "filePath": "src/components/mds-help/mds-help.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "mds-help",
-      "readme": "# mds-help\n\nThis component does not have shadow DOM enabled.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This component does not have shadow DOM enabled.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-help\n\nThis component does not have shadow DOM enabled.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This component does not have shadow DOM enabled.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -6351,8 +6535,8 @@
       "filePath": "src/components/mds-horizontal-scroll/mds-horizontal-scroll.tsx",
       "encapsulation": "shadow",
       "tag": "mds-horizontal-scroll",
-      "readme": "# mds-horizontal-scroll\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-horizontal-scroll\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -6556,8 +6740,8 @@
       "filePath": "src/components/mds-hr/mds-hr.tsx",
       "encapsulation": "shadow",
       "tag": "mds-hr",
-      "readme": "# mds-hr\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-hr\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [],
@@ -6575,7 +6759,7 @@
       "filePath": "src/components/mds-icon/mds-icon.tsx",
       "encapsulation": "shadow",
       "tag": "mds-icon",
-      "readme": "# mds-icon\n\n## How to use\n\nThis component is intented to be used only with svg files. In order to properly work, you need  to tell the component the path to the svg file directory.\n\n### Via `sessionStorage` (recommended)\n\nThe simplest way to instruct the component is using `window.sessionStorage.setItem('mdsIconSvgPath', <path-to-svg-directory>)`.\nFor example, if your svg directory is located in `assets/img/svg`, you should put the following code in your application\n\n```javascript\nwindow.sessionStorage.setItem('mdsIconSvgPath', 'assets/img/svg/');\n```\n\nThe path to the directory is based on how the `assets` are handled by the framework you are using.\n\n### Via `setSvgPath` stencil method\n\nAnother way would be, after you have called `defineCustomElements()` of this component, to instantiate a temporary MdsIcon DOM node element to call the `setSvgPath` class method\n\n```javascript\nconst mdsIconGet = async () => {\n  // Wait for the web component to be defined\n  await customElements.whenDefined('mds-icon')\n  // Create an instance of mds-icon\n  const mdsIcon = document.createElement('mds-icon')\n  // Append element to body\n  document.body.appendChild(mdsIcon)\n  // Check for method existance and set svg directory path\n  if ('setSvgPath' in mdsIcon) {\n    mdsIcon.setSvgPath('/assets/img/svg/')\n  }\n  // Remove element from body\n  document.body.removeChild(mdsIcon)\n}\n\nmdsIconGet()\n```\n\n### Via `setSvgPathStatic` static class function\n\nLast way to set it is by calling the static function present in the class. This is done after the `defineCustomElements()` call\n\n```javascript\nimport { mds_icon } from '@maggioli-design-system/mds-icon/dist/esm/mds-icon.entry'\n\nconst mdsIconGet = async () => {\n  await customElements.whenDefined('mds-icon')\n\n  mds_icon.setSvgPathStatic('/assets/img/svg/')\n}\n\nmdsIconGet()\n```\n\n## Force icon update\n\nIn some cases it may happens that when setting the path to where the SVG are located, icons still fail to load them.\n\nThis may be caused by the instatiation of `mds-icon` component happening before the setting of the directory path.\n\nTo force the update of the icons, after you have called `window.sessionStorage` or the `mds-icon` functions, you can dispatch a global event from the window with the key `mdsIconSvgPathUpdate`\n\n```javascript\nwindow.dispatchEvent(new CustomEvent('mdsIconSvgPathUpdate'))\n```\n\nOnce done this, the icons component already instantiated will be notified of the update and try to reload the icons.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-icon\n\n## How to use\n\nThis component is intented to be used only with svg files. In order to properly work, you need  to tell the component the path to the svg file directory.\n\n### Via `sessionStorage` (recommended)\n\nThe simplest way to instruct the component is using `window.sessionStorage.setItem('mdsIconSvgPath', <path-to-svg-directory>)`.\nFor example, if your svg directory is located in `assets/img/svg`, you should put the following code in your application\n\n```javascript\nwindow.sessionStorage.setItem('mdsIconSvgPath', 'assets/img/svg/');\n```\n\nThe path to the directory is based on how the `assets` are handled by the framework you are using.\n\n### Via `setSvgPath` stencil method\n\nAnother way would be, after you have called `defineCustomElements()` of this component, to instantiate a temporary MdsIcon DOM node element to call the `setSvgPath` class method\n\n```javascript\nconst mdsIconGet = async () => {\n  // Wait for the web component to be defined\n  await customElements.whenDefined('mds-icon')\n  // Create an instance of mds-icon\n  const mdsIcon = document.createElement('mds-icon')\n  // Append element to body\n  document.body.appendChild(mdsIcon)\n  // Check for method existance and set svg directory path\n  if ('setSvgPath' in mdsIcon) {\n    mdsIcon.setSvgPath('/assets/img/svg/')\n  }\n  // Remove element from body\n  document.body.removeChild(mdsIcon)\n}\n\nmdsIconGet()\n```\n\n### Via `setSvgPathStatic` static class function\n\nLast way to set it is by calling the static function present in the class. This is done after the `defineCustomElements()` call\n\n```javascript\nimport { mds_icon } from '@maggioli-design-system/mds-icon/dist/esm/mds-icon.entry'\n\nconst mdsIconGet = async () => {\n  await customElements.whenDefined('mds-icon')\n\n  mds_icon.setSvgPathStatic('/assets/img/svg/')\n}\n\nmdsIconGet()\n```\n\n## Force icon update\n\nIn some cases it may happens that when setting the path to where the SVG are located, icons still fail to load them.\n\nThis may be caused by the instatiation of `mds-icon` component happening before the setting of the directory path.\n\nTo force the update of the icons, after you have called `window.sessionStorage` or the `mds-icon` functions, you can dispatch a global event from the window with the key `mdsIconSvgPathUpdate`\n\n```javascript\nwindow.dispatchEvent(new CustomEvent('mdsIconSvgPathUpdate'))\n```\n\nOnce done this, the icons component already instantiated will be notified of the update and try to reload the icons.\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "",
       "docsTags": [
         {
@@ -6736,8 +6920,8 @@
       "filePath": "src/components/mds-img/mds-img.tsx",
       "encapsulation": "shadow",
       "tag": "mds-img",
-      "readme": "# mds-img\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-img\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -7025,7 +7209,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsImgLoadError",
@@ -7113,7 +7320,7 @@
       "filePath": "src/components/mds-input/mds-input.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input",
-      "readme": "# mds-input\n\n## Form interaction\n\nThis component is `scoped` and not `shadowed`, so the inner `input` element interacts natively with `form` element.\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-input\n\n## Form interaction\n\nThis component is `scoped` and not `shadowed`, so the inner `input` element interacts natively with `form` element.\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -7828,7 +8035,7 @@
         {
           "name": "getInputElement",
           "returns": {
-            "type": "Promise<HTMLInputElement | HTMLTextAreaElement>",
+            "type": "Promise<HTMLTextAreaElement | HTMLInputElement>",
             "docs": ""
           },
           "complexType": {
@@ -7839,16 +8046,16 @@
                 "location": "global",
                 "id": "global::Promise"
               },
-              "HTMLInputElement": {
-                "location": "global",
-                "id": "global::HTMLInputElement"
-              },
               "HTMLTextAreaElement": {
                 "location": "global",
                 "id": "global::HTMLTextAreaElement"
+              },
+              "HTMLInputElement": {
+                "location": "global",
+                "id": "global::HTMLInputElement"
               }
             },
-            "return": "Promise<HTMLInputElement | HTMLTextAreaElement>"
+            "return": "Promise<HTMLTextAreaElement | HTMLInputElement>"
           },
           "signature": "getInputElement() => Promise<HTMLInputElement | HTMLTextAreaElement>",
           "parameters": [],
@@ -7876,6 +8083,28 @@
           "parameters": [],
           "docs": "Sets focus on the specified `my-input`.\nUse this method instead\nof the global `input.focus()`.",
           "docsTags": []
+        },
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
         }
       ],
       "events": [
@@ -7903,8 +8132,8 @@
             "references": {
               "MdsInputEventDetail": {
                 "location": "import",
-                "path": "./meta/event-detail",
-                "id": "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail"
+                "path": "@type/input",
+                "id": "src/type/input.ts::MdsInputEventDetail"
               }
             }
           },
@@ -8049,8 +8278,8 @@
       "filePath": "src/components/mds-input-field/mds-input-field.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input-field",
-      "readme": "# mds-input-field\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-input-field\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -8812,7 +9041,7 @@
         {
           "name": "getInputElement",
           "returns": {
-            "type": "Promise<HTMLInputElement | HTMLTextAreaElement | null | undefined>",
+            "type": "Promise<HTMLTextAreaElement | HTMLInputElement | null | undefined>",
             "docs": ""
           },
           "complexType": {
@@ -8823,16 +9052,16 @@
                 "location": "global",
                 "id": "global::Promise"
               },
-              "HTMLInputElement": {
-                "location": "global",
-                "id": "global::HTMLInputElement"
-              },
               "HTMLTextAreaElement": {
                 "location": "global",
                 "id": "global::HTMLTextAreaElement"
+              },
+              "HTMLInputElement": {
+                "location": "global",
+                "id": "global::HTMLInputElement"
               }
             },
-            "return": "Promise<HTMLInputElement | HTMLTextAreaElement | null | undefined>"
+            "return": "Promise<HTMLTextAreaElement | HTMLInputElement | null | undefined>"
           },
           "signature": "getInputElement() => Promise<HTMLInputElement | HTMLTextAreaElement | null | undefined>",
           "parameters": [],
@@ -8926,8 +9155,8 @@
             "references": {
               "MdsInputEventDetail": {
                 "location": "import",
-                "path": "@component/mds-input/meta/event-detail",
-                "id": "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail"
+                "path": "@type/input",
+                "id": "src/type/input.ts::MdsInputEventDetail"
               }
             }
           },
@@ -9016,8 +9245,8 @@
       "filePath": "src/components/mds-input-range/mds-input-range.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input-range",
-      "readme": "# mds-input-range\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-input-range\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -9180,8 +9409,8 @@
       "filePath": "src/components/mds-input-select/mds-input-select.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input-select",
-      "readme": "# mds-input-select\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-input-select\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -9466,16 +9695,16 @@
       "events": [
         {
           "event": "mdsInputSelectChange",
-          "detail": "InputValue",
+          "detail": "MdsInputEventDetail",
           "bubbles": true,
           "complexType": {
-            "original": "InputValue",
-            "resolved": "InputValue",
+            "original": "MdsInputEventDetail",
+            "resolved": "MdsInputEventDetail",
             "references": {
-              "InputValue": {
+              "MdsInputEventDetail": {
                 "location": "import",
-                "path": "@interface/input-value",
-                "id": "src/interface/input-value.ts::InputValue"
+                "path": "@type/input",
+                "id": "src/type/input.ts::MdsInputEventDetail"
               }
             }
           },
@@ -9513,8 +9742,8 @@
       "filePath": "src/components/mds-input-switch/mds-input-switch.tsx",
       "encapsulation": "shadow",
       "tag": "mds-input-switch",
-      "readme": "# mds-input-switch\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-input-switch\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -10176,7 +10405,7 @@
             "references": {
               "InputTipItemVariantType": {
                 "location": "import",
-                "path": "@component/mds-input-tip-item/meta/types",
+                "path": "./meta/types",
                 "id": "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType"
               }
             }
@@ -10216,7 +10445,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -10405,6 +10657,28 @@
           "parameters": [],
           "docs": "Returns a promise of files error or null if there's none",
           "docsTags": []
+        },
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
         }
       ],
       "events": [
@@ -10479,8 +10753,8 @@
       "filePath": "src/components/mds-kpi/mds-kpi.tsx",
       "encapsulation": "shadow",
       "tag": "mds-kpi",
-      "readme": "# mds-kpi\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-kpi\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -10519,8 +10793,8 @@
       "filePath": "src/components/mds-kpi-item/mds-kpi-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-kpi-item",
-      "readme": "# mds-kpi-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-kpi-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -10620,7 +10894,7 @@
           "mutable": false,
           "attr": "threshold",
           "reflectToAttr": false,
-          "docs": "Specifies the description under the value in the KPI element",
+          "docs": "Specifies the page threshold which starts the text animation",
           "docsTags": [],
           "default": "0",
           "values": [
@@ -10691,8 +10965,8 @@
       "filePath": "src/components/mds-label/mds-label.tsx",
       "encapsulation": "shadow",
       "tag": "mds-label",
-      "readme": "# mds-label\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-label\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -10999,7 +11273,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsLabelDelete",
@@ -11072,8 +11369,8 @@
       "filePath": "src/components/mds-list/mds-list.tsx",
       "encapsulation": "shadow",
       "tag": "mds-list",
-      "readme": "# mds-list\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-list\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -11101,8 +11398,8 @@
       "filePath": "src/components/mds-list-item/mds-list-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-list-item",
-      "readme": "# mds-list-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-list-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -11268,8 +11565,8 @@
       "filePath": "src/components/mds-modal/mds-modal.tsx",
       "encapsulation": "shadow",
       "tag": "mds-modal",
-      "readme": "# mds-modal\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-modal\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -11547,8 +11844,8 @@
       "filePath": "src/components/mds-note/mds-note.tsx",
       "encapsulation": "shadow",
       "tag": "mds-note",
-      "readme": "# mds-note\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-note\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -11655,7 +11952,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsNoteDelete",
@@ -11730,7 +12050,7 @@
       "filePath": "src/components/mds-notification/mds-notification.tsx",
       "encapsulation": "shadow",
       "tag": "mds-notification",
-      "readme": "# mds-notification\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-notification\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-notification\n```\n\n#### Import\n\nImport the components in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsNotification } from '@maggioli-design-system/mds-notification/loader'\n\ndceMdsNotification()\n```\n\n`MdsNotification` depends on `MdsText`, so you will have to import it as well:\n\n```typescript\nimport { defineCustomElements as dceMdsText } from '@maggioli-design-system/mds-text/loader'\n\ndceMdsText()\n```\n\nYou will have to import also the css style from `@maggioli-design-system` as follows:\n\n```css\n@import '~@maggioli-design-system/styles/dist/css/colors-rgb.css`\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsNotification, defineCustomElements as dceMdsNotification } from '@maggioli-design-system/mds-notification/loader'\n\napMdsNotification().then(dceMdsNotification())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n`MdsNotification` is meant to be used to support another HTML component (like an icon or a button) to notify the user of pending notifications.\n\nThe component accepts the following attributes:\n- `target`: (mandatory) specifies the id of the element to which is attached\n- `value`: specifies the number of notification to display (if set to the element will be hidden)\n- `visible`: specifies if the notification should be visible or not\n\n```html\n<mds-notification target='my-button' value=22 visible=true></mds-notification>\n<button id='my-button'>Click here!</button>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-notification--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-notification\n\n<!-- Start script-generated Magma Docs -->\n\n# Install\n\nInstall the component via `npm` by running the following command\n\n```bash\nnpm install @maggioli-design-system/mds-notification\n```\n\nThis package works also with yarn:\n\n```bash\nyarn add @maggioli-design-system/mds-notification\n```\n\n#### Import\n\nImport the components in your project via `TypeScript` as follows:\n\n```typescript\nimport { defineCustomElements as dceMdsNotification } from '@maggioli-design-system/mds-notification/loader'\n\ndceMdsNotification()\n```\n\n`MdsNotification` depends on `MdsText`, so you will have to import it as well:\n\n```typescript\nimport { defineCustomElements as dceMdsText } from '@maggioli-design-system/mds-text/loader'\n\ndceMdsText()\n```\n\nYou will have to import also the css style from `@maggioli-design-system` as follows:\n\n```css\n@import '~@maggioli-design-system/styles/dist/css/colors-rgb.css`\n```\n\nIf you need to support older browsers (i.e. IE or early version of Edge), you can wrap the `defineCustomElements` in another utility awailable in the same package:\n\n```typescript\nimport { applyPolyfills as apMdsNotification, defineCustomElements as dceMdsNotification } from '@maggioli-design-system/mds-notification/loader'\n\napMdsNotification().then(dceMdsNotification())\n```\n\nUse alias for `defineCustomElements` method to initialize multiple web components in the same place:\n\n```typescript\nimport { defineCustomElements as dceMdsComponentOne } from '@maggioli-design-system/mds-component-one/loader'\nimport { defineCustomElements as dceMdsComponentTwo } from '@maggioli-design-system/mds-component-two/loader'\n\ndceMdsComponentOne()\ndceMdsComponentTwo()\n```\n\nYou can check how browser support works at [this page][stencil-browser-support].\n\n# Integration\n\n<!-- This section is useful to describe usages and configurations -->\n\n#### How to use it in HTML\n\n`MdsNotification` is meant to be used to support another HTML component (like an icon or a button) to notify the user of pending notifications.\n\nThe component accepts the following attributes:\n- `target`: (mandatory) specifies the id of the element to which is attached\n- `value`: specifies the number of notification to display (if set to the element will be hidden)\n- `visible`: specifies if the notification should be visible or not\n\n```html\n<mds-notification target='my-button' value=22 visible=true></mds-notification>\n<button id='my-button'>Click here!</button>\n```\n\nYou can try it out on the component's [Storybook website][storybook]!\n\n[storybook]: https://magma.maggiolicloud.it/storybook/?path=/story/ui-notification--default\n[stencil-browser-support]: https://stenciljs.com/docs/browser-support\n\n<!-- End script-generated Magma Docs -->\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "<!-- Start script-generated Magma Docs -->",
       "docsTags": [],
       "usage": {},
@@ -11923,8 +12243,8 @@
       "filePath": "src/components/mds-paginator/mds-paginator.tsx",
       "encapsulation": "shadow",
       "tag": "mds-paginator",
-      "readme": "# mds-paginator\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-paginator\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -12024,8 +12344,8 @@
       "filePath": "src/components/mds-paginator-item/mds-paginator-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-paginator-item",
-      "readme": "# mds-paginator-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-paginator-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -12220,7 +12540,30 @@
       ],
       "usage": {},
       "props": [],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -12290,7 +12633,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPrefChange",
@@ -12388,7 +12754,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPrefChange",
@@ -12486,7 +12875,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPrefChange",
@@ -12537,7 +12949,7 @@
     },
     {
       "filePath": "src/components/mds-pref-language/mds-pref-language.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "mds-pref-language",
       "readme": "# mds-pref-language\n\n\n",
       "docs": "",
@@ -12551,37 +12963,51 @@
       "props": [
         {
           "name": "set",
-          "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}`",
+          "type": "string",
           "complexType": {
-            "original": "PrefLanguageType",
-            "resolved": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}`",
-            "references": {
-              "PrefLanguageType": {
-                "location": "import",
-                "path": "@type/language",
-                "id": "src/type/language.ts::PrefLanguageType"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": true,
           "attr": "set",
           "reflectToAttr": true,
-          "docs": "\n/**\n  Specifies the language code based on HTML `lang` attribute",
+          "docs": "Specifies the language code based on HTML `lang` attribute\n\nA string representing the language version as defined in {@link https://datatracker.ietf.org/doc/html/rfc5646 RFC 5646: Tags for Identifying Languages (also known as BCP 47)}.\n\n`Examples of valid language codes include \"en\", \"en-US\", \"fr\", \"fr-FR\", \"es-ES\", etc.`\n\nSupported languages are Italiano, English, Español, ελληνικά",
           "docsTags": [],
           "default": "'auto'",
           "values": [
             {
-              "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`"
-            },
-            {
-              "type": "`${Lowercase<string>}${Lowercase<string>}`"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPrefChange",
@@ -12635,20 +13061,17 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "mds-pref-language-nav",
-        "mds-dropdown",
-        "mds-text"
+        "mds-text",
+        "mds-tab",
+        "mds-tab-item",
+        "mds-dropdown"
       ],
       "dependencyGraph": {
         "mds-pref-language": [
-          "mds-pref-language-nav",
-          "mds-dropdown",
-          "mds-text"
-        ],
-        "mds-pref-language-nav": [
           "mds-text",
           "mds-tab",
-          "mds-tab-item"
+          "mds-tab-item",
+          "mds-dropdown"
         ],
         "mds-tab-item": [
           "mds-button"
@@ -12671,17 +13094,11 @@
       "props": [
         {
           "name": "code",
-          "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}` | undefined",
+          "type": "string",
           "complexType": {
-            "original": "LanguageType",
-            "resolved": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}` | undefined",
-            "references": {
-              "LanguageType": {
-                "location": "import",
-                "path": "@type/language",
-                "id": "src/type/language.ts::LanguageType"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
           "attr": "code",
@@ -12690,16 +13107,10 @@
           "docsTags": [],
           "values": [
             {
-              "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`"
-            },
-            {
-              "type": "`${Lowercase<string>}${Lowercase<string>}`"
-            },
-            {
-              "type": "undefined"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
@@ -12728,117 +13139,33 @@
           "required": false
         }
       ],
-      "methods": [],
-      "events": [
-        {
-          "event": "mdsPrefLanguageItemSelect",
-          "detail": "MdsPrefLanguageEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "MdsPrefLanguageEventDetail",
-            "resolved": "MdsPrefLanguageEventDetail",
-            "references": {
-              "MdsPrefLanguageEventDetail": {
-                "location": "import",
-                "path": "@event/language",
-                "id": "src/event-detail/language.ts::MdsPrefLanguageEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emits when the component trigger the language",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "mds-button"
-      ],
-      "dependencyGraph": {
-        "mds-pref-language-item": [
-          "mds-button"
-        ],
-        "mds-button": [
-          "mds-spinner",
-          "mds-icon",
-          "mds-text"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/mds-pref-language-nav/mds-pref-language-nav.tsx",
-      "encapsulation": "shadow",
-      "tag": "mds-pref-language-nav",
-      "readme": "# mds-pref-language-nav\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+      "methods": [
         {
-          "name": "active",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
           },
-          "mutable": true,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "Specifies if the element is active or not",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "set",
-          "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}` | undefined",
           "complexType": {
-            "original": "LanguageType",
-            "resolved": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}` | undefined",
+            "signature": "() => Promise<void>",
+            "parameters": [],
             "references": {
-              "LanguageType": {
-                "location": "import",
-                "path": "@type/language",
-                "id": "src/type/language.ts::LanguageType"
-              }
-            }
-          },
-          "mutable": true,
-          "attr": "set",
-          "reflectToAttr": true,
-          "docs": "Specifies the language code based on HTML `lang` attribute",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "`${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`"
-            },
-            {
-              "type": "`${Lowercase<string>}${Lowercase<string>}`"
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
             },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
         }
       ],
-      "methods": [],
       "events": [
         {
-          "event": "mdsPrefLanguageNavSelect",
+          "event": "mdsPrefLanguageItemSelect",
           "detail": "MdsPrefLanguageEventDetail",
           "bubbles": true,
           "complexType": {
@@ -12854,7 +13181,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component trigger the language selector dropdown",
+          "docs": "Emits when the component trigger the language",
           "docsTags": []
         }
       ],
@@ -12862,30 +13189,18 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "mds-pref-language"
-      ],
+      "dependents": [],
       "dependencies": [
-        "mds-text",
-        "mds-tab",
-        "mds-tab-item"
+        "mds-button"
       ],
       "dependencyGraph": {
-        "mds-pref-language-nav": [
-          "mds-text",
-          "mds-tab",
-          "mds-tab-item"
-        ],
-        "mds-tab-item": [
+        "mds-pref-language-item": [
           "mds-button"
         ],
         "mds-button": [
           "mds-spinner",
           "mds-icon",
           "mds-text"
-        ],
-        "mds-pref-language": [
-          "mds-pref-language-nav"
         ]
       }
     },
@@ -12975,7 +13290,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPrefChange",
@@ -13028,8 +13366,8 @@
       "filePath": "src/components/mds-price-table/mds-price-table.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table",
-      "readme": "# mds-price-table\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [],
@@ -13047,8 +13385,8 @@
       "filePath": "src/components/mds-price-table-features/mds-price-table-features.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-features",
-      "readme": "# mds-price-table-features\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-features\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -13122,8 +13460,8 @@
       "filePath": "src/components/mds-price-table-features-cell/mds-price-table-features-cell.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-features-cell",
-      "readme": "# mds-price-table-features-cell\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-features-cell\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -13239,8 +13577,8 @@
       "filePath": "src/components/mds-price-table-features-row/mds-price-table-features-row.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-features-row",
-      "readme": "# mds-price-table-features-row\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-features-row\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -13268,8 +13606,8 @@
       "filePath": "src/components/mds-price-table-header/mds-price-table-header.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-header",
-      "readme": "# mds-price-table-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [],
@@ -13287,8 +13625,8 @@
       "filePath": "src/components/mds-price-table-list/mds-price-table-list.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-list",
-      "readme": "# mds-price-table-list\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-list\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "part",
@@ -13371,8 +13709,8 @@
       "filePath": "src/components/mds-price-table-list-item/mds-price-table-list-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-price-table-list-item",
-      "readme": "# mds-price-table-list-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-price-table-list-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -13461,8 +13799,8 @@
       "filePath": "src/components/mds-progress/mds-progress.tsx",
       "encapsulation": "shadow",
       "tag": "mds-progress",
-      "readme": "# mds-progress\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-progress\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -14045,7 +14383,30 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsPushNotificationClose",
@@ -14248,8 +14609,8 @@
       "filePath": "src/components/mds-quote/mds-quote.tsx",
       "encapsulation": "shadow",
       "tag": "mds-quote",
-      "readme": "# mds-quote\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-quote\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -14262,6 +14623,55 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "tag",
+          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "complexType": {
+            "original": "TypographyHeadingTagType",
+            "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+            "references": {
+              "TypographyHeadingTagType": {
+                "location": "import",
+                "path": "@type/text",
+                "id": "src/type/text.ts::TypographyHeadingTagType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "tag",
+          "reflectToAttr": false,
+          "docs": "Specifies the tag the element",
+          "docsTags": [],
+          "default": "'h3'",
+          "values": [
+            {
+              "value": "h1",
+              "type": "string"
+            },
+            {
+              "value": "h2",
+              "type": "string"
+            },
+            {
+              "value": "h3",
+              "type": "string"
+            },
+            {
+              "value": "h4",
+              "type": "string"
+            },
+            {
+              "value": "h5",
+              "type": "string"
+            },
+            {
+              "value": "h6",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "typography",
           "type": "\"action\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
@@ -14345,8 +14755,8 @@
       "filePath": "src/components/mds-separator/mds-separator.tsx",
       "encapsulation": "shadow",
       "tag": "mds-separator",
-      "readme": "# mds-separator\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-separator\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [],
@@ -14370,8 +14780,8 @@
       "filePath": "src/components/mds-spinner/mds-spinner.tsx",
       "encapsulation": "shadow",
       "tag": "mds-spinner",
-      "readme": "# mds-spinner\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-spinner\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -14435,8 +14845,8 @@
       "filePath": "src/components/mds-stepper-bar/mds-stepper-bar.tsx",
       "encapsulation": "shadow",
       "tag": "mds-stepper-bar",
-      "readme": "# mds-stepper-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-stepper-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -14527,8 +14937,8 @@
       "filePath": "src/components/mds-stepper-bar-item/mds-stepper-bar-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-stepper-bar-item",
-      "readme": "# mds-stepper-bar-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-stepper-bar-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -14914,8 +15324,8 @@
       "filePath": "src/components/mds-tab/mds-tab.tsx",
       "encapsulation": "shadow",
       "tag": "mds-tab",
-      "readme": "# mds-tab\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-tab\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15050,7 +15460,7 @@
         "mds-pref-animation",
         "mds-pref-consumption",
         "mds-pref-contrast",
-        "mds-pref-language-nav",
+        "mds-pref-language",
         "mds-pref-theme"
       ],
       "dependencies": [],
@@ -15067,7 +15477,7 @@
         "mds-pref-contrast": [
           "mds-tab"
         ],
-        "mds-pref-language-nav": [
+        "mds-pref-language": [
           "mds-tab"
         ],
         "mds-pref-theme": [
@@ -15079,8 +15489,8 @@
       "filePath": "src/components/mds-tab-bar/mds-tab-bar.tsx",
       "encapsulation": "shadow",
       "tag": "mds-tab-bar",
-      "readme": "# mds-tab-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-tab-bar\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15135,8 +15545,8 @@
       "filePath": "src/components/mds-tab-bar-item/mds-tab-bar-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-tab-bar-item",
-      "readme": "# mds-tab-bar-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-tab-bar-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15288,8 +15698,8 @@
       "filePath": "src/components/mds-tab-item/mds-tab-item.tsx",
       "encapsulation": "shadow",
       "tag": "mds-tab-item",
-      "readme": "# mds-tab-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-tab-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15598,7 +16008,7 @@
         "mds-pref-animation",
         "mds-pref-consumption",
         "mds-pref-contrast",
-        "mds-pref-language-nav",
+        "mds-pref-language",
         "mds-pref-theme"
       ],
       "dependencies": [
@@ -15625,7 +16035,7 @@
         "mds-pref-contrast": [
           "mds-tab-item"
         ],
-        "mds-pref-language-nav": [
+        "mds-pref-language": [
           "mds-tab-item"
         ],
         "mds-pref-theme": [
@@ -15637,8 +16047,8 @@
       "filePath": "src/components/mds-table/mds-table.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table",
-      "readme": "# mds-table\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15757,8 +16167,8 @@
       "filePath": "src/components/mds-table-body/mds-table-body.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table-body",
-      "readme": "# mds-table-body\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table-body\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15826,8 +16236,8 @@
       "filePath": "src/components/mds-table-cell/mds-table-cell.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table-cell",
-      "readme": "# mds-table-cell\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table-cell\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15909,8 +16319,8 @@
       "filePath": "src/components/mds-table-footer/mds-table-footer.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table-footer",
-      "readme": "# mds-table-footer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table-footer\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15938,8 +16348,8 @@
       "filePath": "src/components/mds-table-header/mds-table-header.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table-header",
-      "readme": "# mds-table-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table-header\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -15974,10 +16384,10 @@
       "props": [
         {
           "name": "direction",
-          "type": "\"asc\" | \"desc\" | \"none\"",
+          "type": "\"ascending\" | \"descending\" | \"none\"",
           "complexType": {
             "original": "SortDirectionType",
-            "resolved": "\"asc\" | \"desc\" | \"none\"",
+            "resolved": "\"ascending\" | \"descending\" | \"none\"",
             "references": {
               "SortDirectionType": {
                 "location": "import",
@@ -15994,11 +16404,11 @@
           "default": "'none'",
           "values": [
             {
-              "value": "asc",
+              "value": "ascending",
               "type": "string"
             },
             {
-              "value": "desc",
+              "value": "descending",
               "type": "string"
             },
             {
@@ -16100,8 +16510,8 @@
       "filePath": "src/components/mds-table-row/mds-table-row.tsx",
       "encapsulation": "shadow",
       "tag": "mds-table-row",
-      "readme": "# mds-table-row\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-table-row\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -16130,6 +16540,27 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "overlayActions",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "overlay-actions",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -16158,8 +16589,8 @@
       "filePath": "src/components/mds-text/mds-text.tsx",
       "encapsulation": "shadow",
       "tag": "mds-text",
-      "readme": "# mds-text\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-text\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -16206,15 +16637,15 @@
         },
         {
           "name": "tag",
-          "type": "\"address\" | \"abbr\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"rb\"",
+          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"code\" | \"strong\" | \"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"i\" | \"ins\" | \"kbd\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
           "complexType": {
             "original": "TypographyTagType",
-            "resolved": "\"address\" | \"abbr\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"code\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"i\" | \"ins\" | \"kbd\" | \"label\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"rb\"",
+            "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"code\" | \"strong\" | \"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"i\" | \"ins\" | \"kbd\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
             "references": {
               "TypographyTagType": {
                 "location": "import",
-                "path": "./meta/types",
-                "id": "src/components/mds-text/meta/types.ts::TypographyTagType"
+                "path": "@type/text",
+                "id": "src/type/text.ts::TypographyTagType"
               }
             }
           },
@@ -16225,31 +16656,31 @@
           "docsTags": [],
           "values": [
             {
-              "value": "address",
+              "value": "h1",
               "type": "string"
             },
             {
-              "value": "abbr",
+              "value": "h2",
               "type": "string"
             },
             {
-              "value": "article",
+              "value": "h3",
               "type": "string"
             },
             {
-              "value": "b",
+              "value": "h4",
               "type": "string"
             },
             {
-              "value": "bdo",
+              "value": "h5",
               "type": "string"
             },
             {
-              "value": "blockquote",
+              "value": "h6",
               "type": "string"
             },
             {
-              "value": "cite",
+              "value": "label",
               "type": "string"
             },
             {
@@ -16257,79 +16688,83 @@
               "type": "string"
             },
             {
-              "value": "dd",
+              "value": "strong",
               "type": "string"
             },
             {
-              "value": "del",
+              "value": "abbr",
               "type": "string"
             },
             {
-              "value": "details",
+              "value": "address",
               "type": "string"
             },
             {
-              "value": "dfn",
+              "value": "article",
               "type": "string"
             },
             {
-              "value": "div",
+              "value": "b",
               "type": "string"
             },
             {
-              "value": "dl",
+              "value": "bdo",
               "type": "string"
             },
             {
-              "value": "dt",
+              "value": "blockquote",
               "type": "string"
             },
             {
-              "value": "em",
+              "value": "cite",
               "type": "string"
             },
             {
-              "value": "figcaption",
+              "value": "dd",
               "type": "string"
             },
             {
-              "value": "h1",
+              "value": "del",
               "type": "string"
             },
             {
-              "value": "h2",
+              "value": "details",
               "type": "string"
             },
             {
-              "value": "h3",
+              "value": "dfn",
               "type": "string"
             },
             {
-              "value": "h4",
+              "value": "div",
               "type": "string"
             },
             {
-              "value": "h5",
+              "value": "dl",
               "type": "string"
             },
             {
-              "value": "h6",
+              "value": "dt",
               "type": "string"
             },
             {
-              "value": "i",
+              "value": "em",
               "type": "string"
             },
             {
-              "value": "ins",
+              "value": "figcaption",
               "type": "string"
             },
             {
-              "value": "kbd",
+              "value": "i",
               "type": "string"
             },
             {
-              "value": "label",
+              "value": "ins",
+              "type": "string"
+            },
+            {
+              "value": "kbd",
               "type": "string"
             },
             {
@@ -16360,6 +16795,10 @@
               "value": "q",
               "type": "string"
             },
+            {
+              "value": "rb",
+              "type": "string"
+            },
             {
               "value": "rt",
               "type": "string"
@@ -16384,10 +16823,6 @@
               "value": "span",
               "type": "string"
             },
-            {
-              "value": "strong",
-              "type": "string"
-            },
             {
               "value": "sub",
               "type": "string"
@@ -16415,10 +16850,6 @@
             {
               "value": "var",
               "type": "string"
-            },
-            {
-              "value": "rb",
-              "type": "string"
             }
           ],
           "optional": false,
@@ -16683,7 +17114,6 @@
         "mds-pref-consumption",
         "mds-pref-contrast",
         "mds-pref-language",
-        "mds-pref-language-nav",
         "mds-pref-theme",
         "mds-price-table-features",
         "mds-price-table-features-cell",
@@ -16787,9 +17217,6 @@
         "mds-pref-language": [
           "mds-text"
         ],
-        "mds-pref-language-nav": [
-          "mds-text"
-        ],
         "mds-pref-theme": [
           "mds-text"
         ],
@@ -16835,8 +17262,8 @@
       "filePath": "src/components/mds-toast/mds-toast.tsx",
       "encapsulation": "shadow",
       "tag": "mds-toast",
-      "readme": "# mds-toast\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-toast\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -17098,7 +17525,7 @@
       "filePath": "src/components/mds-tooltip/mds-tooltip.tsx",
       "encapsulation": "shadow",
       "tag": "mds-tooltip",
-      "readme": "# mds-tooltip\n\n### Version 4.0.0 breaking change\n\nYou can now use a query selector to taget a trigger element:\n\n```html\n<span class=\"trigger-element\">Hello world</span>\n<mds-tooltip target=\".trigger-element\"></mds-tooltip>\n```\n\nUp until version `3.x.x` you were forced to use an id selector:\n\n```html\n<span id=\"trigger-element\">Hello world</span>\n<mds-tooltip target=\"trigger-element\"></mds-tooltip>\n```\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "readme": "# mds-tooltip\n\n### Version 4.0.0 breaking change\n\nYou can now use a query selector to taget a trigger element:\n\n```html\n<span class=\"trigger-element\">Hello world</span>\n<mds-tooltip target=\".trigger-element\"></mds-tooltip>\n```\n\nUp until version `3.x.x` you were forced to use an id selector:\n\n```html\n<span id=\"trigger-element\">Hello world</span>\n<mds-tooltip target=\"trigger-element\"></mds-tooltip>\n```\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
       "docs": "",
       "docsTags": [
         {
@@ -17523,8 +17950,8 @@
       "filePath": "src/components/mds-url-view/mds-url-view.tsx",
       "encapsulation": "shadow",
       "tag": "mds-url-view",
-      "readme": "# mds-url-view\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-url-view\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -17607,7 +18034,30 @@
           "required": true
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "updateLang",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "updateLang() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "mdsUrlViewClose",
@@ -17670,8 +18120,8 @@
       "filePath": "src/components/mds-usage/mds-usage.tsx",
       "encapsulation": "shadow",
       "tag": "mds-usage",
-      "readme": "# mds-usage\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-usage\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -17784,8 +18234,8 @@
       "filePath": "src/components/mds-video-wall/mds-video-wall.tsx",
       "encapsulation": "shadow",
       "tag": "mds-video-wall",
-      "readme": "# mds-video-wall\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-video-wall\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -18040,8 +18490,8 @@
       "filePath": "src/components/mds-zero/mds-zero.tsx",
       "encapsulation": "shadow",
       "tag": "mds-zero",
-      "readme": "# mds-zero\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+      "readme": "# mds-zero\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -18226,6 +18676,11 @@
       "docstring": "",
       "path": "src/type/button.ts"
     },
+    "src/type/variant.ts::ChipVariantType": {
+      "declaration": "export type ChipVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
       "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
       "docstring": "",
@@ -18267,7 +18722,7 @@
       "path": "src/type/text.ts"
     },
     "src/components/mds-file-preview/meta/event-detail.ts::MdsFilePreviewEventDetail": {
-      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n}",
+      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFilePreviewElement\n}",
       "docstring": "",
       "path": "src/components/mds-file-preview/meta/event-detail.ts"
     },
@@ -18327,7 +18782,7 @@
       "path": "src/components/mds-img/meta/event-detail.ts"
     },
     "src/type/autocomplete.ts::AutocompleteType": {
-      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
+      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
       "docstring": "",
       "path": "src/type/autocomplete.ts"
     },
@@ -18356,10 +18811,10 @@
       "docstring": "",
       "path": "src/type/typography.ts"
     },
-    "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail": {
-      "declaration": "export interface MdsInputEventDetail {\n  value?: string\n}",
+    "src/type/input.ts::MdsInputEventDetail": {
+      "declaration": "export interface MdsInputEventDetail {\n  value?: File | string | FormData | null\n}",
       "docstring": "",
-      "path": "src/components/mds-input/meta/event-detail.ts"
+      "path": "src/type/input.ts"
     },
     "src/components/mds-input-field/meta/types.ts::InputFieldType": {
       "declaration": "export type InputFieldType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'\n  | 'cc'\n  | 'cf'\n  | 'isbn'\n  | 'piva'",
@@ -18376,11 +18831,6 @@
       "docstring": "",
       "path": "src/components/mds-input-field/meta/validators.ts"
     },
-    "src/interface/input-value.ts::InputValue": {
-      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
-      "docstring": "",
-      "path": "src/interface/input-value.ts"
-    },
     "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
       "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
       "docstring": "",
@@ -18471,21 +18921,11 @@
       "docstring": "",
       "path": "src/components/mds-pref-contrast/meta/types.ts"
     },
-    "src/type/language.ts::PrefLanguageType": {
-      "declaration": "export type PrefLanguageType =\n  | 'auto'\n  | `${Lowercase<string>}${Lowercase<string>}`\n  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
-      "docstring": "",
-      "path": "src/type/language.ts"
-    },
     "src/event-detail/language.ts::MdsPrefLanguageEventDetail": {
-      "declaration": "export interface MdsPrefLanguageEventDetail {\n  language?: LanguageType\n}",
+      "declaration": "export interface MdsPrefLanguageEventDetail {\n  /* A string representing the language version as defined in {@link https://datatracker.ietf.org/doc/html/rfc5646 RFC 5646: Tags for Identifying Languages (also known as BCP 47)}.\n   *\n   * `Examples of valid language codes include \"en\", \"en-US\", \"fr\", \"fr-FR\", \"es-ES\", etc.`\n   */\n  language?: string\n}",
       "docstring": "",
       "path": "src/event-detail/language.ts"
     },
-    "src/type/language.ts::LanguageType": {
-      "declaration": "export type LanguageType =\n  | `${Lowercase<string>}${Lowercase<string>}`\n  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
-      "docstring": "",
-      "path": "src/type/language.ts"
-    },
     "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
       "declaration": "export type ThemeModeType =\n  | 'light'\n  | 'dark'\n  | 'system'",
       "docstring": "",
@@ -18526,6 +18966,11 @@
       "docstring": "",
       "path": "src/components/mds-push-notification/meta/event-detail.ts"
     },
+    "src/type/text.ts::TypographyHeadingTagType": {
+      "declaration": "export type TypographyHeadingTagType =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -18557,7 +19002,7 @@
       "path": "src/components/mds-tab-item/meta/event-detail.ts"
     },
     "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
-      "declaration": "export type SortDirectionType =\n  | 'asc'\n  | 'desc'\n  | 'none'",
+      "declaration": "export type SortDirectionType =\n  | 'ascending'\n  | 'descending'\n  | 'none'",
       "docstring": "",
       "path": "src/components/mds-table-header-cell/meta/types.ts"
     },
@@ -18566,10 +19011,10 @@
       "docstring": "",
       "path": "src/components/mds-text/meta/types.ts"
     },
-    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+    "src/type/text.ts::TypographyTagType": {
       "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
       "docstring": "",
-      "path": "src/components/mds-text/meta/types.ts"
+      "path": "src/type/text.ts"
     },
     "src/type/variant.ts::ThemeLuminanceVariantType": {
       "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",