npm - @kubex/zinc - Versions diffs - 1.1.155 → 1.1.157 - Mend

@kubex/zinc 1.1.155 → 1.1.157

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/custom-elements.json +1000 -975
package/dist/vscode.html-custom-data.json +60 -60
package/dist/web-types.json +137 -137
package/dist/zn.d.ts +8 -0
package/dist/zn.min.js +27 -23
package/docs/pages/components/select.md +16 -0
package/package.json +1 -1
package/src/components/button/button.component.ts +10 -6
package/src/components/button/button.scss +10 -2
package/src/components/inline-edit/inline-edit.component.ts +2 -2
package/src/components/inline-edit/inline-edit.scss +11 -1
package/src/components/inline-edit/inline-edit.test.ts +24 -0
package/src/components/reveal/reveal.component.ts +14 -0
package/src/components/reveal/reveal.scss +10 -1
package/src/components/reveal/reveal.test.ts +36 -0
package/src/components/select/select.component.ts +21 -2
package/src/components/select/select.scss +3 -2
package/src/components/select/select.test.ts +59 -0

package/dist/custom-elements.json CHANGED Viewed

@@ -56,6 +56,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/action-bar/action-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnActionBar",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "action-bar",
+          "tagName": "zn-action-bar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/action-bar",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnActionBar",
+            "module": "components/action-bar/action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -250,79 +323,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/action-bar/action-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnActionBar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "action-bar",
-          "tagName": "zn-action-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://zinc.style/components/action-bar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnActionBar",
-            "module": "components/action-bar/action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/animated-button/animated-button.js",
@@ -38273,6 +38273,16 @@
               "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
               "attribute": "no-toggle"
             },
+            {
+              "kind": "field",
+              "name": "_isMasked",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Nothing is hidden when the revealed value is what's already on show, so there is nothing to reveal.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_isRevealed",
@@ -40920,6 +40930,21 @@
               "privacy": "private",
               "description": "Filters visible options based on the current search query"
             },
+            {
+              "kind": "method",
+              "name": "updateEmptyState",
+              "privacy": "private",
+              "description": "Nothing for the user to pick: either the option list is empty or every option is filtered out.\nThe search paths track this themselves, so this covers opening a dropdown with no query."
+            },
+            {
+              "kind": "field",
+              "name": "emptyStateText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "clearSearch",
@@ -51742,86 +51767,42 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/translation-group/translation-group.js",
+      "path": "components/translations/translations.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnTranslationGroup",
+          "name": "ZnTranslations",
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "description": "The form control that wraps the label, the language select, the field and the help text.",
+              "name": "form-control"
             },
             {
-              "description": "The form group holding the caption, the language select and the fields.",
-              "name": "form-group"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The row of buttons at the bottom of the body.",
-              "name": "actions"
+              "description": "The wrapper around the field being edited.",
+              "name": "form-control-input"
             },
             {
-              "description": "The select that chooses the language every child is editing, in the group's chip slot.",
-              "name": "language-field"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "description": "The select itself.",
+              "description": "The select that chooses the language being edited.",
               "name": "language-select"
-            },
-            {
-              "description": "The header region, when a caption or actions are given.",
-              "name": "header",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            },
-            {
-              "description": "The padded row inside the header, forwarded from zn-header.",
-              "name": "header-content",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            },
-            {
-              "description": "The footer region, when the footer slot is filled.",
-              "name": "footer",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
             }
           ],
           "slots": [
             {
-              "description": "The `zn-translations` fields the select drives.",
-              "name": "",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            },
-            {
-              "description": "Buttons for the bottom of the panel, on the white body rather than the grey footer. They sit on the right, as zinc's form action rows do; `align=\"start\"` moves one to the left. Write them in the order they should be read — the sides are set by CSS ordering, so markup order is what a keyboard follows.",
-              "name": "actions",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "description": "The field's label. Alternatively, use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "Content displayed in the grey panel footer.",
-              "name": "footer",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "description": "Text describing how to fill the field in, shown below it and shared by every language. Alternatively, use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
@@ -51832,14 +51813,44 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'zn-chip': ZnChip, 'zn-form-group': ZnFormGroup, 'zn-option': ZnOption, 'zn-select': ZnSelect }"
+              "default": "{ 'zn-chip': ZnChip, 'zn-inline-edit': ZnInlineEdit, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-remarkd-editor': ZnRemarkdEditor, 'zn-select': ZnSelect, 'zn-textarea': ZnTextarea }"
             },
             {
               "kind": "field",
-              "name": "_slotController",
+              "name": "formControlController",
+              "type": {
+                "text": "FormControlController"
+              },
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'actions', 'footer')"
+              "default": "new FormControlController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'label', 'help-text')"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name submitted with the form.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{\"en\":\"\"}'",
+              "description": "The translations as a JSON object keyed by language code. The mirror of `values` in attribute form.",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -51848,7 +51859,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The form group's label. An alias for the inherited `caption`, which wins where both are set.",
+              "description": "The label shown above the field. If you need HTML, use the `label` slot instead.",
               "attribute": "label"
             },
             {
@@ -51858,1017 +51869,905 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Sits under the label, above the language select, as help text does in any other form group.",
+              "description": "Text shown below the field, describing how to fill it in. Applies to every language. If you need HTML, use the\n`help-text` slot instead.",
               "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Drops the panel chrome — border, background and padding — so the group reads as a section of the surrounding form\nrather than a panel of its own. For groups nested inside another panel, where the fields would otherwise sit\nindented behind a second border.",
-              "attribute": "inline",
+              "description": "Disables editing in every language.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "languageLabel",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Edit Languages'",
-              "description": "The select's accessible name. Not shown — the caption is what names the section on screen — but read out by a\nscreen reader, which has nothing else to go on once the visible label is gone.",
-              "attribute": "language-label"
+              "default": "false",
+              "description": "Marks the label required. Validity is not enforced per language.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "languages",
+              "name": "flush",
               "type": {
-                "text": "Record<string, string>"
+                "text": "boolean"
               },
-              "default": "{ 'en': 'EN' }",
-              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to. Set on every\nchild, so they do not need their own copy.",
-              "attribute": "languages"
+              "default": "false",
+              "description": "Removes the component's own padding.",
+              "attribute": "flush",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_activeLanguage",
+              "name": "inputType",
               "type": {
-                "text": "string"
+                "text": "'text' | 'number' | 'textarea' | 'remarkd'"
               },
-              "privacy": "private",
-              "default": "'en'",
-              "description": "The language every child is currently editing."
+              "default": "'text'",
+              "description": "The control each translation is edited through.",
+              "attribute": "input-type"
             },
             {
               "kind": "field",
-              "name": "_form",
+              "name": "textareaRows",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "description": "Rows of the textarea, when `input-type` is `textarea`.",
+              "attribute": "textarea-rows"
             },
             {
-              "kind": "method",
-              "name": "getAllTranslations",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "ZnTranslations[]"
-                }
+              "kind": "field",
+              "name": "allowRaw",
+              "type": {
+                "text": "boolean"
               },
