@kubex/zinc 1.0.18 → 1.0.20

package/dist/vscode.html-custom-data.json

@@ -59,6 +59,22 @@
         }
       ]
     },
+    {
+      "name": "zn-audio-select",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "value", "values": [] },
+        { "name": "label", "values": [] },
+        { "name": "placeholder", "values": [] },
+        { "name": "files", "values": [{ "name": "AudioFile[]" }] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/audio-select"
+        }
+      ]
+    },
     {
       "name": "zn-bulk-actions",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -274,7 +290,7 @@
     },
     {
       "name": "zn-checkbox",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<zn-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<zn-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
       "attributes": [
         { "name": "title", "values": [] },
         {
@@ -287,6 +303,11 @@
           "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
           "values": []
         },
+        {
+          "name": "unchecked-value",
+          "description": "The unchecked value of the checkbox, submitted as a name/value pair with form data.",
+          "values": []
+        },
         {
           "name": "size",
           "description": "The checkbox's size.",
@@ -331,13 +352,43 @@
           "description": "Makes the checkbox a required field.",
           "values": []
         },
+        {
+          "name": "submit-on-click",
+          "description": "Submits the form when checkbox is clicked.",
+          "values": []
+        },
         {
           "name": "description",
           "description": "The checkbox's help text. If you need to display HTML, use the `description` slot instead.",
           "values": []
         },
         { "name": "label", "values": [] },
-        { "name": "label-tooltip", "values": [] }
+        { "name": "label-tooltip", "values": [] },
+        {
+          "name": "checked-icon",
+          "description": "The icon to show when the checkbox is checked.",
+          "values": []
+        },
+        {
+          "name": "unchecked-icon",
+          "description": "The icon to show when the checkbox is unchecked.",
+          "values": []
+        },
+        {
+          "name": "color",
+          "description": "The color of the checkbox.",
+          "values": [{ "name": "ColorOption" }]
+        },
+        {
+          "name": "checked-color",
+          "description": "The color of the checkbox when checked. Overrides `color`.",
+          "values": [{ "name": "ColorOption" }]
+        },
+        {
+          "name": "unchecked-color",
+          "description": "The color of the checkbox when unchecked. Overrides `color`.",
+          "values": [{ "name": "ColorOption" }]
+        }
       ],
       "references": [
         {
@@ -1566,6 +1617,23 @@
         }
       ]
     },
+    {
+      "name": "zn-input-group",
+      "description": "A wrapper component that groups inputs and selects visually.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for inputs and selects.\n- **label** - The input group's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **form-control** - The form control wrapper.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input group container.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The input group's label. If you need to display HTML, use the `label` slot.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/input-group"
+        }
+      ]
+    },
     {
       "name": "zn-item",
       "description": "Used for listing items in a description list. Caption on the right, content on the left.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Can either be slotted or use the value attribute\n- **actions** - Used for adding actions to a zn-item.\n\n### **CSS Parts:**\n - **base** - The items base wrapper\n- **caption** - The items caption\n- **icon** - The items icon",
@@ -1587,7 +1655,8 @@
         { "name": "inline", "values": [] },
         { "name": "grid", "values": [] },
         { "name": "no-padding", "values": [] },
-        { "name": "align-end", "values": [] }
+        { "name": "align-end", "values": [] },
+        { "name": "align-center", "values": [] }
       ],
       "references": [
         { "name": "Documentation", "url": "https://zinc.style/components/item" }
@@ -1694,6 +1763,7 @@
         { "name": "stacked", "values": [] },
         { "name": "dropdown", "values": [{ "name": "array" }] },
         { "name": "no-pad", "values": [{ "name": "false" }] },
+        { "name": "manual-add-items", "values": [] },
         { "name": "_appended", "values": [{ "name": "Element[]" }] }
       ],
       "references": [
@@ -2933,6 +3003,31 @@
         }
       ]
     },
+    {
+      "name": "zn-translations",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] },
+        { "name": "label", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "required", "values": [] },
+        {
+          "name": "languages",
+          "values": [{ "name": "Record<string" }, { "name": "string>" }]
+        },
+        {
+          "name": "values",
+          "values": [{ "name": "Record<string" }, { "name": "string>" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/translations"
+        }
+      ]
+    },
     {
       "name": "zn-vertical-stepper",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -92,6 +92,38 @@
             ]
           }
         },
