@wallarm-org/design-system 1.1.0-rc-feature-AS-1060.1 → 1.2.0-rc-fix-inline-edit-blur-commit.1

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.0.0",
-  "generatedAt": "2026-08-20T14:13:55.149Z",
+  "version": "1.1.0",
+  "generatedAt": "2026-08-20T18:48:17.251Z",
   "components": [
     {
       "name": "Accordion",
@@ -17761,7 +17761,7 @@
         },
         {
           "name": "Sizes",
-          "code": "({ ...args }) => (\n  <VStack align='start'>\n    <Code {...args} size='xs'>\n      console.log('Extra small code text');\n    </Code>\n    <Code {...args} size='s'>\n      console.log('Small code text');\n    </Code>\n    <Code {...args} size='m'>\n      console.log('Medium code text');\n    </Code>\n    <Code {...args} size='l'>\n      console.log('Large code text');\n    </Code>\n  </VStack>\n)"
+          "code": "({ ...args }) => (\n  <VStack gap={24} align='start'>\n    {SIZES.map(({ size, metrics }) => (\n      <VStack key={size} gap={4} align='start'>\n        <Text size='xs' color='secondary'>\n          size=&apos;{size}&apos; · {metrics}\n        </Text>\n        <Code {...args} size={size}>\n          console.log('hello world');\n        </Code>\n      </VStack>\n    ))}\n  </VStack>\n)"
         },
         {
           "name": "Weights",
@@ -31625,7 +31625,7 @@
         },
         {
           "name": "Sizes",
-          "code": "({ ...args }) => (\n  <VStack align='start'>\n    <Heading {...args} size='sm'>\n      Small Heading\n    </Heading>\n    <Heading {...args} size='md'>\n      Medium Heading\n    </Heading>\n    <Heading {...args} size='lg'>\n      Large Heading\n    </Heading>\n    <Heading {...args} size='xl'>\n      Extra Large Heading\n    </Heading>\n    <Heading {...args} size='2xl'>\n      2XL Heading\n    </Heading>\n    <Heading {...args} size='3xl'>\n      3XL Heading\n    </Heading>\n    <Heading {...args} size='4xl'>\n      4XL Heading\n    </Heading>\n    <Heading {...args} size='5xl'>\n      5XL Heading\n    </Heading>\n    <Heading {...args} size='6xl'>\n      6XL Heading\n    </Heading>\n    <Heading {...args} size='7xl'>\n      7XL Heading\n    </Heading>\n  </VStack>\n)"
+          "code": "({ ...args }) => (\n  <VStack gap={24} align='start'>\n    {SIZES.map(({ size, metrics }) => (\n      <VStack key={size} gap={4} align='start'>\n        <Text size='xs' color='secondary'>\n          size=&apos;{size}&apos; · {metrics}\n        </Text>\n        <Heading {...args} size={size}>\n          The quick brown fox\n        </Heading>\n      </VStack>\n    ))}\n  </VStack>\n)"
         },
         {
           "name": "Weights",
@@ -32055,6 +32055,13 @@
               "required": false,
               "description": "Explicit render-time submit mode for this editor session. Highest\nprecedence (beats editor registrations and the root prop) — the escape\nhatch for custom editors that cannot call useInlineEditSubmitMode."
             },
+            {
+              "name": "showActions",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Show floating action buttons (submit/cancel) below the input.\nProvides a mouse-clickable alternative to Enter/Escape keyboard shortcuts.",
+              "defaultValue": "true"
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -36838,6 +36845,896 @@
         }
       ]
     },