-              "description": "The children the select drives. Read live rather than cached, so markup added later is picked up."
-            },
-            {
-              "kind": "method",
-              "name": "syncChildren",
-              "privacy": "private",
-              "description": "Sync grouped state, languages, and active language to all children."
+              "default": "false",
+              "description": "Allows raw HTML blocks, when `input-type` is `remarkd`.",
+              "attribute": "allow-raw"
             },
             {
-              "kind": "method",
-              "name": "languageState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ type: 'success' | 'warning' | 'error'; label: string }"
-                }
+              "kind": "field",
+              "name": "attachmentUrl",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "language",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "A language is translated once every child carries a value for it, partial while only some do. The chips and the\ncount are read off the children, so a child's edit has to bring the group back round."
+              "default": "''",
+              "description": "Where the remarkd editor uploads images, when `input-type` is `remarkd`.",
+              "attribute": "attachment-url"
             },
             {
-              "kind": "method",
-              "name": "displayName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "includeUrl",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "language",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "The configured name, or the code where `languages` does not name the language."
-            },
-            {
-              "kind": "method",
-              "name": "syncChildLanguages",
-              "privacy": "private",
-              "description": "Children take their language list from the group, so a change to `languages` has to reach them."
+              "default": "''",
+              "description": "Where the remarkd editor lists embeddable includes, when `input-type` is `remarkd`.",
+              "attribute": "include-url"
             },
             {
               "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "switchLanguage",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "lang",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Moves every child onto `lang` and announces it. Does not touch their values."
+              "name": "linkUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Where the remarkd editor searches link targets, when `input-type` is `remarkd`.",
+              "attribute": "link-url"
             },
             {
               "kind": "field",
-              "name": "handleLanguageSelect",
-              "privacy": "private",
-              "description": "The select's own change and input events describe the language being browsed, not a translation being edited, so\nthey are stopped rather than allowed to reach a consumer listening for a child's value change."
+              "name": "inlineEdit",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Edits the translation through a `zn-inline-edit` — the value reads as text until it is clicked — rather than a\nplain input or textarea.",
+              "attribute": "inline-edit",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "handleLanguageInput",
-              "privacy": "private"
+              "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": "handleChildChange",
-              "privacy": "private",
-              "description": "A child's edit changes which chips the select shows, and the translated count above it."
+              "name": "slashPreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
+              "attribute": "slash-preset"
             },
             {
               "kind": "field",
-              "name": "handleFormReset",
-              "privacy": "private",
-              "description": "The children restore their own values on the form's reset event without announcing it, and the chips and the\ncount are read off them — so re-read once every listener on that event has run."
+              "name": "slashTrigger",
+              "type": {
+                "text": "string"
+              },
+              "default": "'/'",
+              "description": "The characters that open the slash menu.",
+              "attribute": "slash-trigger"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, '[default]', 'actions', 'footer')",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "name": "slashHeading",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Insert'",
+              "description": "The name the slash menu's list is announced by.",
+              "attribute": "slash-heading"
             },
             {
               "kind": "field",
-              "name": "basis",
+              "name": "slashHideKeys",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "basis-px",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "false",
+              "description": "Hides the insertion keys normally shown against the slash menu's items.",
+              "attribute": "slash-hide-keys"
             },
             {
               "kind": "field",
-              "name": "caption",
+              "name": "slashRecentKey",
               "type": {
                 "text": "string"
               },
-              "attribute": "caption",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "''",
+              "description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
+              "attribute": "slash-recent-key"
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "slashItemsProvider",
               "type": {
-                "text": "string"
+                "text": "(query: string) => SlashMenuItem[] | Promise<SlashMenuItem[]> | undefined"
               },
-              "attribute": "icon",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "description": "Resolves additional slash menu items each time the menu opens. JavaScript only."
             },
             {
               "kind": "field",
-              "name": "tabbed",
+              "name": "grouped",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "tabbed",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "headerBorderless",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "header-borderless",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "false",
+              "description": "Hides this component's own language select and defers the choice to a parent zn-translation-group. The group sets\nthis on its children itself.",
+              "attribute": "grouped",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "cosmic",
+              "name": "languages",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string>"
               },
-              "attribute": "cosmic",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "{ 'en': 'EN' }",
+              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to.",
+              "attribute": "languages"
             },
             {
               "kind": "field",
-              "name": "flush",
+              "name": "values",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string>"
               },