+        {
+          "name": "zn-audio-select",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "value", "value": { "type": "string", "default": "''" } },
+            { "name": "label", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "files",
+              "value": { "type": "AudioFile[]", "default": "[]" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "actions", "description": "The actions slot." },
+            { "name": "footer", "description": "The footer slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "value", "type": "string" },
+              { "name": "label", "type": "string" },
+              { "name": "placeholder", "type": "string" },
+              { "name": "files", "type": "AudioFile[]" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-bulk-actions",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -533,7 +565,7 @@
         },
         {
           "name": "zn-checkbox",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<zn-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<zn-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
           "doc-url": "",
           "attributes": [
             { "name": "title", "value": { "type": "string", "default": "''" } },
@@ -547,6 +579,11 @@
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
               "value": { "type": "string" }
             },
+            {
+              "name": "unchecked-value",
+              "description": "The unchecked value of the checkbox, submitted as a name/value pair with form data.",
+              "value": { "type": "string" }
+            },
             {
               "name": "size",
               "description": "The checkbox's size.",
@@ -590,13 +627,43 @@
               "description": "Makes the checkbox a required field.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "submit-on-click",
+              "description": "Submits the form when checkbox is clicked.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "description",
               "description": "The checkbox's help text. If you need to display HTML, use the `description` slot instead.",
               "value": { "type": "string", "default": "''" }
             },
             { "name": "label", "value": { "type": "string" } },
-            { "name": "label-tooltip", "value": { "type": "string" } }
+            { "name": "label-tooltip", "value": { "type": "string" } },
+            {
+              "name": "checked-icon",
+              "description": "The icon to show when the checkbox is checked.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "unchecked-icon",
+              "description": "The icon to show when the checkbox is unchecked.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "color",
+              "description": "The color of the checkbox.",
+              "value": { "type": "ColorOption", "default": "'default'" }
+            },
+            {
+              "name": "checked-color",
+              "description": "The color of the checkbox when checked. Overrides `color`.",
+              "value": { "type": "ColorOption" }
+            },
+            {
+              "name": "unchecked-color",
+              "description": "The color of the checkbox when unchecked. Overrides `color`.",
+              "value": { "type": "ColorOption" }
+            }
           ],
           "slots": [
             { "name": "", "description": "The checkbox's label." },
@@ -645,6 +712,11 @@
                 "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
                 "type": "string"
               },
+              {
+                "name": "uncheckedValue",
+                "description": "The unchecked value of the checkbox, submitted as a name/value pair with form data.",
+                "type": "string"
+              },
               {
                 "name": "size",
                 "description": "The checkbox's size.",
@@ -690,6 +762,11 @@
                 "description": "Makes the checkbox a required field.",
                 "type": "boolean"
               },
+              {
+                "name": "submitOnClick",
+                "description": "Submits the form when checkbox is clicked.",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The checkbox's help text. If you need to display HTML, use the `description` slot instead.",
@@ -697,6 +774,31 @@
               },
               { "name": "label", "type": "string" },
               { "name": "labelTooltip", "type": "string" },
+              {
+                "name": "checkedIcon",
+                "description": "The icon to show when the checkbox is checked.",
+                "type": "string"
+              },
+              {
+                "name": "uncheckedIcon",
+                "description": "The icon to show when the checkbox is unchecked.",
+                "type": "string"
+              },
+              {
+                "name": "color",
+                "description": "The color of the checkbox.",
+                "type": "ColorOption"
+              },
+              {
+                "name": "checkedColor",
+                "description": "The color of the checkbox when checked. Overrides `color`.",
+                "type": "ColorOption"
+              },
+              {
+                "name": "uncheckedColor",
+                "description": "The color of the checkbox when unchecked. Overrides `color`.",
+                "type": "ColorOption"
+              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object"
@@ -3532,6 +3634,40 @@
             ]
           }
         },
+        {
+          "name": "zn-input-group",
+          "description": "A wrapper component that groups inputs and selects visually.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for inputs and selects.\n- **label** - The input group's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **form-control** - The form control wrapper.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input group container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The input group's label. If you need to display HTML, use the `label` slot.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for inputs and selects."
+            },
+            {
+              "name": "label",
+              "description": "The input group's label. Alternatively, you can use the `label` attribute."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              {
+                "name": "label",
+                "description": "The input group's label. If you need to display HTML, use the `label` slot.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-item",
           "description": "Used for listing items in a description list. Caption on the right, content on the left.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Can either be slotted or use the value attribute\n- **actions** - Used for adding actions to a zn-item.\n\n### **CSS Parts:**\n - **base** - The items base wrapper\n- **caption** - The items caption\n- **icon** - The items icon",
@@ -3553,7 +3689,8 @@
             { "name": "inline", "value": { "type": "boolean" } },
             { "name": "grid", "value": { "type": "boolean" } },
             { "name": "no-padding", "value": { "type": "boolean" } },
-            { "name": "align-end", "value": { "type": "boolean" } }
+            { "name": "align-end", "value": { "type": "boolean" } },
+            { "name": "align-center", "value": { "type": "boolean" } }
           ],
           "slots": [
             {
@@ -3578,7 +3715,8 @@
               { "name": "inline", "type": "boolean" },
               { "name": "grid", "type": "boolean" },
               { "name": "noPadding", "type": "boolean" },
-              { "name": "alignEnd", "type": "boolean" }
+              { "name": "alignEnd", "type": "boolean" },
+              { "name": "alignCenter", "type": "boolean" }
             ],
             "events": []
           }
@@ -3810,6 +3948,10 @@
               "value": { "type": "array", "default": "[]" }
             },
             { "name": "no-pad", "value": { "type": "false" } },
+            {
+              "name": "manual-add-items",
+              "value": { "type": "boolean", "default": "false" }
+            },
             { "name": "_appended", "value": { "type": "Element[]" } }
           ],
           "slots": [
@@ -3831,6 +3973,7 @@
               { "name": "stacked", "type": "boolean" },
               { "name": "dropdown", "type": "array" },
               { "name": "noPad", "type": "false" },
+              { "name": "manualAddItems", "type": "boolean" },
               { "name": "handleResize" }
             ],
             "events": [
@@ -6823,6 +6966,53 @@
             ]
           }
         },
+        {
+          "name": "zn-translations",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "name", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "value",
+              "value": { "type": "string", "default": "'{\"en\":\"\"}'" }
+            },
+            { "name": "label", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "languages",
+              "value": {
+                "type": "Record<string, string>",
+                "default": "{ 'en': 'English' }"
+              }
+            },
+            {
+              "name": "values",
+              "value": { "type": "Record<string, string>", "default": "{}" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "label", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "required", "type": "boolean" },
+              { "name": "languages", "type": "Record<string, string>" },
+              { "name": "values", "type": "Record<string, string>" },
+              { "name": "validity", "type": "ValidityState" },
+              { "name": "validationMessage" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-vertical-stepper",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",