@kubex/zinc 1.1.79 → 1.1.81

package/dist/custom-elements.json

@@ -17571,6 +17571,54 @@
               },
               "attribute": "textarea-rows"
             },
+            {
+              "kind": "field",
+              "name": "slashItems",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu of a `text` or `textarea` input. Accepts a JSON array of items, or\nthe shorthand `Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`.",
+              "attribute": "slash-items"
+            },
+            {
+              "kind": "field",
+              "name": "slashPreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "attribute": "slash-preset"
+            },
+            {
+              "kind": "field",
+              "name": "slashTrigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "attribute": "slash-trigger"
+            },
+            {
+              "kind": "field",
+              "name": "slashHeading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "attribute": "slash-heading"
+            },
+            {
+              "kind": "field",
+              "name": "slashItemsProvider",
+              "type": {
+                "text": "(query: string) => SlashMenuItem[] | Promise<SlashMenuItem[]> | undefined"
+              },
+              "description": "Resolves additional slash menu items each time the menu opens. JavaScript only."
+            },
             {
               "kind": "field",
               "name": "options",
@@ -18031,6 +18079,42 @@
               },
               "fieldName": "textareaRows"
             },
+            {
+              "name": "slash-items",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu of a `text` or `textarea` input. Accepts a JSON array of items, or\nthe shorthand `Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`.",
+              "fieldName": "slashItems"
+            },
+            {
+              "name": "slash-preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "fieldName": "slashPreset"
+            },
+            {
+              "name": "slash-trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "fieldName": "slashTrigger"
+            },
+            {
+              "name": "slash-heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "fieldName": "slashHeading"
+            },
             {
               "name": "options",
               "type": {
@@ -18176,6 +18260,10 @@
               "description": "The form control that wraps the label, input, and help text.",
               "name": "form-control"
             },
+            {
+              "description": "The slash menu shown at the caret.",
+              "name": "slash-menu"
+            },
             {
               "description": "The label's wrapper.",
               "name": "form-control-label"
@@ -18249,6 +18337,14 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "`<zn-slash-item>` elements describing the insertions offered by the slash menu. Items are picked up wherever they sit inside the input, so this slot name is optional.",
+              "name": "slash-items"
+            },
+            {
+              "description": "A `<zn-slash-menu>` to use instead of the built-in one, so its heading, sizing and styling can be set in markup. Any `<zn-slash-item>` children of it become the menu's items.",
+              "name": "slash-menu"
             }
           ],
           "members": [
@@ -18259,7 +18355,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'zn-icon': ZnIcon, 'zn-tooltip': ZnTooltip }"
+              "default": "{ 'zn-icon': ZnIcon, 'zn-slash-item': ZnSlashItem, 'zn-slash-menu': ZnSlashMenu, 'zn-tooltip': ZnTooltip }"
             },
             {
               "kind": "field",
@@ -18282,6 +18378,13 @@
               "readonly": true,
               "default": "new LocalizeController(this)"
             },
+            {
+              "kind": "field",
+              "name": "slashController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new SlashMenuController(this, { menu: () => this.mountSlashMenu(), items: search => this.resolveSlashItems(search), trigger: () => this.slashTrigger, onSelect: (item, search) => !this.emit('zn-slash-select', { detail: {item, query: search} }).defaultPrevented, onInsert: (item, value) => this.emit('zn-slash-insert', {detail: {item, value}}) })"
+            },
             {
               "kind": "field",
               "name": "input",
@@ -18296,6 +18399,13 @@
                 "text": "HTMLInputElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "slashMenuElement",
+              "type": {
+                "text": "ZnSlashMenu | null"
+              }
+            },
             {
               "kind": "field",
               "name": "hasFocus",
@@ -18305,6 +18415,16 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "hasSlashMenu",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Renders the slash menu only once it has been needed, keeping unused inputs cheap."
+            },
             {
               "kind": "field",
               "name": "isUserTyping",
@@ -18688,6 +18808,54 @@
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "attribute": "inputmode"
             },
