@kubex/zinc 1.1.138 → 1.1.139

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

@@ -348,25 +348,6 @@
         }
       ]
     },
-    {
-      "name": "zn-button-menu",
-      "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-      "attributes": [
-        { "name": "max-width", "values": [] },
-        { "name": "containerWidth", "values": [] },
-        { "name": "limit", "values": [] },
-        { "name": "max-level", "values": [] },
-        { "name": "icon-size", "values": [] },
-        { "name": "no-gap", "values": [] },
-        { "name": "no-padding", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/button-menu"
-        }
-      ]
-    },
     {
       "name": "zn-button-group",
       "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\n### **CSS Properties:**\n - **--grow** - Use flex-grow to fill available space. _(default: undefined)_\n- **--start** - Justify content at the start of the flex space. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -387,6 +368,25 @@
         }
       ]
     },
+    {
+      "name": "zn-button-menu",
+      "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+      "attributes": [
+        { "name": "max-width", "values": [] },
+        { "name": "containerWidth", "values": [] },
+        { "name": "limit", "values": [] },
+        { "name": "max-level", "values": [] },
+        { "name": "icon-size", "values": [] },
+        { "name": "no-gap", "values": [] },
+        { "name": "no-padding", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/button-menu"
+        }
+      ]
+    },
     {
       "name": "zn-channel-tile",
       "description": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.\n---\n\n\n### **Events:**\n - **zn-accept** - Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n- **zn-reject** - Emitted when the reject control is pressed.\n\n### **Slots:**\n - **title** - Replaces the primary line. Falls back to the `title` attribute (or \"Available\" when unset in the available state).\n- **subtitle** - Replaces the secondary line. Falls back to the `subtitle` attribute.\n- **leading** - Replaces the leading icon in the active state.\n- **action** - Action content for the available state (e.g. a form). Falls back to a default accept button.\n- **footer** - Trailing content (e.g. status badges) in the active state.\n\n### **CSS Properties:**\n - **--channel-tile-color** - Resolved accent color (set from the `color` property). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress** - The progress indicator (incoming countdown overlay or active progress bar).",
@@ -1451,111 +1451,111 @@
       ]
     },
     {
-      "name": "zn-dialog",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the dialog is opens.\n- **zn-close** - Emitted when the dialog is closed.\n- **zn-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog.\n\n### **Slots:**\n - _default_ - The default slot.\n- **label** - The dialog's label. Alternatively you can use the `label` attribute.\n- **header-icon** - Optional icon to add to the left of the dialog's label (title). A color will be applied to the icon depending on the dialog variant.\n- **announcement-intro** - Optional Intro text to display below the icon, when using the variant `announcement`.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **footer** - The dialog's footer. This is typically used for buttons representing various options.\n- **footer-text** - Optional text to include below the footer buttons, when using the variant `announcement`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--header-spacing** - The amount of padding to use for the header. _(default: undefined)_\n- **--body-spacing** - The amount of padding to use for the body. _(default: undefined)_\n- **--footer-spacing** - The amount of padding to use for the footer. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **title** - The dialog's title.\n- **close-button** - The dialog's close button.\n- **close-button__base** - The close buttons exported `base` part.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
+      "name": "zn-defined-label",
+      "description": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.\n---\n\n\n### **CSS Parts:**\n - **input** - The component's main input.\n- **input-value** - The label's value inputs.",
       "attributes": [
         {
-          "name": "variant",
-          "description": "The dialog's theme variant.",
-          "values": [
-            { "name": "default" },
-            { "name": "warning" },
-            { "name": "announcement" }
-          ]
+          "name": "value",
+          "description": "The selected label key. Also acts as the filter while typing.",
+          "values": []
         },
         {
-          "name": "size",
-          "description": "The dialog's size.",
+          "name": "inputValue",
+          "description": "The value entered for the selected label. Submitted as `label:value` when present.",
+          "values": []
+        },
+        {
+          "name": "input-size",
+          "description": "The size of the main input.",
           "values": [
+            { "name": "x-small" },
             { "name": "small" },
             { "name": "medium" },
-            { "name": "large" },
-            { "name": "custom" }
+            { "name": "large" }
           ]
         },
         {
-          "name": "open",
-          "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
+          "name": "name",
+          "description": "The name of the control. Used for form submission.",
           "values": []
         },
         {
-          "name": "label",
-          "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
+          "name": "title",
+          "description": "The title of the main input.",
           "values": []
         },
-        { "name": "cosmic", "values": [] },
         {
-          "name": "no-header",
-          "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
+          "name": "disabled",
+          "description": "Disables the control.",
           "values": []
         },
         {
-          "name": "trigger",
-          "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
+          "name": "allow-custom",
+          "description": "Allows labels that aren't in the predefined list.",
           "values": []
+        },
+        {
+          "name": "predefined-labels",
+          "description": "The predefined labels. Entries are either a string or `{name, options}`.",
+          "values": [{ "name": "(PredefinedLabel" }, { "name": "string)[]" }]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/dialog"
+          "url": "https://zinc.style/components/defined-label"
         }
       ]
     },
     {
-      "name": "zn-defined-label",
-      "description": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.\n---\n\n\n### **CSS Parts:**\n - **input** - The component's main input.\n- **input-value** - The label's value inputs.",
+      "name": "zn-dialog",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the dialog is opens.\n- **zn-close** - Emitted when the dialog is closed.\n- **zn-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog.\n\n### **Slots:**\n - _default_ - The default slot.\n- **label** - The dialog's label. Alternatively you can use the `label` attribute.\n- **header-icon** - Optional icon to add to the left of the dialog's label (title). A color will be applied to the icon depending on the dialog variant.\n- **announcement-intro** - Optional Intro text to display below the icon, when using the variant `announcement`.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **footer** - The dialog's footer. This is typically used for buttons representing various options.\n- **footer-text** - Optional text to include below the footer buttons, when using the variant `announcement`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--header-spacing** - The amount of padding to use for the header. _(default: undefined)_\n- **--body-spacing** - The amount of padding to use for the body. _(default: undefined)_\n- **--footer-spacing** - The amount of padding to use for the footer. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **title** - The dialog's title.\n- **close-button** - The dialog's close button.\n- **close-button__base** - The close buttons exported `base` part.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
       "attributes": [
         {
-          "name": "value",
-          "description": "The selected label key. Also acts as the filter while typing.",
-          "values": []
-        },
-        {
-          "name": "inputValue",
-          "description": "The value entered for the selected label. Submitted as `label:value` when present.",
-          "values": []
+          "name": "variant",
+          "description": "The dialog's theme variant.",
+          "values": [
+            { "name": "default" },
+            { "name": "warning" },
+            { "name": "announcement" }
+          ]
         },
         {
-          "name": "input-size",
-          "description": "The size of the main input.",
+          "name": "size",
+          "description": "The dialog's size.",
           "values": [
-            { "name": "x-small" },
             { "name": "small" },
             { "name": "medium" },
-            { "name": "large" }
+            { "name": "large" },
+            { "name": "custom" }
           ]
         },
         {
-          "name": "name",
-          "description": "The name of the control. Used for form submission.",
+          "name": "open",
+          "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
           "values": []
         },
         {
-          "name": "title",
-          "description": "The title of the main input.",
+          "name": "label",
+          "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
           "values": []
         },
+        { "name": "cosmic", "values": [] },
         {
-          "name": "disabled",
-          "description": "Disables the control.",
+          "name": "no-header",
+          "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
           "values": []
         },
         {
-          "name": "allow-custom",
-          "description": "Allows labels that aren't in the predefined list.",
+          "name": "trigger",
+          "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
           "values": []
-        },
-        {
-          "name": "predefined-labels",
-          "description": "The predefined labels. Entries are either a string or `{name, options}`.",
-          "values": [{ "name": "(PredefinedLabel" }, { "name": "string)[]" }]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/defined-label"
+          "url": "https://zinc.style/components/dialog"
         }
       ]
     },

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.1.138",
+  "version": "1.1.139",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -676,40 +676,6 @@
             ]
           }
         },