-              "attribute": "flush",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "{}",
+              "description": "The translations as an object keyed by language code. The mirror of `value` in property form.",
+              "attribute": "values"
             },
             {
               "kind": "field",
-              "name": "flushX",
+              "name": "defaultValue",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "attribute": "flush-x",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "default": "'{\"en\":\"\"}'",
+              "description": "The serialized translations a form reset restores. Taken from the `value` attribute where there is one."
             },
             {
               "kind": "field",
-              "name": "flushY",
+              "name": "_activeLanguage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "attribute": "flush-y",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "privacy": "private",
+              "default": "'en'"
             },
             {
               "kind": "field",
-              "name": "flushFooter",
+              "name": "validity",
               "type": {
-                "text": "boolean"
+                "text": "ValidityState"
               },
-              "attribute": "flush-footer",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "transparent",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "transparent",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "name": "validationMessage",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "shadow",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "shadow",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "kind": "method",
+              "name": "checkValidity"
             },
             {
-              "kind": "field",
-              "name": "bodyEmpty",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "kind": "method",
+              "name": "getForm"
             },
             {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "kind": "method",
+              "name": "reportValidity"
             },
             {
               "kind": "method",
-              "name": "observeBodyContent",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
+              "name": "setCustomValidity"
             },
             {
               "kind": "method",
-              "name": "measureBodyContent",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "components/panel/panel.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the active language changes. Detail: `{ language: string }`.",
-              "name": "zn-language-change"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The form group's label. An alias for the inherited `caption`, which wins where both are set.",
-              "fieldName": "label"
+              "name": "setActiveLanguage",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "language",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the active language externally. Used by zn-translation-group. Browsing to a language does not create a key\nfor it — an untouched language stays absent from `values` so it is not submitted as an empty translation."
             },
             {
-              "name": "help-text",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getActiveLanguage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "default": "''",
-              "description": "Sits under the label, above the language select, as help text does in any other form group.",
-              "fieldName": "helpText"
+              "description": "Returns the currently active language."
             },
             {
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Drops the panel chrome — border, background and padding — so the group reads as a section of the surrounding form\nrather than a panel of its own. For groups nested inside another panel, where the fields would otherwise sit\nindented behind a second border.",
-              "fieldName": "inline"
+              "kind": "method",
+              "name": "addLanguageKey",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "languageCode",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Adds a language key to this component's values if not already present. Used by zn-translation-group."
             },
             {
-              "name": "language-label",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getValueLanguages",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
               },