+            {
+              "kind": "field",
+              "name": "slashItems",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu. Accepts a JSON array of items, or the shorthand\n`Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Can also be set as an array of\n`SlashMenuItem` objects in JavaScript.",
+              "attribute": "slash-items"
+            },
+            {
+              "kind": "field",
+              "name": "slashPreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "attribute": "slash-preset"
+            },
+            {
+              "kind": "field",
+              "name": "slashTrigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "attribute": "slash-trigger"
+            },
+            {
+              "kind": "field",
+              "name": "slashHeading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "attribute": "slash-heading"
+            },
+            {
+              "kind": "field",
+              "name": "slashItemsProvider",
+              "type": {
+                "text": "(query: string) => SlashMenuItem[] | Promise<SlashMenuItem[]> | undefined"
+              },
+              "description": "Resolves additional items each time the menu opens, for lists that come from elsewhere (e.g. an\nAPI). Receives the current query and may return a promise. JavaScript only."
+            },
             {
               "kind": "field",
               "name": "triggerSubmit",
@@ -18961,6 +19129,52 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "resolveSlashItems",
+              "return": {
+                "type": {
+                  "text": "Promise<SlashMenuItem[]>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "search",
+                  "default": "''"
+                }
+              ],
+              "description": "The insertions the slash menu offers, gathered from every source, in the order they were declared."
+            },
+            {
+              "kind": "method",
+              "name": "showSlashMenu",
+              "description": "Opens the slash menu at the caret, inserting the trigger if it isn't already there."
+            },
+            {
+              "kind": "method",
+              "name": "hideSlashMenu",
+              "description": "Closes the slash menu."
+            },
+            {
+              "kind": "method",
+              "name": "slottedSlashItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SlashMenuItem[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "mountSlashMenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<ZnSlashMenu | null>"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "handleDisabledChange"
@@ -19139,6 +19353,14 @@
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "zn-invalid"
+            },
+            {
+              "description": "Emitted when a slash menu item is chosen. Cancelable — call `preventDefault()` to suppress the insertion and handle the item yourself.",
+              "name": "zn-slash-select"
+            },
+            {
+              "description": "Emitted after a slash menu item's value has been inserted.",
+              "name": "zn-slash-insert"
             }
           ],
           "attributes": [
@@ -19452,6 +19674,42 @@
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "fieldName": "inputmode"
             },
+            {
+              "name": "slash-items",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu. Accepts a JSON array of items, or the shorthand\n`Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Can also be set as an array of\n`SlashMenuItem` objects in JavaScript.",
+              "fieldName": "slashItems"
+            },
+            {
+              "name": "slash-preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "fieldName": "slashPreset"
+            },
+            {
+              "name": "slash-trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "fieldName": "slashTrigger"
+            },
+            {
+              "name": "slash-heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "fieldName": "slashHeading"
+            },
             {
               "name": "trigger-submit",
               "type": {
@@ -19470,13 +19728,15 @@
           "tagNameWithoutPrefix": "input",
           "tagName": "zn-input",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/input\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n * @dependency zn-tooltip\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-clear - Emitted when the clear button is activated.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot context-note - Used to add contextual text that is displayed above the input, on the right. Alternatively, you can use the `context-note` attribute. Range inputs display their live value here unless this is set.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n *\n * @cssproperty --zn-range-track-height - The height of a range input's track.\n * @cssproperty --zn-range-track-color - The color of a range input's track.\n * @cssproperty --zn-range-thumb-size - The diameter of a range input's thumb.\n * @cssproperty --zn-range-thumb-color - The color of a range input's thumb.\n * @cssproperty --zn-range-thumb-ring-width - The width of the ring drawn around a range input's thumb.\n */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/input\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n * @dependency zn-tooltip\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-clear - Emitted when the clear button is activated.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot context-note - Used to add contextual text that is displayed above the input, on the right. Alternatively, you can use the `context-note` attribute. Range inputs display their live value here unless this is set.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot slash-items - `<zn-slash-item>` elements describing the insertions offered by the slash menu. Items are\n *  picked up wherever they sit inside the input, so this slot name is optional.\n * @slot slash-menu - A `<zn-slash-menu>` to use instead of the built-in one, so its heading, sizing and styling can\n *  be set in markup. Any `<zn-slash-item>` children of it become the menu's items.\n *\n * @dependency zn-slash-item\n * @dependency zn-slash-menu\n *\n * @event zn-slash-select - Emitted when a slash menu item is chosen. Cancelable — call `preventDefault()` to\n *  suppress the insertion and handle the item yourself.\n * @event zn-slash-insert - Emitted after a slash menu item's value has been inserted.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart slash-menu - The slash menu shown at the caret.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n *\n * @cssproperty --zn-range-track-height - The height of a range input's track.\n * @cssproperty --zn-range-track-color - The color of a range input's track.\n * @cssproperty --zn-range-thumb-size - The diameter of a range input's thumb.\n * @cssproperty --zn-range-thumb-color - The color of a range input's thumb.\n * @cssproperty --zn-range-thumb-ring-width - The width of the ring drawn around a range input's thumb.\n */",
           "documentation": "https://zinc.style/components/input",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
             "zn-icon",
-            "zn-tooltip"
+            "zn-tooltip",
+            "zn-slash-item",
+            "zn-slash-menu"
           ]
         }
       ],