-        {
-          "name": "zn-button-menu",
-          "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "max-width", "value": { "type": "number" } },
-            { "name": "containerWidth", "value": { "type": "number" } },
-            { "name": "limit", "value": { "type": "number", "default": "-1" } },
-            {
-              "name": "max-level",
-              "value": { "type": "number", "default": "2" }
-            },
-            {
-              "name": "icon-size",
-              "value": { "type": "number", "default": "20" }
-            },
-            { "name": "no-gap", "value": { "type": "boolean" } },
-            { "name": "no-padding", "value": { "type": "boolean" } }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "maxWidth", "type": "number" },
-              { "name": "containerWidth", "type": "number" },
-              { "name": "limit", "type": "number" },
-              { "name": "maxLevel", "type": "number" },
-              { "name": "iconSize", "type": "number" },
-              { "name": "noGap", "type": "boolean" },
-              { "name": "noPadding", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-button-group",
           "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\n### **CSS Properties:**\n - **--grow** - Use flex-grow to fill available space. _(default: undefined)_\n- **--start** - Justify content at the start of the flex space. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -760,6 +726,40 @@
             ]
           }
         },
+        {
+          "name": "zn-button-menu",
+          "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "max-width", "value": { "type": "number" } },
+            { "name": "containerWidth", "value": { "type": "number" } },
+            { "name": "limit", "value": { "type": "number", "default": "-1" } },
+            {
+              "name": "max-level",
+              "value": { "type": "number", "default": "2" }
+            },
+            {
+              "name": "icon-size",
+              "value": { "type": "number", "default": "20" }
+            },
+            { "name": "no-gap", "value": { "type": "boolean" } },
+            { "name": "no-padding", "value": { "type": "boolean" } }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "maxWidth", "type": "number" },
+              { "name": "containerWidth", "type": "number" },
+              { "name": "limit", "type": "number" },
+              { "name": "maxLevel", "type": "number" },
+              { "name": "iconSize", "type": "number" },
+              { "name": "noGap", "type": "boolean" },
+              { "name": "noPadding", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-channel-tile",
           "description": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.\n---\n\n\n### **Events:**\n - **zn-accept** - Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n- **zn-reject** - Emitted when the reject control is pressed.\n\n### **Slots:**\n - **title** - Replaces the primary line. Falls back to the `title` attribute (or \"Available\" when unset in the available state).\n- **subtitle** - Replaces the secondary line. Falls back to the `subtitle` attribute.\n- **leading** - Replaces the leading icon in the active state.\n- **action** - Action content for the available state (e.g. a form). Falls back to a default accept button.\n- **footer** - Trailing content (e.g. status badges) in the active state.\n\n### **CSS Properties:**\n - **--channel-tile-color** - Resolved accent color (set from the `color` property). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress** - The progress indicator (incoming countdown overlay or active progress bar).",
@@ -3372,6 +3372,109 @@
             ]
           }
         },