-              "default": "'Edit Languages'",
-              "description": "The select's accessible name. Not shown — the caption is what names the section on screen — but read out by a\nscreen reader, which has nothing else to go on once the visible label is gone.",
-              "fieldName": "languageLabel"
+              "description": "Returns all language codes that have values."
             },
             {
-              "name": "languages",
-              "type": {
-                "text": "Record<string, string>"
+              "kind": "method",
+              "name": "hasTranslation",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "{ 'en': 'EN' }",
-              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to. Set on every\nchild, so they do not need their own copy.",
-              "fieldName": "languages"
+              "parameters": [
+                {
+                  "name": "language",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Whether the language carries a translation of its own, rather than falling back to English."
             },
             {
-              "name": "basis-px",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "languageState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{ type: 'success' | 'error'; label: string }"
+                }
               },
-              "fieldName": "basis",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "parameters": [
+                {
+                  "name": "language",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "The chip shown against a language, in the select's value and against each of its options."
             },
             {
-              "name": "caption",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "languageLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "fieldName": "caption",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "parameters": [
+                {
+                  "name": "language",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "The configured name, or the code where `languages` does not name the language."
             },
             {
-              "name": "icon",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "pendingValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Record<string, string>"
+                }
               },
-              "fieldName": "icon",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "description": "`values`, falling back to the `value` attribute it is built from while that is still pending. A parent\nzn-translation-group syncs its children from its own first update, which runs before theirs, so reading\n`values` alone would see it empty and overwrite the value the server rendered."
             },
             {
-              "name": "tabbed",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "tabbed",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "handleLanguageSelect",
+              "privacy": "private",
+              "description": "The select's own change and input events are stopped here: they describe the language being browsed, not the\ntranslation being edited, and a consumer listening on zn-translations reads either as a value change."
             },
             {
-              "name": "header-borderless",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "headerBorderless",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "handleLanguageInput",
+              "privacy": "private"
             },
             {
-              "name": "cosmic",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "cosmic",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "switchLanguage",
+              "privacy": "private",
+              "description": "The language shown in the field, without touching `values`."
             },
             {
-              "name": "flush",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "flush",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "handleValueUpdate",
+              "privacy": "private"
             },
             {
-              "name": "flush-x",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "flushX",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "method",
+              "name": "updateValue",
+              "privacy": "private"
             },
             {
-              "name": "flush-y",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "flushY",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
             },
             {
-              "name": "flush-footer",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "flushFooter",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "field",
+              "name": "handleSubmit",
+              "privacy": "private"
             },
             {
-              "name": "transparent",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "transparent",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
+              "kind": "method",
+              "name": "renderField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "placeholder",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isRTL",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "The control the active language's translation is edited through."
             },
             {
-              "name": "shadow",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isRTLLanguage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "fieldName": "shadow",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "ZnPanel",
-            "module": "/src/components/panel/panel.component"
-          },
-          "summary": "Puts several zn-translations fields behind one language select, so a whole form's worth of copy is\ntranslated a language at a time.",
-          "tagNameWithoutPrefix": "translation-group",
-          "tagName": "zn-translation-group",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Puts several zn-translations fields behind one language select, so a whole form's worth of copy is\n *  translated a language at a time.\n * @documentation https://zinc.style/components/translation-group\n * @status experimental\n * @since 1.0\n *\n * The fields sit in a `zn-form-group`, so the caption, help text and the language select share its label column and\n * the fields line up with every other form group around them. Choosing a language switches every child at once, and\n * each child hides its own select while it is in a group — `grouped` is set on them here.\n *\n * The select is searchable. Each option holds its language code as its value, so typing `de` finds German without the\n * code being on show.\n *\n * Closed, the select carries how many target languages are done — `1/5`. Its options each carry a chip aggregated\n * across the children:\n *\n * - `Translated` — every child has a value for it\n * - `Partial` — only some children do\n * - `English` — none do, so all of them fall back to the English text\n *\n * `Empty` replaces the last of those for English itself, which has nothing to fall back to. English counts towards\n * the `n of m` beside the label like any other language.\n *\n * The children own their values; this component only chooses which language is shown and reports on what they hold.\n * It reads them back on every child `zn-change`, so the chips and the count follow an edit as it is typed.\n *\n * Extends `zn-panel`, so `caption`, `flush`, `transparent` and the `footer` slot behave as they do there. Nested\n * inside another panel, add `inline` to drop the chrome and keep the fields aligned with the surrounding form.\n *\n * @dependency zn-chip\n * @dependency zn-form-group\n * @dependency zn-option\n * @dependency zn-select\n *\n * @event zn-language-change - Emitted when the active language changes. Detail: `{ language: string }`.\n *\n * @slot - The `zn-translations` fields the select drives.\n * @slot actions - Buttons for the bottom of the panel, on the white body rather than the grey footer. They sit on\n *  the right, as zinc's form action rows do; `align=\"start\"` moves one to the left. Write them in the order they\n *  should be read — the sides are set by CSS ordering, so markup order is what a keyboard follows.\n * @slot footer - Content displayed in the grey panel footer.\n *\n * @csspart base - The component's base wrapper.\n * @csspart form-group - The form group holding the caption, the language select and the fields.\n * @csspart actions - The row of buttons at the bottom of the body.\n * @csspart language-field - The select that chooses the language every child is editing, in the group's chip slot.\n * @csspart language-select - The select itself.\n */",
-          "documentation": "https://zinc.style/components/translation-group",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-chip",
-            "zn-form-group",
-            "zn-option",
-            "zn-select"
-          ],
-          "cssProperties": [
-            {
-              "description": "The flex-basis of the panel. Can be set using the basis-px attribute.",
-              "name": "--zn-panel-basis",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            },
-            {
-              "description": "Padding around the header row. Defaults to `--zn-base-gap`.",
-              "name": "--zn-panel-header-padding",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            },
-            {
-              "description": "Padding around the footer row.",
-              "name": "--zn-panel-footer-padding",
-              "inheritedFrom": {
-                "name": "ZnPanel",
-                "module": "src/components/panel/panel.component.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnTranslationGroup",
-            "module": "components/translation-group/translation-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/translations/translations.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnTranslations",
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, the language select, the field and the help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The wrapper around the field being edited.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "description": "The select that chooses the language being edited.",
-              "name": "language-select"
+              "parameters": [
+                {
+                  "name": "languageCode",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Arabic and Hebrew read right to left, so the field's `dir` follows the language being edited."
             }
           ],
-          "slots": [
+          "events": [
             {
-              "description": "The field's label. Alternatively, use the `label` attribute.",
-              "name": "label"
+              "description": "Emitted when a translation's value changes.",
+              "name": "zn-change"
             },
             {
-              "description": "Text describing how to fill the field in, shown below it and shared by every language. Alternatively, use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "Emitted when a translation receives input.",
+              "name": "zn-input"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'zn-chip': ZnChip, 'zn-inline-edit': ZnInlineEdit, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-remarkd-editor': ZnRemarkdEditor, 'zn-select': ZnSelect, 'zn-textarea': ZnTextarea }"
-            },
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "type": {
-                "text": "FormControlController"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'label', 'help-text')"
-            },
+          "attributes": [
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The name submitted with the form.",
-              "attribute": "name"
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "'{\"en\":\"\"}'",
               "description": "The translations as a JSON object keyed by language code. The mirror of `values` in attribute form.",
-              "attribute": "value"
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The label shown above the field. If you need HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "helpText",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Text shown below the field, describing how to fill it in. Applies to every language. If you need HTML, use the\n`help-text` slot instead.",
-              "attribute": "help-text"
+              "fieldName": "helpText"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables editing in every language.",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Marks the label required. Validity is not enforced per language.",
-              "attribute": "required",
-              "reflects": true
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "flush",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Removes the component's own padding.",
-              "attribute": "flush",
-              "reflects": true
+              "fieldName": "flush"
             },
             {
-              "kind": "field",
-              "name": "inputType",
+              "name": "input-type",
               "type": {
                 "text": "'text' | 'number' | 'textarea' | 'remarkd'"
               },
               "default": "'text'",
               "description": "The control each translation is edited through.",
-              "attribute": "input-type"
+              "fieldName": "inputType"
             },
             {
-              "kind": "field",
-              "name": "textareaRows",
+              "name": "textarea-rows",
               "type": {
                 "text": "number | undefined"
               },
               "description": "Rows of the textarea, when `input-type` is `textarea`.",
-              "attribute": "textarea-rows"
+              "fieldName": "textareaRows"
             },
             {
-              "kind": "field",
-              "name": "allowRaw",
+              "name": "allow-raw",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Allows raw HTML blocks, when `input-type` is `remarkd`.",
-              "attribute": "allow-raw"
+              "fieldName": "allowRaw"
             },
             {
-              "kind": "field",
-              "name": "attachmentUrl",
+              "name": "attachment-url",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Where the remarkd editor uploads images, when `input-type` is `remarkd`.",
-              "attribute": "attachment-url"
+              "fieldName": "attachmentUrl"
             },
             {
-              "kind": "field",
-              "name": "includeUrl",
+              "name": "include-url",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Where the remarkd editor lists embeddable includes, when `input-type` is `remarkd`.",
-              "attribute": "include-url"
+              "fieldName": "includeUrl"
             },
             {
-              "kind": "field",
-              "name": "linkUrl",
+              "name": "link-url",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Where the remarkd editor searches link targets, when `input-type` is `remarkd`.",
-              "attribute": "link-url"
+              "fieldName": "linkUrl"
             },
             {
-              "kind": "field",
-              "name": "inlineEdit",
+              "name": "inline-edit",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Edits the translation through a `zn-inline-edit` — the value reads as text until it is clicked — rather than a\nplain input or textarea.",
-              "attribute": "inline-edit",
-              "reflects": true
+              "fieldName": "inlineEdit"
             },
             {
-              "kind": "field",
-              "name": "slashItems",
+              "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.",
-              "attribute": "slash-items"
+              "fieldName": "slashItems"
             },
             {
-              "kind": "field",
-              "name": "slashPreset",
+              "name": "slash-preset",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
-              "attribute": "slash-preset"
+              "fieldName": "slashPreset"
             },
             {
-              "kind": "field",
-              "name": "slashTrigger",
+              "name": "slash-trigger",
               "type": {
                 "text": "string"
               },
               "default": "'/'",
               "description": "The characters that open the slash menu.",
-              "attribute": "slash-trigger"
+              "fieldName": "slashTrigger"
             },
             {
-              "kind": "field",
-              "name": "slashHeading",
+              "name": "slash-heading",
               "type": {
                 "text": "string"
               },
               "default": "'Insert'",
               "description": "The name the slash menu's list is announced by.",
-              "attribute": "slash-heading"
+              "fieldName": "slashHeading"
             },
             {
-              "kind": "field",
-              "name": "slashHideKeys",
+              "name": "slash-hide-keys",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Hides the insertion keys normally shown against the slash menu's items.",
-              "attribute": "slash-hide-keys"
+              "fieldName": "slashHideKeys"
             },
             {
-              "kind": "field",
-              "name": "slashRecentKey",
+              "name": "slash-recent-key",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
-              "attribute": "slash-recent-key"
-            },
-            {
-              "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."
+              "fieldName": "slashRecentKey"
             },
             {
-              "kind": "field",
               "name": "grouped",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Hides this component's own language select and defers the choice to a parent zn-translation-group. The group sets\nthis on its children itself.",
-              "attribute": "grouped",
-              "reflects": true
+              "fieldName": "grouped"
             },
             {
-              "kind": "field",
               "name": "languages",
               "type": {
                 "text": "Record<string, string>"
               },
               "default": "{ 'en': 'EN' }",
               "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to.",
-              "attribute": "languages"
+              "fieldName": "languages"
             },
             {
-              "kind": "field",
               "name": "values",
               "type": {
                 "text": "Record<string, string>"
               },
               "default": "{}",
               "description": "The translations as an object keyed by language code. The mirror of `value` in property form.",
-              "attribute": "values"
+              "fieldName": "values"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Collects one piece of text in several languages, one language at a time.",
+          "tagNameWithoutPrefix": "translations",
+          "tagName": "zn-translations",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Collects one piece of text in several languages, one language at a time.\n * @documentation https://zinc.style/components/translations\n * @status experimental\n * @since 1.0\n *\n * A select above the field chooses the language being edited. Closed, it carries how many languages are translated —\n * `1/5`; open, every language it offers carries a chip saying whether it has a translation of its own or falls back\n * to English. Blank languages fall back to English at render\n * time, so a blank field shows the English text as its placeholder rather than looking empty.\n *\n * The value submitted is a JSON object keyed by language code. A language stays out of it until it is typed into, so\n * browsing the languages does not pad the payload with empty translations.\n *\n * Put several of these in a `zn-translation-group` to have one select drive all of them.\n *\n * @dependency zn-chip\n * @dependency zn-inline-edit\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n * @dependency zn-textarea\n *\n * @slot label - The field's label. Alternatively, use the `label` attribute.\n * @slot help-text - Text describing how to fill the field in, shown below it and shared by every language.\n *  Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when a translation's value changes.\n * @event zn-input - Emitted when a translation receives input.\n *\n * @csspart form-control - The form control that wraps the label, the language select, the field and the help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The wrapper around the field being edited.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart language-select - The select that chooses the language being edited.\n */",
+          "documentation": "https://zinc.style/components/translations",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-chip",
+            "zn-inline-edit",
+            "zn-input",
+            "zn-option",
+            "zn-select",
+            "zn-textarea"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnTranslations",
+            "module": "components/translations/translations.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/translation-group/translation-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnTranslationGroup",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "The form group holding the caption, the language select and the fields.",
+              "name": "form-group"
+            },
+            {
+              "description": "The row of buttons at the bottom of the body.",
+              "name": "actions"
+            },
+            {
+              "description": "The select that chooses the language every child is editing, in the group's chip slot.",
+              "name": "language-field"
+            },
+            {
+              "description": "The select itself.",
+              "name": "language-select"
+            },
+            {
+              "description": "The header region, when a caption or actions are given.",
+              "name": "header",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "The padded row inside the header, forwarded from zn-header.",
+              "name": "header-content",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "The footer region, when the footer slot is filled.",
+              "name": "footer",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "description": "The `zn-translations` fields the select drives.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "Buttons for the bottom of the panel, on the white body rather than the grey footer. They sit on the right, as zinc's form action rows do; `align=\"start\"` moves one to the left. Write them in the order they should be read — the sides are set by CSS ordering, so markup order is what a keyboard follows.",
+              "name": "actions",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
+            {
+              "description": "Content displayed in the grey panel footer.",
+              "name": "footer",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "dependencies",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "default": "'{\"en\":\"\"}'",
-              "description": "The serialized translations a form reset restores. Taken from the `value` attribute where there is one."
+              "static": true,
+              "default": "{ 'zn-chip': ZnChip, 'zn-form-group': ZnFormGroup, 'zn-option': ZnOption, 'zn-select': ZnSelect }"
             },
             {
               "kind": "field",
-              "name": "_activeLanguage",
-              "type": {
-                "text": "string"
-              },
+              "name": "_slotController",
               "privacy": "private",
-              "default": "'en'"
+              "readonly": true,
+              "default": "new HasSlotController(this, 'actions', 'footer')"
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "label",
               "type": {
-                "text": "ValidityState"
+                "text": "string"
               },
-              "readonly": true
+              "default": "''",
+              "description": "The form group's label. An alias for the inherited `caption`, which wins where both are set.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "readonly": true
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Sits under the label, above the language select, as help text does in any other form group.",
+              "attribute": "help-text"
             },
             {
-              "kind": "method",
-              "name": "checkValidity"
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Drops the panel chrome — border, background and padding — so the group reads as a section of the surrounding form\nrather than a panel of its own. For groups nested inside another panel, where the fields would otherwise sit\nindented behind a second border.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "getForm"
+              "kind": "field",
+              "name": "languageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Edit Languages'",
+              "description": "The select's accessible name. Not shown — the caption is what names the section on screen — but read out by a\nscreen reader, which has nothing else to go on once the visible label is gone.",
+              "attribute": "language-label"
             },
             {
-              "kind": "method",
-              "name": "reportValidity"
+              "kind": "field",
+              "name": "languages",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{ 'en': 'EN' }",
+              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to. Set on every\nchild, so they do not need their own copy.",
+              "attribute": "languages"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity"
+              "kind": "field",
+              "name": "_activeLanguage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'en'",
+              "description": "The language every child is currently editing."
             },
             {
-              "kind": "method",
-              "name": "setActiveLanguage",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "language",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the active language externally. Used by zn-translation-group. Browsing to a language does not create a key\nfor it — an untouched language stays absent from `values` so it is not submitted as an empty translation."
+              "kind": "field",
+              "name": "_form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "getActiveLanguage",
-              "privacy": "public",
+              "name": "getAllTranslations",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "ZnTranslations[]"
                 }
               },
-              "description": "Returns the currently active language."
-            },
-            {
-              "kind": "method",
-              "name": "addLanguageKey",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "languageCode",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Adds a language key to this component's values if not already present. Used by zn-translation-group."
+              "description": "The children the select drives. Read live rather than cached, so markup added later is picked up."
             },
             {
               "kind": "method",
-              "name": "getValueLanguages",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "string[]"
-                }
-              },
-              "description": "Returns all language codes that have values."
+              "name": "syncChildren",
+              "privacy": "private",
+              "description": "Sync grouped state, languages, and active language to all children."
             },
             {
               "kind": "method",
-              "name": "hasTranslation",
-              "privacy": "public",
+              "name": "languageState",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "{ type: 'success' | 'warning' | 'error'; label: string }"
                 }
               },
               "parameters": [
@@ -52879,15 +52778,15 @@
                   }
                 }
               ],