@@ -32634,6 +32894,10 @@
               "description": "The always-visible block-insert toolbar.",
               "name": "toolbar"
             },
+            {
+              "description": "The button that switches between the block view and the raw source view.",
+              "name": "raw-toggle"
+            },
             {
               "description": "A rendered block wrapper.",
               "name": "block"
@@ -32647,7 +32911,11 @@
               "name": "input"
             },
             {
-              "description": "The context menu opened by typing \"/\" in a block.",
+              "description": "The full-document textarea shown in raw source mode.",
+              "name": "raw"
+            },
+            {
+              "description": "The `zn-slash-menu` opened by typing \"/\" in an empty block.",
               "name": "slash-menu"
             },
             {
@@ -32656,6 +32924,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-slash-menu': ZnSlashMenu }"
+            },
             {
               "kind": "field",
               "name": "formControlController",
@@ -32663,6 +32940,13 @@
               "readonly": true,
               "default": "new FormControlController(this, { assumeInteractionOn: ['zn-input', 'zn-change'], })"
             },
+            {
+              "kind": "field",
+              "name": "slashController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new SlashMenuController(this, { menu: () => this.mountSlashMenu(), // The menu only belongs in a block that is nothing but the slash command — a // block prefix like \"## \" is not valid remarkd part-way through a line. items: () => this.isSlashBlock() ? SLASH_ITEMS : [], onSelect: item => this.handleSlashSelect(item) })"
+            },
             {
               "kind": "field",
               "name": "editingDraft",
@@ -32672,6 +32956,15 @@
               "privacy": "private",
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "rawEntryValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
             {
               "kind": "field",
               "name": "suppressValueSync",
@@ -32698,6 +32991,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "slashMenuElement",
+              "type": {
+                "text": "ZnSlashMenu | null"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "blocks",
@@ -32718,30 +33019,13 @@
             },
             {
               "kind": "field",
-              "name": "slashMenuOpen",
+              "name": "hasSlashMenu",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "slashQuery",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "slashActiveIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "description": "Renders the slash menu only once it has been needed."
             },
             {
               "kind": "field",
@@ -32788,6 +33072,15 @@
               "privacy": "private",
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "rawMode",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "pendingDragHandle",
@@ -32873,6 +33166,17 @@
               "description": "Endpoint for image uploads — required for image support. Posting the file\nmetadata here must return `{uploadPath, uploadUrl}`; the file is then PUT\nto `uploadUrl` and the returned `uploadPath` is embedded as the image URL.",
               "attribute": "attachment-url"
             },
+            {
+              "kind": "field",
+              "name": "allowRaw",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a toolbar toggle that swaps the block view for the full remarkd source.",
+              "attribute": "allow-raw",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "required",
@@ -32974,7 +33278,7 @@
             {
               "kind": "method",
               "name": "blur",
-              "description": "Commits any in-progress block edit."
+              "description": "Commits any in-progress block or raw edit."
             },
             {
               "kind": "method",
@@ -33273,15 +33577,6 @@
               "privacy": "private",
               "description": "Commits the in-progress edit; returns the index after the committed parts."
             },
-            {
-              "kind": "field",
-              "name": "filteredSlashItems",
-              "type": {
-                "text": "BlockType[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "handleDraftInput",
@@ -33294,21 +33589,48 @@
             },
             {
               "kind": "method",
-              "name": "applySlashItem",
+              "name": "isSlashBlock",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "BlockType"
-                  }
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "handleEditPaste",
-              "privacy": "private"
+              },
+              "description": "Whether the block being edited is nothing but the slash command."
+            },
+            {
+              "kind": "method",
+              "name": "mountSlashMenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<ZnSlashMenu | null>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSlashSelect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "SlashMenuItem"
+                  }
+                }
+              ],
+              "description": "Returns false for items the controller should not insert text for."
+            },
+            {
+              "kind": "field",
+              "name": "handleEditPaste",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -33464,6 +33786,28 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "toggleRawMode",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focusRaw",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleRawInput",
+              "privacy": "private",
+              "description": "Raw mode keeps the whole document in one textarea, so the textarea — not\nthe block list — is authoritative while it is open: re-splitting on every\nkeystroke would normalise blank lines out from under the cursor."
+            },
+            {
+              "kind": "field",
+              "name": "commitRaw",
+              "privacy": "private",
+              "description": "Re-splits the raw source into blocks. Not `updateBlocks` — that only\nreports a change when the re-join differs from the value, and raw edits\nhave already written straight to the value."
+            },
             {
               "kind": "method",
               "name": "handleToolbarInsert",
@@ -33477,11 +33821,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "renderSlashMenu",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "renderImageControls",
@@ -33506,6 +33845,11 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "renderRaw",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "renderBody",
@@ -33565,6 +33909,15 @@
               "description": "Endpoint for image uploads — required for image support. Posting the file\nmetadata here must return `{uploadPath, uploadUrl}`; the file is then PUT\nto `uploadUrl` and the returned `uploadPath` is embedded as the image URL.",
               "fieldName": "attachmentUrl"
             },