+    {
+      "name": "List",
+      "importPath": "@wallarm-org/design-system/List",
+      "props": [
+        {
+          "name": "variant",
+          "type": "ListVariant | undefined",
+          "required": false,
+          "defaultValue": "unordered"
+        },
+        {
+          "name": "spacing",
+          "type": "ListSpacing | undefined",
+          "required": false
+        },
+        {
+          "name": "marker",
+          "type": "ListMarker | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultChecked",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressContentEditableWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressHydrationWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "accessKey",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCapitalize",
+          "type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+          "required": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "contentEditable",
+          "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+          "required": false
+        },
+        {
+          "name": "contextMenu",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "dir",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "draggable",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "required": false
+        },
+        {
+          "name": "hidden",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "id",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "lang",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "slot",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "spellCheck",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "tabIndex",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "translate",
+          "type": "\"yes\" | \"no\" | undefined",
+          "required": false
+        },
+        {
+          "name": "radioGroup",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "role",
+          "type": "AriaRole | undefined",
+          "required": false
+        },
+        {
+          "name": "about",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "content",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "datatype",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inlist",
+          "type": "any",
+          "required": false
+        },
+        {
+          "name": "prefix",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "property",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "resource",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rev",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "typeof",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "vocab",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCorrect",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoSave",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemProp",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemScope",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "itemType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemID",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemRef",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "results",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "security",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "unselectable",
+          "type": "\"off\" | \"on\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popover",
+          "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTargetAction",
+          "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inert",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+        },
+        {
+          "name": "inputMode",
+          "type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
+          "required": false,
+          "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+        },
+        {
+          "name": "is",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+        },
+        {
+          "name": "exportparts",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+        },
+        {
+          "name": "part",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+        }
+      ],
+      "variants": [
+        {
+          "name": "spacing",
+          "options": [
+            "0",
+            "2",
+            "4",
+            "8",
+            "12",
+            "16",
+            "24"
+          ],
+          "defaultValue": "4"
+        },
+        {
+          "name": "marker",
+          "options": [
+            "none",
+            "disc",
+            "decimal"
+          ],
+          "defaultValue": "none"
+        }
+      ],
+      "subComponents": [
+        {
+          "name": "ListIcon",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "ListItem",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        }
+      ],
+      "examples": [
+        {
+          "name": "Basic",
+          "code": "() => (\n  <List>\n    <ListItem>First item</ListItem>\n    <ListItem>Second item</ListItem>\n    <ListItem>Third item</ListItem>\n  </List>\n)"
+        },
+        {
+          "name": "Ordered",
+          "code": "() => (\n  <List variant='ordered' marker='decimal'>\n    <ListItem>First step</ListItem>\n    <ListItem>Second step</ListItem>\n    <ListItem>Third step</ListItem>\n  </List>\n)"
+        },
+        {
+          "name": "WithDisc",
+          "code": "() => (\n  <List marker='disc'>\n    <ListItem>Apples</ListItem>\n    <ListItem>Bananas</ListItem>\n    <ListItem>Cherries</ListItem>\n  </List>\n)"
+        },
+        {
+          "name": "WithIcons",
+          "code": "() => (\n  <List>\n    <ListItem>\n      <ListIcon className='text-text-success'>&#10003;</ListIcon>\n      Completed task\n    </ListItem>\n    <ListItem>\n      <ListIcon className='text-text-warning'>&#9888;</ListIcon>\n      Pending review\n    </ListItem>\n    <ListItem>\n      <ListIcon className='text-text-error'>&#10007;</ListIcon>\n      Failed check\n    </ListItem>\n  </List>\n)"
+        },
+        {
+          "name": "Spacing",
+          "code": "() => (\n  <div className='flex gap-48'>\n    <div>\n      <p className='mb-8 text-text-secondary text-sm'>spacing=0</p>\n      <List spacing={0}>\n        <ListItem>Item A</ListItem>\n        <ListItem>Item B</ListItem>\n        <ListItem>Item C</ListItem>\n      </List>\n    </div>\n    <div>\n      <p className='mb-8 text-text-secondary text-sm'>spacing=8</p>\n      <List spacing={8}>\n        <ListItem>Item A</ListItem>\n        <ListItem>Item B</ListItem>\n        <ListItem>Item C</ListItem>\n      </List>\n    </div>\n    <div>\n      <p className='mb-8 text-text-secondary text-sm'>spacing=16</p>\n      <List spacing={16}>\n        <ListItem>Item A</ListItem>\n        <ListItem>Item B</ListItem>\n        <ListItem>Item C</ListItem>\n      </List>\n    </div>\n  </div>\n)"
+        }
+      ]
+    },
     {
       "name": "Loader",
       "importPath": "@wallarm-org/design-system/Loader",
@@ -47664,67 +48561,839 @@
       ],
       "variants": [
         {
-          "name": "expanded",
+          "name": "expanded",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "variant",
+          "options": [
+            "default",
+            "highlighted"
+          ],
+          "defaultValue": "default"
+        }
+      ],
+      "subComponents": [],
+      "examples": [
+        {
+          "name": "FullPath",
+          "code": "() => (\n  <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n)"
+        },
+        {
+          "name": "NoEncoding",
+          "code": "() => (\n  <ParameterPath method='GET' segments={['query', 'filter']} attack />\n)"
+        },
+        {
+          "name": "PathIndexBola",
+          "code": "() => (\n  <ParameterPath method='GET' segments={['path', '2']} attack />\n)"
+        },
+        {
+          "name": "Header",
+          "code": "() => (\n  <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n)"
+        },
+        {
+          "name": "Cookie",
+          "code": "() => (\n  <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n)"
+        },
+        {
+          "name": "DeepNestedTruncated",
+          "code": "() => (\n  <div style={{ width: 280 }}>\n    <ParameterPath\n      method='POST'\n      segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n      attack\n    />\n  </div>\n)"
+        },
+        {
+          "name": "NoMethod",
+          "code": "() => (\n  <ParameterPath segments={['cookie', 'session_id']} attack />\n)"
+        },
+        {
+          "name": "ExpandableTruncated",
+          "code": "() => (\n  <div style={{ width: 600 }}>\n    {/* The root is w-full (it must span the available space to measure it),\n        so centering happens inside the component, not on the container. */}\n    <ParameterPath\n      className='justify-center'\n      method='POST'\n      segments={[\n        'multipart',\n        'json_abc',\n        'json_doc',\n        'qwerty_doc',\n        'hash',\n        'formData',\n        'session_token',\n        'nested_payload',\n        'get',\n      ]}\n      attack\n      expandable\n    />\n  </div>\n)"
+        },
+        {
+          "name": "ExpandableFitsInline",
+          "code": "() => (\n  <div style={{ width: 720, display: 'flex', justifyContent: 'center' }}>\n    <ParameterPath\n      method='POST'\n      segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n      attack\n      expandable\n    />\n  </div>\n)"
+        },
+        {
+          "name": "Playground",
+          "code": "args => <ParameterPath {...args} />"
+        },
+        {
+          "name": "Gallery",
+          "code": "() => (\n  <VStack gap={16}>\n    <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n    <ParameterPath method='GET' segments={['query', 'filter']} attack />\n    <ParameterPath method='GET' segments={['path', '2']} attack />\n    <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n    <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n    <div style={{ width: 280 }}>\n      <ParameterPath method='POST' segments={['multipart', 'a', 'b', 'c', 'd', 'get']} attack />\n    </div>\n  </VStack>\n)"
+        }
+      ]
+    },
+    {
+      "name": "PasswordComplexity",
+      "importPath": "@wallarm-org/design-system/PasswordComplexity",
+      "props": [
+        {
+          "name": "items",
+          "type": "PasswordComplexityItem[]",
+          "required": true
+        },
+        {
+          "name": "spacing",
+          "type": "ListSpacing | undefined",
+          "required": false,
+          "defaultValue": "4"
+        },
+        {
+          "name": "defaultChecked",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressContentEditableWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressHydrationWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "accessKey",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCapitalize",
+          "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+          "required": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "contentEditable",
+          "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+          "required": false
+        },
+        {
+          "name": "contextMenu",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "dir",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "draggable",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "required": false
+        },
+        {
+          "name": "hidden",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "id",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "lang",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "slot",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "spellCheck",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "tabIndex",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "translate",
+          "type": "\"yes\" | \"no\" | undefined",
+          "required": false
+        },
+        {
+          "name": "radioGroup",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "role",
+          "type": "AriaRole | undefined",
+          "required": false
+        },
+        {
+          "name": "about",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "content",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "datatype",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inlist",
+          "type": "any",
+          "required": false
+        },
+        {
+          "name": "prefix",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "property",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "resource",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rev",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "typeof",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "vocab",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCorrect",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoSave",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemProp",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemScope",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "itemType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemID",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemRef",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "results",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "security",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "unselectable",
+          "type": "\"off\" | \"on\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popover",
+          "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTargetAction",
+          "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inert",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+        },
+        {
+          "name": "inputMode",
+          "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+          "required": false,
+          "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+        },
+        {
+          "name": "is",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+        },
+        {
+          "name": "exportparts",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+        },
+        {
+          "name": "part",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+        }
+      ],
+      "variants": [
+        {
+          "name": "met",
           "options": [
             "true",
             "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "variant",
-          "options": [
-            "default",
-            "highlighted"
-          ],
-          "defaultValue": "default"
+          ]
         }
       ],
       "subComponents": [],
       "examples": [
         {
-          "name": "FullPath",
-          "code": "() => (\n  <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n)"
+          "name": "AllUnmet",
+          "code": "() => <PasswordComplexity items={defaultItems} />"
         },
         {
-          "name": "NoEncoding",
-          "code": "() => (\n  <ParameterPath method='GET' segments={['query', 'filter']} attack />\n)"
+          "name": "AllMet",
+          "code": "() => (\n  <PasswordComplexity items={defaultItems.map(item => ({ ...item, met: true }))} />\n)"
         },
         {
-          "name": "PathIndexBola",
-          "code": "() => (\n  <ParameterPath method='GET' segments={['path', '2']} attack />\n)"
+          "name": "PartiallyMet",
+          "code": "() => (\n  <PasswordComplexity\n    items={[\n      { id: 'length', label: 'At least 8 characters', met: true },\n      { id: 'uppercase', label: 'Contains an uppercase letter', met: true },\n      { id: 'lowercase', label: 'Contains a lowercase letter', met: true },\n      { id: 'number', label: 'Contains a number', met: false },\n      { id: 'symbol', label: 'Contains a special character', met: false },\n    ]}\n  />\n)"
         },
         {
-          "name": "Header",
-          "code": "() => (\n  <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n)"
+          "name": "Interactive",
+          "code": "() => {\n  const [password, setPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n\n  const items: PasswordComplexityItem[] = [\n    {\n      id: 'length',\n      label: 'At least 8 characters',\n      met: passwordValidators.minLength(8)(password),\n    },\n    {\n      id: 'uppercase',\n      label: 'One uppercase letter (A–Z)',\n      met: passwordValidators.hasUppercase(password),\n    },\n    {\n      id: 'lowercase',\n      label: 'One lowercase letter (a–z)',\n      met: passwordValidators.hasLowercase(password),\n    },\n    { id: 'number', label: 'One number (0–9)', met: passwordValidators.hasNumber(password) },\n    {\n      id: 'symbol',\n      label: 'One symbol (e.g. ! ? @ #)',\n      met: passwordValidators.hasSymbol(password),\n    },\n    {\n      id: 'match',\n      label: 'Both passwords match',\n      met: passwordValidators.passwordsMatch(password, confirmPassword),\n    },\n  ];\n\n  return (\n    <div className='flex flex-col gap-16 w-[320px]'>\n      <Input\n        type='password'\n        placeholder='New password...'\n        value={password}\n        onChange={e => setPassword(e.target.value)}\n      />\n      <Input\n        type='password'\n        placeholder='Confirm password...'\n        value={confirmPassword}\n        onChange={e => setConfirmPassword(e.target.value)}\n      />\n      <PasswordComplexity items={items} />\n    </div>\n  );\n}"
+        }
+      ]
+    },
+    {
+      "name": "PasswordInput",
+      "importPath": "@wallarm-org/design-system/PasswordInput",
+      "props": [
+        {
+          "name": "size",
+          "type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
+          "required": false,
+          "defaultValue": "default"
         },
         {
-          "name": "Cookie",
-          "code": "() => (\n  <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n)"
+          "name": "accept",
+          "type": "string | undefined",
+          "required": false
         },
         {
-          "name": "DeepNestedTruncated",
-          "code": "() => (\n  <div style={{ width: 280 }}>\n    <ParameterPath\n      method='POST'\n      segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n      attack\n    />\n  </div>\n)"
+          "name": "alt",
+          "type": "string | undefined",
+          "required": false
         },
         {
-          "name": "NoMethod",
-          "code": "() => (\n  <ParameterPath segments={['cookie', 'session_id']} attack />\n)"
+          "name": "autoComplete",
+          "type": "HTMLInputAutoCompleteAttribute | undefined",
+          "required": false
         },
         {
-          "name": "ExpandableTruncated",
-          "code": "() => (\n  <div style={{ width: 600 }}>\n    {/* The root is w-full (it must span the available space to measure it),\n        so centering happens inside the component, not on the container. */}\n    <ParameterPath\n      className='justify-center'\n      method='POST'\n      segments={[\n        'multipart',\n        'json_abc',\n        'json_doc',\n        'qwerty_doc',\n        'hash',\n        'formData',\n        'session_token',\n        'nested_payload',\n        'get',\n      ]}\n      attack\n      expandable\n    />\n  </div>\n)"
+          "name": "capture",
+          "type": "boolean | \"user\" | \"environment\" | undefined",
+          "required": false
         },
         {
-          "name": "ExpandableFitsInline",
-          "code": "() => (\n  <div style={{ width: 720, display: 'flex', justifyContent: 'center' }}>\n    <ParameterPath\n      method='POST'\n      segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n      attack\n      expandable\n    />\n  </div>\n)"
+          "name": "checked",
+          "type": "boolean | undefined",
+          "required": false
         },
         {
-          "name": "Playground",
-          "code": "args => <ParameterPath {...args} />"
+          "name": "disabled",
+          "type": "boolean | undefined",
+          "required": false,
+          "defaultValue": "false"
         },
         {
-          "name": "Gallery",
-          "code": "() => (\n  <VStack gap={16}>\n    <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n    <ParameterPath method='GET' segments={['query', 'filter']} attack />\n    <ParameterPath method='GET' segments={['path', '2']} attack />\n    <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n    <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n    <div style={{ width: 280 }}>\n      <ParameterPath method='POST' segments={['multipart', 'a', 'b', 'c', 'd', 'get']} attack />\n    </div>\n  </VStack>\n)"
+          "name": "form",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "formAction",
+          "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+          "required": false
+        },
+        {
+          "name": "formEncType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "formMethod",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "formNoValidate",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "formTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "height",
+          "type": "string | number | undefined",
+          "required": false
+        },
+        {
+          "name": "list",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "max",
+          "type": "string | number | undefined",
+          "required": false
+        },
+        {
+          "name": "maxLength",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "min",
+          "type": "string | number | undefined",
+          "required": false
+        },
+        {
+          "name": "minLength",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "multiple",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "pattern",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "readOnly",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "required",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "src",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "step",
+          "type": "string | number | undefined",
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "width",
+          "type": "string | number | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultChecked",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressContentEditableWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressHydrationWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "accessKey",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCapitalize",
+          "type": "\"off\" | \"on\" | (string & {}) | \"none\" | \"sentences\" | \"words\" | \"characters\" | undefined",
+          "required": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "contentEditable",
+          "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+          "required": false
+        },
+        {
+          "name": "contextMenu",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "dir",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "draggable",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "required": false
+        },
+        {
+          "name": "hidden",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "id",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "lang",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "slot",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "spellCheck",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "tabIndex",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "translate",
+          "type": "\"yes\" | \"no\" | undefined",
+          "required": false
+        },
+        {
+          "name": "radioGroup",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "role",
+          "type": "AriaRole | undefined",
+          "required": false
+        },
+        {
+          "name": "about",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "content",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "datatype",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inlist",
+          "type": "any",
+          "required": false
+        },
+        {
+          "name": "prefix",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "property",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "resource",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rev",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "typeof",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "vocab",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCorrect",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoSave",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemProp",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemScope",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "itemType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemID",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemRef",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "results",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "security",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "unselectable",
+          "type": "\"off\" | \"on\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popover",
+          "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTargetAction",
+          "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inert",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+        },
+        {
+          "name": "inputMode",
+          "type": "\"email\" | \"tel\" | \"none\" | \"search\" | \"text\" | \"url\" | \"numeric\" | \"decimal\" | undefined",
+          "required": false,
+          "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+        },
+        {
+          "name": "is",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+        },
+        {
+          "name": "exportparts",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+        },
+        {
+          "name": "part",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+        },
+        {
+          "name": "error",
+          "type": "{ true: string; false: string; }",
+          "required": false,
+          "defaultValue": "false"
+        }
+      ],
+      "variants": [],
+      "subComponents": [],
+      "examples": [
+        {
+          "name": "Basic",
+          "code": "<PasswordInput placeholder=\"Enter\" />"
+        },
+        {
+          "name": "WithField",
+          "code": "() => (\n  <Field required>\n    <FieldLabel>\n      Password\n      <FieldIndicator />\n      <FieldAction type='muted'>Forgot password?</FieldAction>\n    </FieldLabel>\n    <PasswordInput placeholder='Enter' />\n  </Field>\n)"
+        },
+        {
+          "name": "WithError",
+          "code": "() => (\n  <Field required>\n    <FieldLabel>\n      Password\n      <FieldIndicator />\n    </FieldLabel>\n    <PasswordInput placeholder='Enter' error />\n    <FieldError>Password is incorrect</FieldError>\n  </Field>\n)"
+        },
+        {
+          "name": "WithRequirements",
+          "code": "() => {\n  const [password, setPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n\n  const items: PasswordComplexityItem[] = [\n    {\n      id: 'length',\n      label: 'At least 8 characters',\n      met: passwordValidators.minLength(8)(password),\n    },\n    {\n      id: 'uppercase',\n      label: 'One uppercase letter (A\\u2013Z)',\n      met: passwordValidators.hasUppercase(password),\n    },\n    {\n      id: 'lowercase',\n      label: 'One lowercase letter (a\\u2013z)',\n      met: passwordValidators.hasLowercase(password),\n    },\n    { id: 'number', label: 'One number (0\\u20139)', met: passwordValidators.hasNumber(password) },\n    {\n      id: 'symbol',\n      label: 'One symbol (e.g. ! ? @ #)',\n      met: passwordValidators.hasSymbol(password),\n    },\n    {\n      id: 'match',\n      label: 'Both passwords match',\n      met: passwordValidators.passwordsMatch(password, confirmPassword),\n    },\n  ];\n\n  return (\n    <div className='flex flex-col gap-16 w-[320px]'>\n      <Field>\n        <FieldLabel>New password</FieldLabel>\n        <PasswordInput\n          placeholder='New password...'\n          value={password}\n          onChange={e => setPassword(e.target.value)}\n        />\n      </Field>\n      <Field>\n        <FieldLabel>Confirm password</FieldLabel>\n        <PasswordInput\n          placeholder='Confirm password...'\n          value={confirmPassword}\n          onChange={e => setConfirmPassword(e.target.value)}\n        />\n      </Field>\n      <PasswordComplexity items={items} />\n    </div>\n  );\n}"
+        },
+        {
+          "name": "Disabled",
+          "code": "<PasswordInput placeholder=\"Enter\" disabled />"
+        },
+        {
+          "name": "Sizes",
+          "code": "() => (\n  <HStack gap={16} align='start'>\n    <PasswordInput placeholder='Default' size='default' />\n    <PasswordInput placeholder='Medium' size='medium' />\n    <PasswordInput placeholder='Small' size='small' />\n  </HStack>\n)"
         }
       ]
     },
@@ -79107,7 +80776,7 @@
         },
         {
           "name": "Sizes",
-          "code": "({ ...args }) => (\n  <VStack align='start'>\n    <Text {...args} size='xs'>\n      Extra Small Body Text\n    </Text>\n    <Text {...args} size='sm'>\n      Small Body Text\n    </Text>\n    <Text {...args} size='md'>\n      Medium Body Text\n    </Text>\n    <Text {...args} size='lg'>\n      Large Body Text\n    </Text>\n    <Text {...args} size='xl'>\n      Extra Large Body Text\n    </Text>\n  </VStack>\n)"
+          "code": "({ ...args }) => (\n  <VStack gap={24} align='start'>\n    {SIZES.map(({ size, metrics }) => (\n      <VStack key={size} gap={4} align='start'>\n        <Text size='xs' color='secondary'>\n          size=&apos;{size}&apos; · {metrics}\n        </Text>\n        <Text {...args} size={size}>\n          The quick brown fox jumps over the lazy dog\n        </Text>\n      </VStack>\n    ))}\n  </VStack>\n)"
         },
         {
           "name": "Weights",
@@ -89989,6 +91658,34 @@
         {
           "name": "--leading-9xl",
           "value": "128px"
+        },
+        {
+          "name": "--tracking-xl",
+          "value": "-0.005em"
+        },
+        {
+          "name": "--tracking-2xl",
+          "value": "-0.01em"
+        },
+        {
+          "name": "--tracking-3xl",
+          "value": "-0.01em"
+        },
+        {
+          "name": "--tracking-4xl",
+          "value": "-0.015em"
+        },
+        {
+          "name": "--tracking-5xl",
+          "value": "-0.015em"
+        },
+        {
+          "name": "--tracking-6xl",
+          "value": "-0.02em"
+        },
+        {
+          "name": "--tracking-7xl",
+          "value": "-0.02em"
         }
       ]
     },