-              "description": "Whether the language carries a translation of its own, rather than falling back to English."
+              "description": "A language is translated once every child carries a value for it, partial while only some do. The chips and the\ncount are read off the children, so a child's edit has to bring the group back round."
             },
             {
               "kind": "method",
-              "name": "languageState",
+              "name": "displayName",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{ type: 'success' | 'error'; label: string }"
+                  "text": "string"
                 }
               },
               "parameters": [
@@ -52898,43 +52797,38 @@
                   }
                 }
               ],
-              "description": "The chip shown against a language, in the select's value and against each of its options."
+              "description": "The configured name, or the code where `languages` does not name the language."
+            },
+            {
+              "kind": "method",
+              "name": "syncChildLanguages",
+              "privacy": "private",
+              "description": "Children take their language list from the group, so a change to `languages` has to reach them."
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "languageLabel",
+              "name": "switchLanguage",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
               "parameters": [
                 {
-                  "name": "language",
+                  "name": "lang",
                   "type": {
                     "text": "string"
                   }
                 }
               ],
-              "description": "The configured name, or the code where `languages` does not name the language."
-            },
-            {
-              "kind": "method",
-              "name": "pendingValues",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Record<string, string>"
-                }
-              },
-              "description": "`values`, falling back to the `value` attribute it is built from while that is still pending. A parent\nzn-translation-group syncs its children from its own first update, which runs before theirs, so reading\n`values` alone would see it empty and overwrite the value the server rendered."
+              "description": "Moves every child onto `lang` and announces it. Does not touch their values."
             },
             {
               "kind": "field",
               "name": "handleLanguageSelect",
               "privacy": "private",
-              "description": "The select's own change and input events are stopped here: they describe the language being browsed, not the\ntranslation being edited, and a consumer listening on zn-translations reads either as a value change."
+              "description": "The select's own change and input events describe the language being browsed, not a translation being edited, so\nthey are stopped rather than allowed to reach a consumer listening for a child's value change."
             },
             {
               "kind": "field",
@@ -52943,313 +52837,444 @@
             },
             {
               "kind": "field",
-              "name": "switchLanguage",
+              "name": "handleChildChange",
               "privacy": "private",
-              "description": "The language shown in the field, without touching `values`."
+              "description": "A child's edit changes which chips the select shows, and the translated count above it."
             },
             {
               "kind": "field",
-              "name": "handleValueUpdate",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "updateValue",
-              "privacy": "private"
+              "name": "handleFormReset",
+              "privacy": "private",
+              "description": "The children restore their own values on the form's reset event without announcing it, and the chips and the\ncount are read off them — so re-read once every listener on that event has run."
             },
             {
               "kind": "field",
-              "name": "handleKeyDown",
-              "privacy": "private"
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'actions', 'footer')",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
               "kind": "field",