+            {
+              "name": "allow-raw",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a toolbar toggle that swaps the block view for the full remarkd source.",
+              "fieldName": "allowRaw"
+            },
             {
               "name": "required",
               "type": {
@@ -33601,7 +33954,7 @@
           "tagNameWithoutPrefix": "remarkd-editor",
           "tagName": "zn-remarkd-editor",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart slash-menu - The context menu opened by typing \"/\" in a block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n */",
+          "jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n * @dependency zn-slash-menu\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart raw-toggle - The button that switches between the block view and the raw source view.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart raw - The full-document textarea shown in raw source mode.\n * @csspart slash-menu - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n */",
           "documentation": "https://zinc.style/components/remarkd-editor",
           "status": "experimental",
           "since": "1.0",
@@ -33609,7 +33962,8 @@
             "zn-button",
             "zn-button-group",
             "zn-icon",
-            "zn-file"
+            "zn-file",
+            "zn-slash-menu"
           ]
         }
       ],
@@ -36115,105 +36469,769 @@
           "name": "ZnSkeleton",
           "members": [
             {
-              "kind": "field",
-              "name": "speed",
+              "kind": "field",
+              "name": "speed",
+              "type": {
+                "text": "string"
+              },
+              "default": "'3s'",
+              "description": "Animation speed for the shimmer effect. Default: \"3s\"",
+              "attribute": "speed"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "Width of the skeleton element. Default: \"100%\"",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20px'",
+              "description": "Height of the skeleton element. Default: \"20px\"",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "'4px'",
+              "description": "Border radius of the skeleton element. Default: \"4px\"",
+              "attribute": "radius"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "speed",
+              "type": {
+                "text": "string"
+              },
+              "default": "'3s'",
+              "description": "Animation speed for the shimmer effect. Default: \"3s\"",
+              "fieldName": "speed"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "Width of the skeleton element. Default: \"100%\"",
+              "fieldName": "width"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20px'",
+              "description": "Height of the skeleton element. Default: \"20px\"",
+              "fieldName": "height"
+            },
+            {
+              "name": "radius",
+              "type": {
+                "text": "string"
+              },
+              "default": "'4px'",
+              "description": "Border radius of the skeleton element. Default: \"4px\"",
+              "fieldName": "radius"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Skeleton loaders provide visual placeholders while content is loading, improving perceived performance and user experience.",
+          "tagNameWithoutPrefix": "skeleton",
+          "tagName": "zn-skeleton",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Skeleton loaders provide visual placeholders while content is loading, improving perceived performance and user experience.\n * @documentation https://zinc.style/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @property {string} speed - Animation speed for the shimmer effect. Default: \"3s\"\n * @property {string} width - Width of the skeleton element. Default: \"100%\"\n * @property {string} height - Height of the skeleton element. Default: \"20px\"\n * @property {string} radius - Border radius of the skeleton element. Default: \"4px\"\n */",
+          "documentation": "https://zinc.style/components/skeleton",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/slash-item/slash-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnSlashItem",
+          "slots": [
+            {
+              "description": "The text to insert, for values that are long or span multiple lines. Ignored when the `value` attribute is set.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown in the menu.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text inserted into the field. Falls back to this element's text content.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Icon shown against the item, e.g. `tag@lu`.",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "description": "Supporting text shown under the label.",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "keywords",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra terms the item can be found by, comma separated.",
+              "attribute": "keywords"
+            },
+            {
+              "kind": "field",
+              "name": "group",
+              "type": {
+                "text": "string"
+              },
+              "description": "Heading the item is listed under.",
+              "attribute": "group"
+            },
+            {
+              "kind": "field",
+              "name": "order",
+              "type": {
+                "text": "number"
+              },
+              "description": "Overrides the item's position in the menu. Lower sorts first.",
+              "attribute": "order"
+            },
+            {
+              "kind": "field",
+              "name": "caretOffset",
+              "type": {
+                "text": "number"
+              },
+              "description": "Where the caret lands after insertion, as an offset into the inserted value.",
+              "attribute": "caret-offset"
+            },
+            {
+              "kind": "field",
+              "name": "action",
+              "type": {
+                "text": "string"
+              },
+              "description": "Identifier passed through on `zn-slash-select`, for items that do something other than insert.",
+              "attribute": "action"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Listed, but not selectable.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "toSlashMenuItem",
+              "return": {
+                "type": {
+                  "text": "SlashMenuItem"
+                }
+              },
+              "description": "The item as the slash menu consumes it."
+            },
+            {
+              "kind": "field",
+              "name": "insertValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown in the menu.",
+              "fieldName": "label"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text inserted into the field. Falls back to this element's text content.",
+              "fieldName": "value"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Icon shown against the item, e.g. `tag@lu`.",
+              "fieldName": "icon"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "description": "Supporting text shown under the label.",
+              "fieldName": "description"
+            },
+            {
+              "name": "keywords",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra terms the item can be found by, comma separated.",
+              "fieldName": "keywords"
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "string"
+              },
+              "description": "Heading the item is listed under.",
+              "fieldName": "group"
+            },
+            {
+              "name": "order",
+              "type": {
+                "text": "number"
+              },
+              "description": "Overrides the item's position in the menu. Lower sorts first.",
+              "fieldName": "order"
+            },
+            {
+              "name": "caret-offset",
+              "type": {
+                "text": "number"
+              },
+              "description": "Where the caret lands after insertion, as an offset into the inserted value.",
+              "fieldName": "caretOffset"
+            },
+            {
+              "name": "action",
+              "type": {
+                "text": "string"
+              },
+              "description": "Identifier passed through on `zn-slash-select`, for items that do something other than insert.",
+              "fieldName": "action"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Listed, but not selectable.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Declares a single insertion for a slash menu. Renders nothing itself — it describes an\nentry for the component it is slotted into, e.g. `<zn-textarea>`'s `slash-items` slot.",
+          "tagNameWithoutPrefix": "slash-item",
+          "tagName": "zn-slash-item",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Declares a single insertion for a slash menu. Renders nothing itself — it describes an\n *  entry for the component it is slotted into, e.g. `<zn-textarea>`'s `slash-items` slot.\n * @documentation https://zinc.style/components/slash-item\n * @status experimental\n * @since 1.1\n *\n * @slot - The text to insert, for values that are long or span multiple lines. Ignored when the\n *  `value` attribute is set.\n */",
+          "documentation": "https://zinc.style/components/slash-item",
+          "status": "experimental",
+          "since": "1.1"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnSlashItem",
+            "module": "components/slash-item/slash-item.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/slash-menu/slash-menu.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SLASH_ITEM_SELECT",
+          "type": {
+            "text": "string"
+          },
+          "default": "'zn-slash-item-select'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnSlashMenu",
+          "cssProperties": [
+            {
+              "description": "The width of the panel.",
+              "name": "--slash-menu-width"
+            },
+            {
+              "description": "The maximum height of the panel before it scrolls.",
+              "name": "--slash-menu-max-height"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The floating panel that holds the list.",
+              "name": "panel"
+            },
+            {
+              "description": "The panel's heading.",
+              "name": "heading"
+            },
+            {
+              "description": "An item in the list.",
+              "name": "item"
+            },
+            {
+              "description": "A group heading between items.",
+              "name": "group-heading"
+            },
+            {
+              "description": "The truncation footer, shown when not every match fits.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-icon': ZnIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "panel",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "stopAutoUpdate",
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the menu is showing.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "The items to list. Already filtered — the menu displays what it is given.",
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "query",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The query the items were matched against, shown in the heading.",
+              "attribute": "query"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown when there is no query.",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No matches'",
+              "description": "Shown in place of the list when there are no items.",
+              "attribute": "empty-text"
+            },
+            {
+              "kind": "field",
+              "name": "maxItems",
+              "type": {
+                "text": "number"
+              },
+              "default": "25",
+              "description": "The most items to render at once. Remaining matches are reported in the footer.",
+              "attribute": "max-items"
+            },
+            {
+              "kind": "field",
+              "name": "anchor",
+              "type": {
+                "text": "Element | VirtualElement | null"
+              },
+              "default": "null",
+              "description": "The element or caret rect the panel is positioned against."
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the panel.",
+              "attribute": "placement"
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "description": "The gap between the caret and the panel.",
+              "attribute": "distance"
+            },
+            {
+              "kind": "field",
+              "name": "activeIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "visibleItems",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "activeItem",
+              "type": {
+                "text": "SlashMenuItem | undefined"
+              },
+              "description": "The item that Enter would insert.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "show"
+            },
+            {
+              "kind": "method",
+              "name": "hide"
+            },
+            {
+              "kind": "method",
+              "name": "setActiveIndex",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Sets the active item by index, wrapping at both ends and skipping disabled items."
+            },
+            {
+              "kind": "method",
+              "name": "moveActive",
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Moves the active item by `delta` places."
+            },
+            {
+              "kind": "method",
+              "name": "selectActive",
+              "description": "Chooses the active item, as pressing Enter would."
+            },
+            {
+              "kind": "method",
+              "name": "reposition",
+              "description": "Recalculates the panel's position against its anchor."
+            },
+            {
+              "kind": "method",
+              "name": "startPositioner",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "stopPositioner",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "position",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "selectItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "SlashMenuItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "scrollActiveIntoView",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleItemMouseDown",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "SlashMenuItem"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "showIcons",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderItems",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "SLASH_ITEM_SELECT",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "description": "Emitted when an item is chosen. Does not cross shadow boundaries; the component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.",
+              "name": "zn-slash-item-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'3s'",
-              "description": "Animation speed for the shimmer effect. Default: \"3s\"",
-              "attribute": "speed"
+              "default": "false",
+              "description": "Whether the menu is showing.",
+              "fieldName": "open"
             },
             {
-              "kind": "field",
-              "name": "width",
+              "name": "items",
               "type": {
-                "text": "string"
+                "text": "SlashMenuItem[]"
               },
-              "default": "'100%'",
-              "description": "Width of the skeleton element. Default: \"100%\"",
-              "attribute": "width"
+              "default": "[]",
+              "description": "The items to list. Already filtered — the menu displays what it is given.",
+              "fieldName": "items"
             },
             {
-              "kind": "field",
-              "name": "height",
+              "name": "query",
               "type": {
                 "text": "string"
               },
-              "default": "'20px'",
-              "description": "Height of the skeleton element. Default: \"20px\"",
-              "attribute": "height"
+              "default": "''",
+              "description": "The query the items were matched against, shown in the heading.",
+              "fieldName": "query"
             },
             {
-              "kind": "field",
-              "name": "radius",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "default": "'4px'",
-              "description": "Border radius of the skeleton element. Default: \"4px\"",
-              "attribute": "radius"
-            }
-          ],
-          "attributes": [
+              "default": "'Insert'",
+              "description": "The heading shown when there is no query.",
+              "fieldName": "heading"
+            },
             {
-              "name": "speed",
+              "name": "empty-text",
               "type": {
                 "text": "string"
               },
-              "default": "'3s'",
-              "description": "Animation speed for the shimmer effect. Default: \"3s\"",
-              "fieldName": "speed"
+              "default": "'No matches'",
+              "description": "Shown in place of the list when there are no items.",
+              "fieldName": "emptyText"
             },
             {
-              "name": "width",
+              "name": "max-items",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'100%'",
-              "description": "Width of the skeleton element. Default: \"100%\"",
-              "fieldName": "width"
+              "default": "25",
+              "description": "The most items to render at once. Remaining matches are reported in the footer.",
+              "fieldName": "maxItems"
             },
             {
-              "name": "height",
+              "name": "placement",
               "type": {
-                "text": "string"
+                "text": "Placement"
               },
-              "default": "'20px'",
-              "description": "Height of the skeleton element. Default: \"20px\"",
-              "fieldName": "height"
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the panel.",
+              "fieldName": "placement"
             },
             {
-              "name": "radius",
+              "name": "distance",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'4px'",
-              "description": "Border radius of the skeleton element. Default: \"4px\"",
-              "fieldName": "radius"
+              "default": "4",
+              "description": "The gap between the caret and the panel.",
+              "fieldName": "distance"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "Skeleton loaders provide visual placeholders while content is loading, improving perceived performance and user experience.",
-          "tagNameWithoutPrefix": "skeleton",
-          "tagName": "zn-skeleton",
+          "summary": "A keyboard-driven list of insertions, anchored to the caret of the field that opened it.",
+          "tagNameWithoutPrefix": "slash-menu",
+          "tagName": "zn-slash-menu",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Skeleton loaders provide visual placeholders while content is loading, improving perceived performance and user experience.\n * @documentation https://zinc.style/components/skeleton\n * @status experimental\n * @since 1.0\n *\n * @property {string} speed - Animation speed for the shimmer effect. Default: \"3s\"\n * @property {string} width - Width of the skeleton element. Default: \"100%\"\n * @property {string} height - Height of the skeleton element. Default: \"20px\"\n * @property {string} radius - Border radius of the skeleton element. Default: \"4px\"\n */",
-          "documentation": "https://zinc.style/components/skeleton",
+          "jsDoc": "/**\n * @summary A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n * @documentation https://zinc.style/components/slash-menu\n * @status experimental\n * @since 1.1\n *\n * @dependency zn-icon\n *\n * @event zn-slash-item-select - Emitted when an item is chosen. Does not cross shadow boundaries; the\n *  component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n *\n * @csspart panel - The floating panel that holds the list.\n * @csspart heading - The panel's heading.\n * @csspart item - An item in the list.\n * @csspart group-heading - A group heading between items.\n * @csspart footer - The truncation footer, shown when not every match fits.\n *\n * @cssproperty --slash-menu-width - The width of the panel.\n * @cssproperty --slash-menu-max-height - The maximum height of the panel before it scrolls.\n */",
+          "documentation": "https://zinc.style/components/slash-menu",
           "status": "experimental",
-          "since": "1.0"
+          "since": "1.1",
+          "dependencies": [
+            "zn-icon"
+          ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SLASH_ITEM_SELECT",
+          "declaration": {
+            "name": "SLASH_ITEM_SELECT",
+            "module": "components/slash-menu/slash-menu.js"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZnSkeleton",
-            "module": "components/skeleton/skeleton.js"
+            "name": "ZnSlashMenu",
+            "module": "components/slash-menu/slash-menu.js"
           }
         }
       ]
@@ -39882,6 +40900,10 @@
             {
               "description": "The internal `<textarea>` control.",
               "name": "textarea"
+            },
+            {
+              "description": "The slash menu shown at the caret.",
+              "name": "slash-menu"
             }
           ],
           "slots": [
@@ -39900,9 +40922,26 @@
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "`<zn-slash-item>` elements describing the insertions offered by the slash menu. Items are picked up wherever they sit inside the textarea, so this slot name is optional.",
+              "name": "slash-items"
+            },
+            {
+              "description": "A `<zn-slash-menu>` to use instead of the built-in one, so its heading, sizing and styling can be set in markup. Any `<zn-slash-item>` children of it become the menu's items.",
+              "name": "slash-menu"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-slash-item': ZnSlashItem, 'zn-slash-menu': ZnSlashMenu }"
+            },
             {
               "kind": "field",
               "name": "formControlController",
@@ -39934,6 +40973,13 @@
               "default": "false",
               "description": "Ensures we only attempt to derive the initial value from light DOM content once"
             },
+            {
+              "kind": "field",
+              "name": "slashController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new SlashMenuController(this, { menu: () => this.mountSlashMenu(), items: search => this.resolveSlashItems(search), trigger: () => this.slashTrigger, onSelect: (item, search) => !this.emit('zn-slash-select', { detail: {item, query: search} }).defaultPrevented, // The field's own input event has already synced `value` by this point onInsert: (item, value) => this.emit('zn-slash-insert', {detail: {item, value}}) })"
+            },
             {
               "kind": "field",
               "name": "formControl",
@@ -39948,6 +40994,13 @@
                 "text": "HTMLTextAreaElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "slashMenuElement",
+              "type": {
+                "text": "ZnSlashMenu | null"
+              }
+            },
             {
               "kind": "field",
               "name": "hasFocus",
@@ -39956,6 +41009,16 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "hasSlashMenu",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Renders the slash menu only once it has been needed, keeping unused textareas cheap."
+            },
             {
               "kind": "field",
               "name": "title",
@@ -40202,6 +41265,54 @@
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "attribute": "inputmode"
             },
+            {
+              "kind": "field",
+              "name": "slashItems",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu. Accepts a JSON array of items, or the shorthand\n`Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Can also be set as an array of\n`SlashMenuItem` objects in JavaScript.",
+              "attribute": "slash-items"
+            },
+            {
+              "kind": "field",
+              "name": "slashPreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "attribute": "slash-preset"
+            },
+            {
+              "kind": "field",
+              "name": "slashTrigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "attribute": "slash-trigger"
+            },
+            {
+              "kind": "field",
+              "name": "slashHeading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "attribute": "slash-heading"
+            },
+            {
+              "kind": "field",
+              "name": "slashItemsProvider",
+              "type": {
+                "text": "(query: string) => SlashMenuItem[] | Promise<SlashMenuItem[]> | undefined"
+              },
+              "description": "Resolves additional items each time the menu opens, for lists that come from elsewhere (e.g. an\nAPI). Receives the current query and may return a promise. JavaScript only."
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -40232,6 +41343,52 @@
               "description": "Gets the validation message",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "resolveSlashItems",
+              "return": {
+                "type": {
+                  "text": "Promise<SlashMenuItem[]>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "search",
+                  "default": "''"
+                }
+              ],
+              "description": "The insertions the slash menu offers, gathered from every source, in the order they were declared."
+            },
+            {
+              "kind": "method",
+              "name": "showSlashMenu",
+              "description": "Opens the slash menu at the caret, inserting the trigger if it isn't already there."
+            },
+            {
+              "kind": "method",
+              "name": "hideSlashMenu",
+              "description": "Closes the slash menu."
+            },
+            {
+              "kind": "method",
+              "name": "slottedSlashItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SlashMenuItem[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "mountSlashMenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<ZnSlashMenu | null>"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "handleBlur",
@@ -40452,6 +41609,14 @@
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "zn-invalid"
+            },
+            {
+              "description": "Emitted when a slash menu item is chosen. Cancelable — call `preventDefault()` to suppress the insertion and handle the item yourself.",
+              "name": "zn-slash-select"
+            },
+            {
+              "description": "Emitted after a slash menu item's value has been inserted.",
+              "name": "zn-slash-insert"
             }
           ],
           "attributes": [
@@ -40670,6 +41835,42 @@
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "fieldName": "inputmode"
             },
+            {
+              "name": "slash-items",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu. Accepts a JSON array of items, or the shorthand\n`Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Can also be set as an array of\n`SlashMenuItem` objects in JavaScript.",
+              "fieldName": "slashItems"
+            },
+            {
+              "name": "slash-preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "fieldName": "slashPreset"
+            },
+            {
+              "name": "slash-trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "fieldName": "slashTrigger"
+            },
+            {
+              "name": "slash-heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "fieldName": "slashHeading"
+            },
             {
               "name": "transparent",
               "type": {
@@ -40687,10 +41888,14 @@
           "tagNameWithoutPrefix": "textarea",
           "tagName": "zn-textarea",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @documentation https://zinc.style/components/textarea\n * @status stable\n * @since 2.0\n *\n * @slot label - The textareas label. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot context-note - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n */",
+          "jsDoc": "/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @documentation https://zinc.style/components/textarea\n * @status stable\n * @since 2.0\n *\n * @slot label - The textareas label. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot context-note - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot slash-items - `<zn-slash-item>` elements describing the insertions offered by the slash menu. Items are\n *  picked up wherever they sit inside the textarea, so this slot name is optional.\n * @slot slash-menu - A `<zn-slash-menu>` to use instead of the built-in one, so its heading, sizing and styling can\n *  be set in markup. Any `<zn-slash-item>` children of it become the menu's items.\n *\n * @dependency zn-slash-item\n * @dependency zn-slash-menu\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @event zn-slash-select - Emitted when a slash menu item is chosen. Cancelable — call `preventDefault()` to\n *  suppress the insertion and handle the item yourself.\n * @event zn-slash-insert - Emitted after a slash menu item's value has been inserted.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n * @csspart slash-menu - The slash menu shown at the caret.\n */",
           "documentation": "https://zinc.style/components/textarea",
           "status": "stable",
-          "since": "2.0"
+          "since": "2.0",
+          "dependencies": [
+            "zn-slash-item",
+            "zn-slash-menu"
+          ]
         }
       ],
       "exports": [
@@ -43894,6 +45099,54 @@
               },
               "attribute": "textarea-rows"
             },
+            {
+              "kind": "field",
+              "name": "slashItems",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu on `text` and `textarea` inputs. Accepts a JSON array of items, or\nthe shorthand `Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Every language shares the list.",
+              "attribute": "slash-items"
+            },
+            {
+              "kind": "field",
+              "name": "slashPreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "attribute": "slash-preset"
+            },
+            {
+              "kind": "field",
+              "name": "slashTrigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "attribute": "slash-trigger"
+            },
+            {
+              "kind": "field",
+              "name": "slashHeading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "attribute": "slash-heading"
+            },
+            {
+              "kind": "field",
+              "name": "slashItemsProvider",
+              "type": {
+                "text": "(query: string) => SlashMenuItem[] | Promise<SlashMenuItem[]> | undefined"
+              },
+              "description": "Resolves additional slash menu items each time the menu opens. JavaScript only."
+            },
             {
               "kind": "field",
               "name": "grouped",
@@ -44166,6 +45419,42 @@
               },
               "fieldName": "textareaRows"
             },
+            {
+              "name": "slash-items",
+              "type": {
+                "text": "SlashMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Quick insertions offered by the slash menu on `text` and `textarea` inputs. Accepts a JSON array of items, or\nthe shorthand `Brand name={{BRAND_NAME}}, Support email={{SUPPORT_EMAIL}}`. Every language shares the list.",
+              "fieldName": "slashItems"
+            },
+            {
+              "name": "slash-preset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "fieldName": "slashPreset"
+            },
+            {
+              "name": "slash-trigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "fieldName": "slashTrigger"
+            },
+            {
+              "name": "slash-heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The heading shown above the slash menu's items.",
+              "fieldName": "slashHeading"
+            },
             {
               "name": "grouped",
               "type": {
@@ -44468,7 +45757,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.79",
+    "version": "1.1.81",
     "author": "",
     "license": "MIT"
   }