+        {
+          "name": "zn-defined-label",
+          "description": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.\n---\n\n\n### **CSS Parts:**\n - **input** - The component's main input.\n- **input-value** - The label's value inputs.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The selected label key. Also acts as the filter while typing.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "inputValue",
+              "description": "The value entered for the selected label. Submitted as `label:value` when present.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "input-size",
+              "description": "The size of the main input.",
+              "value": {
+                "type": "'x-small' | 'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "name",
+              "description": "The name of the control. Used for form submission.",
+              "value": { "type": "string", "default": "'label'" }
+            },
+            {
+              "name": "title",
+              "description": "The title of the main input.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the control.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "allow-custom",
+              "description": "Allows labels that aren't in the predefined list.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "predefined-labels",
+              "description": "The predefined labels. Entries are either a string or `{name, options}`.",
+              "value": {
+                "type": "(PredefinedLabel | string)[]",
+                "default": "[]"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "input", "type": "ZnInput" },
+              { "name": "dropdown", "type": "ZnDropdown" },
+              {
+                "name": "value",
+                "description": "The selected label key. Also acts as the filter while typing.",
+                "type": "string"
+              },
+              {
+                "name": "inputValue",
+                "description": "The value entered for the selected label. Submitted as `label:value` when present.",
+                "type": "string"
+              },
+              {
+                "name": "inputSize",
+                "description": "The size of the main input.",
+                "type": "'x-small' | 'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "name",
+                "description": "The name of the control. Used for form submission.",
+                "type": "string"
+              },
+              {
+                "name": "title",
+                "description": "The title of the main input.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the control.",
+                "type": "boolean"
+              },
+              {
+                "name": "allowCustom",
+                "description": "Allows labels that aren't in the predefined list.",
+                "type": "boolean"
+              },
+              {
+                "name": "predefinedLabels",
+                "description": "The predefined labels. Entries are either a string or `{name, options}`.",
+                "type": "(PredefinedLabel | string)[]"
+              },
+              { "name": "validationMessage" },
+              { "name": "validity" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-dialog",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the dialog is opens.\n- **zn-close** - Emitted when the dialog is closed.\n- **zn-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog.\n\n### **Slots:**\n - _default_ - The default slot.\n- **label** - The dialog's label. Alternatively you can use the `label` attribute.\n- **header-icon** - Optional icon to add to the left of the dialog's label (title). A color will be applied to the icon depending on the dialog variant.\n- **announcement-intro** - Optional Intro text to display below the icon, when using the variant `announcement`.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **footer** - The dialog's footer. This is typically used for buttons representing various options.\n- **footer-text** - Optional text to include below the footer buttons, when using the variant `announcement`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--header-spacing** - The amount of padding to use for the header. _(default: undefined)_\n- **--body-spacing** - The amount of padding to use for the body. _(default: undefined)_\n- **--footer-spacing** - The amount of padding to use for the footer. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<zn-button>` elements.\n- **title** - The dialog's title.\n- **close-button** - The dialog's close button.\n- **close-button__base** - The close buttons exported `base` part.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
@@ -3513,109 +3616,6 @@
             ]
           }
         },