-              "name": "handleSubmit",
-              "privacy": "private"
+              "name": "basis",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "basis-px",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "renderField",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "placeholder",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isRTL",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "The control the active language's translation is edited through."
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "caption",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "isRTLLanguage",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "languageCode",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Arabic and Hebrew read right to left, so the field's `dir` follows the language being edited."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when a translation's value changes.",
-              "name": "zn-change"
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "description": "Emitted when a translation receives input.",
-              "name": "zn-input"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
+              "kind": "field",
+              "name": "tabbed",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The name submitted with the form.",
-              "fieldName": "name"
+              "attribute": "tabbed",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "headerBorderless",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'{\"en\":\"\"}'",
-              "description": "The translations as a JSON object keyed by language code. The mirror of `values` in attribute form.",
-              "fieldName": "value"
+              "attribute": "header-borderless",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "cosmic",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The label shown above the field. If you need HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "attribute": "cosmic",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "help-text",
+              "kind": "field",
+              "name": "flush",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Text shown below the field, describing how to fill it in. Applies to every language. If you need HTML, use the\n`help-text` slot instead.",
-              "fieldName": "helpText"
+              "attribute": "flush",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "flushX",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables editing in every language.",
-              "fieldName": "disabled"
+              "attribute": "flush-x",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "required",
+              "kind": "field",
+              "name": "flushY",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Marks the label required. Validity is not enforced per language.",
-              "fieldName": "required"
+              "attribute": "flush-y",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "flush",
+              "kind": "field",
+              "name": "flushFooter",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Removes the component's own padding.",
-              "fieldName": "flush"
+              "attribute": "flush-footer",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "input-type",
+              "kind": "field",
+              "name": "transparent",
               "type": {
-                "text": "'text' | 'number' | 'textarea' | 'remarkd'"
+                "text": "boolean"
               },
-              "default": "'text'",
-              "description": "The control each translation is edited through.",
-              "fieldName": "inputType"
+              "attribute": "transparent",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "textarea-rows",
+              "kind": "field",
+              "name": "shadow",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "Rows of the textarea, when `input-type` is `textarea`.",
-              "fieldName": "textareaRows"
+              "attribute": "shadow",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "allow-raw",
+              "kind": "field",
+              "name": "bodyEmpty",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
-              "description": "Allows raw HTML blocks, when `input-type` is `remarkd`.",
-              "fieldName": "allowRaw"
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "attachment-url",
+              "kind": "field",
+              "name": "resizeObserver",
               "type": {
-                "text": "string"
+                "text": "ResizeObserver | null"
               },
-              "default": "''",
-              "description": "Where the remarkd editor uploads images, when `input-type` is `remarkd`.",
-              "fieldName": "attachmentUrl"
+              "privacy": "private",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             },
             {
-              "name": "include-url",
+              "kind": "method",
+              "name": "observeBodyContent",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "measureBodyContent",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the active language changes. Detail: `{ language: string }`.",
+              "name": "zn-language-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Where the remarkd editor lists embeddable includes, when `input-type` is `remarkd`.",
-              "fieldName": "includeUrl"
+              "description": "The form group's label. An alias for the inherited `caption`, which wins where both are set.",
+              "fieldName": "label"
             },
             {
-              "name": "link-url",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Where the remarkd editor searches link targets, when `input-type` is `remarkd`.",
-              "fieldName": "linkUrl"
+              "description": "Sits under the label, above the language select, as help text does in any other form group.",
+              "fieldName": "helpText"
             },
             {
-              "name": "inline-edit",
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Edits the translation through a `zn-inline-edit` — the value reads as text until it is clicked — rather than a\nplain input or textarea.",
-              "fieldName": "inlineEdit"
+              "description": "Drops the panel chrome — border, background and padding — so the group reads as a section of the surrounding form\nrather than a panel of its own. For groups nested inside another panel, where the fields would otherwise sit\nindented behind a second border.",
+              "fieldName": "inline"
             },
             {
-              "name": "slash-items",
+              "name": "language-label",
               "type": {
-                "text": "SlashMenuItem[]"
+                "text": "string"
               },
-              "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"
+              "default": "'Edit Languages'",
+              "description": "The select's accessible name. Not shown — the caption is what names the section on screen — but read out by a\nscreen reader, which has nothing else to go on once the visible label is gone.",
+              "fieldName": "languageLabel"
             },
             {
-              "name": "slash-preset",
+              "name": "languages",
               "type": {
-                "text": "string"
+                "text": "Record<string, string>"
               },
-              "default": "''",
-              "description": "Names of item sets registered with `registerSlashMenuPreset`, comma separated.",
-              "fieldName": "slashPreset"
+              "default": "{ 'en': 'EN' }",
+              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to. Set on every\nchild, so they do not need their own copy.",
+              "fieldName": "languages"
             },
             {
-              "name": "slash-trigger",
+              "name": "basis-px",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "basis",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "caption",
               "type": {
                 "text": "string"
               },
-              "default": "'/'",
-              "description": "The characters that open the slash menu.",
-              "fieldName": "slashTrigger"
+              "fieldName": "caption",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "slash-heading",
+              "name": "icon",
               "type": {
                 "text": "string"
               },
-              "default": "'Insert'",
-              "description": "The name the slash menu's list is announced by.",
-              "fieldName": "slashHeading"
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "slash-hide-keys",
+              "name": "tabbed",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Hides the insertion keys normally shown against the slash menu's items.",
-              "fieldName": "slashHideKeys"
+              "fieldName": "tabbed",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "slash-recent-key",
+              "name": "header-borderless",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
-              "fieldName": "slashRecentKey"
+              "fieldName": "headerBorderless",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "grouped",
+              "name": "cosmic",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Hides this component's own language select and defers the choice to a parent zn-translation-group. The group sets\nthis on its children itself.",
-              "fieldName": "grouped"
+              "fieldName": "cosmic",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "languages",
+              "name": "flush",
               "type": {
-                "text": "Record<string, string>"
+                "text": "boolean"
               },
-              "default": "{ 'en': 'EN' }",
-              "description": "The languages on offer, as language code to display name — `{\"en\": \"English\", \"fr\": \"French\"}`. Writing the code\nas the name (`{\"en\": \"EN\"}`) is also accepted. `en` is the language every other one falls back to.",
-              "fieldName": "languages"
+              "fieldName": "flush",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
-              "name": "values",
+              "name": "flush-x",
               "type": {
-                "text": "Record<string, string>"
+                "text": "boolean"
               },
-              "default": "{}",
-              "description": "The translations as an object keyed by language code. The mirror of `value` in property form.",
-              "fieldName": "values"
+              "fieldName": "flushX",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush-y",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flushY",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush-footer",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flushFooter",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "transparent",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "transparent",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "shadow",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
+            "name": "ZnPanel",
+            "module": "/src/components/panel/panel.component"
           },