-        {
-          "name": "zn-defined-label",
-          "description": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.\n---\n\n\n### **CSS Parts:**\n - **input** - The component's main input.\n- **input-value** - The label's value inputs.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The selected label key. Also acts as the filter while typing.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "inputValue",
-              "description": "The value entered for the selected label. Submitted as `label:value` when present.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "input-size",
-              "description": "The size of the main input.",
-              "value": {
-                "type": "'x-small' | 'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control. Used for form submission.",
-              "value": { "type": "string", "default": "'label'" }
-            },
-            {
-              "name": "title",
-              "description": "The title of the main input.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the control.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "allow-custom",
-              "description": "Allows labels that aren't in the predefined list.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "predefined-labels",
-              "description": "The predefined labels. Entries are either a string or `{name, options}`.",
-              "value": {
-                "type": "(PredefinedLabel | string)[]",
-                "default": "[]"
-              }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "input", "type": "ZnInput" },
-              { "name": "dropdown", "type": "ZnDropdown" },
-              {
-                "name": "value",
-                "description": "The selected label key. Also acts as the filter while typing.",
-                "type": "string"
-              },
-              {
-                "name": "inputValue",
-                "description": "The value entered for the selected label. Submitted as `label:value` when present.",
-                "type": "string"
-              },
-              {
-                "name": "inputSize",
-                "description": "The size of the main input.",
-                "type": "'x-small' | 'small' | 'medium' | 'large'"
-              },
-              {
-                "name": "name",
-                "description": "The name of the control. Used for form submission.",
-                "type": "string"
-              },
-              {
-                "name": "title",
-                "description": "The title of the main input.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the control.",
-                "type": "boolean"
-              },
-              {
-                "name": "allowCustom",
-                "description": "Allows labels that aren't in the predefined list.",
-                "type": "boolean"
-              },
-              {
-                "name": "predefinedLabels",
-                "description": "The predefined labels. Entries are either a string or `{name, options}`.",
-                "type": "(PredefinedLabel | string)[]"
-              },
-              { "name": "validationMessage" },
-              { "name": "validity" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-dropdown",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **show()** - Opens the dropdown\n- **hide()** - Closes the dropdown\n- **reposition()** - Instructs the dropdown to reposition itself\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/zn.d.ts

@@ -488,8 +488,8 @@ declare module "components/popup/index" {
 }
 declare module "components/menu-item/submenu-controller" {
     import { type HasSlotController } from "internal/slot";
-    import type { ReactiveController, ReactiveControllerHost } from 'lit';
     import { type LocalizeController } from "utilities/localize";
+    import type { ReactiveController, ReactiveControllerHost } from 'lit';
     import type ZnMenuItem from "components/menu-item/index";
     /** A reactive controller to manage the registration of event listeners for submenus. */
     export class SubmenuController implements ReactiveController {
@@ -2432,7 +2432,7 @@ declare module "components/input/input.component" {
         handleDisabledChange(): void;
         handleStepChange(): void;
         handleValueChange(): Promise<void>;
-        handleColorFormatChange(): Promise<void>;
+        handleColorFormatChange(): void;
         /** Sets focus on the input. */
         focus(options?: FocusOptions): void;
         /** Removes focus from the input. */
@@ -5996,7 +5996,7 @@ declare module "components/sidebar/sidebar.component" {
         scrollBottom(): void;
         render(): import("lit-html").TemplateResult<1>;
         _expander(): import("lit-html").TemplateResult<1>;
-        handleClick(e: any): void;
+        handleClick(e: Event): void;
     }
 }
 declare module "components/sidebar/index" {
@@ -11516,6 +11516,12 @@ declare module "components/page-builder/page.types" {
      * so a tile reads as its linked item however its other fields were filled in.
      */
     export function sectionSummary(section: PageSection, type?: PageSectionType): string;
+    /**
+     * A cached 1×1 transparent image for `dataTransfer.setDragImage()`. The browser
+     * composites its own snapshot of the dragged node onto an opaque surface, which
+     * squares off a card's rounded corners; the builder draws its own ghost instead.
+     */
+    export function emptyDragImage(): HTMLImageElement;
 }
 declare module "components/page-builder/page-registry" {
     import type { PageSectionType } from "components/page-builder/page.types";
@@ -11720,6 +11726,8 @@ declare module "components/page-builder/page-builder.component" {
         /** Index of the drop zone whose "+" type picker is open, if any. */
         private _pickerIndex;
         private _dragOverIndex;
+        private _draggingId;
+        private _dragGhost;
         /** The container slot a drag is currently over, if any. */
         private _slotDragOver;
         /** The container slot whose "+" type picker is open, if any. */
@@ -11867,6 +11875,18 @@ declare module "components/page-builder/page-builder.component" {
          */
         private _moveToSlot;
         private _onCardDragStart;
+        private _ghostEl;
+        /** Where in the card the pointer grabbed it, so the ghost keeps that grip. */
+        private _ghostGrip;
+        /** The host's viewport origin; the ghost is positioned against the host. */
+        private _ghostOrigin;
+        private _startGhost;
+        private _onGhostDragOver;
+        private _onGhostDrop;
+        private _onGhostDragLeave;
+        private _moveGhost;
+        private _endGhost;
+        private _renderDragGhost;
         /** Whether a drag carries one of the builder's own payloads. */
         private _isPageDrag;
         private _onSlotDragOver;
@@ -13385,9 +13405,6 @@ declare module "components/editor/modules/events/zn-editor-update" {
         }
     }
 }
-declare module "components/hover-container/hover-container" {
-    import '../../../dist/zn.min.js';
-}
 declare module "components/remarkd-editor/feature-keys" {
     /**
      * The remarkd feature fixtures, from `node_modules/remarkd-js/requirements/features/`.