-          "summary": "Collects one piece of text in several languages, one language at a time.",
-          "tagNameWithoutPrefix": "translations",
-          "tagName": "zn-translations",
+          "summary": "Puts several zn-translations fields behind one language select, so a whole form's worth of copy is\ntranslated a language at a time.",
+          "tagNameWithoutPrefix": "translation-group",
+          "tagName": "zn-translation-group",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Collects one piece of text in several languages, one language at a time.\n * @documentation https://zinc.style/components/translations\n * @status experimental\n * @since 1.0\n *\n * A select above the field chooses the language being edited. Closed, it carries how many languages are translated —\n * `1/5`; open, every language it offers carries a chip saying whether it has a translation of its own or falls back\n * to English. Blank languages fall back to English at render\n * time, so a blank field shows the English text as its placeholder rather than looking empty.\n *\n * The value submitted is a JSON object keyed by language code. A language stays out of it until it is typed into, so\n * browsing the languages does not pad the payload with empty translations.\n *\n * Put several of these in a `zn-translation-group` to have one select drive all of them.\n *\n * @dependency zn-chip\n * @dependency zn-inline-edit\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n * @dependency zn-textarea\n *\n * @slot label - The field's label. Alternatively, use the `label` attribute.\n * @slot help-text - Text describing how to fill the field in, shown below it and shared by every language.\n *  Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when a translation's value changes.\n * @event zn-input - Emitted when a translation receives input.\n *\n * @csspart form-control - The form control that wraps the label, the language select, the field and the help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The wrapper around the field being edited.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart language-select - The select that chooses the language being edited.\n */",
-          "documentation": "https://zinc.style/components/translations",
+          "jsDoc": "/**\n * @summary Puts several zn-translations fields behind one language select, so a whole form's worth of copy is\n *  translated a language at a time.\n * @documentation https://zinc.style/components/translation-group\n * @status experimental\n * @since 1.0\n *\n * The fields sit in a `zn-form-group`, so the caption, help text and the language select share its label column and\n * the fields line up with every other form group around them. Choosing a language switches every child at once, and\n * each child hides its own select while it is in a group — `grouped` is set on them here.\n *\n * The select is searchable. Each option holds its language code as its value, so typing `de` finds German without the\n * code being on show.\n *\n * Closed, the select carries how many target languages are done — `1/5`. Its options each carry a chip aggregated\n * across the children:\n *\n * - `Translated` — every child has a value for it\n * - `Partial` — only some children do\n * - `English` — none do, so all of them fall back to the English text\n *\n * `Empty` replaces the last of those for English itself, which has nothing to fall back to. English counts towards\n * the `n of m` beside the label like any other language.\n *\n * The children own their values; this component only chooses which language is shown and reports on what they hold.\n * It reads them back on every child `zn-change`, so the chips and the count follow an edit as it is typed.\n *\n * Extends `zn-panel`, so `caption`, `flush`, `transparent` and the `footer` slot behave as they do there. Nested\n * inside another panel, add `inline` to drop the chrome and keep the fields aligned with the surrounding form.\n *\n * @dependency zn-chip\n * @dependency zn-form-group\n * @dependency zn-option\n * @dependency zn-select\n *\n * @event zn-language-change - Emitted when the active language changes. Detail: `{ language: string }`.\n *\n * @slot - The `zn-translations` fields the select drives.\n * @slot actions - Buttons for the bottom of the panel, on the white body rather than the grey footer. They sit on\n *  the right, as zinc's form action rows do; `align=\"start\"` moves one to the left. Write them in the order they\n *  should be read — the sides are set by CSS ordering, so markup order is what a keyboard follows.\n * @slot footer - Content displayed in the grey panel footer.\n *\n * @csspart base - The component's base wrapper.\n * @csspart form-group - The form group holding the caption, the language select and the fields.\n * @csspart actions - The row of buttons at the bottom of the body.\n * @csspart language-field - The select that chooses the language every child is editing, in the group's chip slot.\n * @csspart language-select - The select itself.\n */",
+          "documentation": "https://zinc.style/components/translation-group",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
             "zn-chip",
-            "zn-inline-edit",
-            "zn-input",
+            "zn-form-group",
             "zn-option",
-            "zn-select",
-            "zn-textarea"
+            "zn-select"
+          ],
+          "cssProperties": [
+            {
+              "description": "The flex-basis of the panel. Can be set using the basis-px attribute.",
+              "name": "--zn-panel-basis",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "Padding around the header row. Defaults to `--zn-base-gap`.",
+              "name": "--zn-panel-header-padding",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "Padding around the footer row.",
+              "name": "--zn-panel-footer-padding",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            }
           ]
         }
       ],
@@ -53258,8 +53283,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZnTranslations",
-            "module": "components/translations/translations.js"
+            "name": "ZnTranslationGroup",
+            "module": "components/translation-group/translation-group.js"
           }
         }
       ]
@@ -53560,7 +53585,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.155",
+    "version": "1.1.157",
     "author": "",
     "license": "MIT"
   }