@kubex/zinc 1.0.113 → 1.0.115

package/dist/custom-elements.json

@@ -17,21 +17,9 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "domObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "resize"
-            },
-            {
-              "kind": "method",
-              "name": "observerDom"
             }
           ],
           "superclass": {
@@ -1336,6 +1324,15 @@
               "default": "false",
               "attribute": "square"
             },
+            {
+              "kind": "field",
+              "name": "panelBackground",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "panel-bg"
+            },
             {
               "kind": "field",
               "name": "dropdownCloser",
@@ -1744,6 +1741,14 @@
               "default": "false",
               "fieldName": "square"
             },
+            {
+              "name": "panel-bg",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "panelBackground"
+            },
             {
               "name": "dropdown-closer",
               "type": {
@@ -2264,20 +2269,23 @@
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "_resizeRafId",
               "type": {
-                "text": "ResizeObserver | null"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "0"
             },
             {
-              "kind": "method",
-              "name": "watchContainerMaxWidth"
+              "kind": "field",
+              "name": "resizeObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: () => { if (this._resizeRafId) return; this._resizeRafId = requestAnimationFrame(() => { this._resizeRafId = 0; this.containerWidth = this.offsetWidth; }); }, })"
             },
             {
-              "kind": "field",
-              "name": "handleResize"
+              "kind": "method",
+              "name": "watchContainerMaxWidth"
             },
             {
               "kind": "method",
@@ -2307,6 +2315,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getButtonLabel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "button",
+                  "type": {
+                    "text": "ZnButton"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "addButton",
@@ -2605,19 +2626,18 @@
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "liveTimer",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "number | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "liveTimer",
-              "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "private"
+              "name": "resizeObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
             },
             {
               "kind": "method",
@@ -4334,10 +4354,9 @@
             {
               "kind": "field",
               "name": "observer",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => this.recalculateNumberOfItems(), })"
             },
             {
               "kind": "field",
@@ -5159,10 +5178,9 @@
             {
               "kind": "field",
               "name": "_footerObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {subtree: true, childList: true, attributes: true, attributeFilter: ['href', 'download', 'caption']}, callback: () => this._debouncedReplace(), })"
             },
             {
               "kind": "field",
@@ -5843,10 +5861,9 @@
             {
               "kind": "field",
               "name": "selectObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {attributes: true, attributeFilter: ['disabled']}, callback: () => this._syncDisabledState(), })"
             },
             {
               "kind": "field",
@@ -6524,10 +6541,9 @@
             {
               "kind": "field",
               "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: () => { if (this.tableContainer) { this.tableContainer.scrollIntoView({behavior: 'smooth', block: 'nearest'}); } }, })"
             },
             {
               "kind": "field",
@@ -10628,19 +10644,26 @@
             },
             {
               "kind": "field",
-              "name": "_countObserver",
+              "name": "_metaObserved",
               "type": {
-                "text": "MutationObserver | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_countObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {subtree: true, attributes: true, attributeFilter: ['content'], childList: true}, callback: () => { const appContent = deepQuerySelectorAll('app-content', this, '')[0]; const metaCount = appContent?.shadowRoot?.querySelector('meta[name=\"count\"]'); if (!metaCount) return; const count = metaCount.getAttribute('content'); const notification = this.shadowRoot?.querySelector('.expanding-action__dropdown zn-button'); if (count && notification) { notification.setAttribute('notification', count); } }, })"
             },
             {
               "kind": "field",
               "name": "_colorObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {subtree: true, attributes: true, attributeFilter: ['content'], childList: true}, callback: () => { const appContent = deepQuerySelectorAll('app-content', this, '')[0]; const metaColor = appContent?.shadowRoot?.querySelector('meta[name=\"color\"]'); if (!metaColor) return; const color = metaColor.getAttribute('content'); if (color) { this.color = color; } }, })"
             },
             {
               "kind": "method",
@@ -11876,6 +11899,24 @@
               "default": "''",
               "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
               "attribute": "help-text"
+            },
+            {
+              "kind": "field",
+              "name": "forceCols",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "cols"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"1,2\"",
+              "attribute": "layout"
             }
           ],
           "attributes": [
@@ -11905,6 +11946,22 @@
               "default": "''",
               "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
               "fieldName": "helpText"
+            },
+            {
+              "name": "cols",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "forceCols"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"1,2\"",
+              "fieldName": "layout"
             }
           ],
           "superclass": {
@@ -12060,6 +12117,15 @@
               },
               "attribute": "previous-target"
             },
+            {
+              "kind": "field",
+              "name": "hideBreadcrumb",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-breadcrumb"
+            },
             {
               "kind": "field",
               "name": "navbar",
@@ -12166,6 +12232,14 @@
                 "text": "string"
               },
               "fieldName": "previousTarget"
+            },
+            {
+              "name": "hide-breadcrumb",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideBreadcrumb"
             }
           ],
           "superclass": {
@@ -13667,6 +13741,15 @@
               "description": "Enables search/filtering on select inputs.",
               "attribute": "search"
             },
+            {
+              "kind": "field",
+              "name": "freeText",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
+              "attribute": "free-text"
+            },
             {
               "kind": "field",
               "name": "helpText",
@@ -14086,6 +14169,14 @@
               "description": "Enables search/filtering on select inputs.",
               "fieldName": "search"
             },
+            {
+              "name": "free-text",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
+              "fieldName": "freeText"
+            },
             {
               "name": "help-text",
               "type": {
@@ -15683,6 +15774,14 @@
               },
               "attribute": "no-padding"
             },
+            {
+              "kind": "field",
+              "name": "flush",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "flush"
+            },
             {
               "kind": "field",
               "name": "alignEnd",
@@ -15799,6 +15898,13 @@
               },
               "fieldName": "noPadding"
             },
+            {
+              "name": "flush",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flush"
+            },
             {
               "name": "align-end",
               "type": {
@@ -18065,8 +18171,12 @@
               "name": ""
             },
             {
-              "description": "An example slot.",
-              "name": "example"
+              "description": "Expanding action panels rendered alongside the navbar items.",
+              "name": "expand"
+            },
+            {
+              "description": "Content rendered below the navbar row (e.g. chips, filters).",
+              "name": "bottom"
             }
           ],
           "members": [
@@ -18252,9 +18362,10 @@
               "kind": "field",
               "name": "_expanding",
               "type": {
-                "text": "NodeListOf<Element>"
+                "text": "Element[]"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -18267,12 +18378,10 @@
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver | null"
-              },
+              "name": "_itemsObserver",
               "privacy": "private",
-              "default": "null"
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {childList: true}, callback: () => this._updateVisibility(), })"
             },
             {
               "kind": "field",
@@ -18301,6 +18410,13 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_cloneSources",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new WeakMap<HTMLElement, HTMLElement>()"
+            },
             {
               "kind": "field",
               "name": "_navItemsGap",
@@ -18330,13 +18446,22 @@
             },
             {
               "kind": "field",
-              "name": "_itemsObserver",
+              "name": "_resizeFrame",
               "type": {
-                "text": "MutationObserver | null"
+                "text": "number | null"
               },
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "type": {
+                "text": "ResizeController"
+              },
+              "privacy": "private",
+              "default": "new ResizeController(this, { callback: () => this._scheduleResize(), })"
+            },
             {
               "kind": "field",
               "name": "_store",
@@ -18357,15 +18482,163 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "addExpandingAction",
+              "parameters": [
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_expandingActionObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {attributes: true, attributeFilter: ['open', 'method', 'basis']}, callback: () => this._scheduleResize(), })"
+            },
+            {
+              "kind": "field",
+              "name": "_scheduleResize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_observeExpandingAction",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_adoptNewLightItems",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "mutations",
+                  "type": {
+                    "text": "MutationRecord[]"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "_updateVisibility",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "itemCount",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_resolveAvailableWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_measureTotalItemWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getItemWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getHorizontalSpacing",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getMoreItemWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getExpandableWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "containerWidth",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "handleResize"
             },
+            {
+              "kind": "field",
+              "name": "_syncExtendedActive",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "addItem",
@@ -18557,7 +18830,7 @@
           "tagNameWithoutPrefix": "navbar",
           "tagName": "zn-navbar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/navbar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-dropdown\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 */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/navbar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-dropdown\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot expand - Expanding action panels rendered alongside the navbar items.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters).\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
           "documentation": "https://zinc.style/components/navbar",
           "status": "experimental",
           "since": "1.0",
@@ -19251,41 +19524,25 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/page-nav/page-nav.js",
+      "path": "components/page/page.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnPageNav",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example",
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "src/components/tabs/tabs.component.ts"
-              }
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base",
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "src/components/tabs/tabs.component.ts"
-              }
-            }
-          ],
+          "name": "ZnPage",
           "slots": [
             {
-              "description": "The default slot.",
+              "description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.",
               "name": "",
               "inheritedFrom": {
                 "name": "ZnTabs",
                 "module": "src/components/tabs/tabs.component.ts"
               }
             },
+            {
+              "description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.",
+              "name": "bottom"
+            },
             {
               "description": "An example slot.",
               "name": "example",
@@ -19298,83 +19555,354 @@
           "members": [
             {
               "kind": "field",
-              "name": "navigation",
+              "name": "dependencies",
               "type": {
-                "text": "PageNavData"
+                "text": "object"
               },
-              "attribute": "navigation"
+              "static": true,
+              "default": "{ 'zn-button': ZnButton, 'zn-copy-button': ZnCopyButton, 'zn-expanding-action': ZnExpandingAction, 'zn-icon': ZnIcon, 'zn-navbar': ZnNavbar, 'zn-tab': ZnTab }"
             },
             {
               "kind": "field",
-              "name": "breadcrumb",
+              "name": "pageSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'breadcrumb', 'actions', 'caption')"
+            },
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "caption",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "entityId",
               "type": {
                 "text": "string"
+              },
+              "attribute": "entity-id"
+            },
+            {
+              "kind": "field",
+              "name": "entityIdShow",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "entity-id-show"
+            },
+            {
+              "kind": "field",
+              "name": "fullLocation",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "full-location"
+            },
+            {
+              "kind": "field",
+              "name": "modal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "modal",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "nested",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "nested",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "primary",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "primary",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "previousPath",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "previous-path"
+            },
+            {
+              "kind": "field",
+              "name": "previousTarget",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "previous-target"
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "summary"
+            },
+            {
+              "kind": "field",
+              "name": "scrolled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "tabDefinitions",
+              "type": {
+                "text": "TabDefinition[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "hasExpandingActions",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "actionObserver",
+              "type": {
+                "text": "MutationObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "tabObserver",
+              "type": {
+                "text": "MutationObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "handleAltPress",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleAltUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_registerTabs",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
               }
             },
             {
               "kind": "method",
-              "name": "toggleNavigation"
+              "name": "getOwnExpandingActions",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "setActiveTab",
+              "name": "getNavbar",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "refreshExpandingActionsState",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncExpandingActionsToNavbar",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "prepareTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "parsePriority",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
+              },
               "parameters": [
                 {
-                  "name": "tabName",
+                  "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "string | null"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "compareTabs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "store",
+                  "name": "a",
                   "type": {
-                    "text": "boolean"
+                    "text": "TabDefinition"
                   }
                 },
                 {
-                  "name": "refresh",
+                  "name": "b",
                   "type": {
-                    "text": "boolean"
+                    "text": "TabDefinition"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "captionToId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "caption",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "uniqueId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "refTab",
-                  "default": "null",
+                  "name": "usedIds",
                   "type": {
-                    "text": "string | null"
+                    "text": "Set<string>"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "components/tabs/tabs.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "clickTab",
+              "name": "handlePageScroll",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "target",
+                  "name": "event",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleNavigationSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ZnSelectEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "activateTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tabId",
+                  "type": {
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "refresh",
+                  "name": "store",
                   "type": {
                     "text": "boolean"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "activateInitialPageTab",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "registerPagePanels",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "registerPageNavigationTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncNavigationActive",
+              "privacy": "private",
+              "parameters": [
                 {
-                  "name": "close",
-                  "default": "true"
+                  "name": "activeItem",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "components/tabs/tabs.js"
-              }
+              ]
             },
             {
               "kind": "field",
@@ -19444,6 +19972,19 @@
                 "module": "components/tabs/tabs.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_splitMinSecondary",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "split-min-secondary",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_splitMax",
@@ -19620,18 +20161,6 @@
                 "module": "components/tabs/tabs.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "caption",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "caption",
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "components/tabs/tabs.js"
-              }
-            },
             {
               "kind": "field",
               "name": "description",
@@ -19770,6 +20299,28 @@
                 "module": "components/tabs/tabs.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_domObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_monitorObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
             {
               "kind": "method",
               "name": "monitorDom",
@@ -19952,6 +20503,28 @@
                 "module": "components/tabs/tabs.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "clickTab",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "refresh",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
             {
               "kind": "method",
               "name": "getRefTab",
@@ -19968,6 +20541,41 @@
                 "module": "components/tabs/tabs.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "setActiveTab",
+              "parameters": [
+                {
+                  "name": "tabName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "store",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "refresh",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "refTab",
+                  "default": "null",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_setTabEleActive",
@@ -20053,33 +20661,85 @@
                 "name": "ZnTabs",
                 "module": "components/tabs/tabs.js"
               }
-            },
-            {
-              "kind": "field",
-              "name": "_registerTabs",
-              "inheritedFrom": {
-                "name": "ZnTabs",
-                "module": "components/tabs/tabs.js"
-              }
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "caption",
               "inheritedFrom": {
                 "name": "ZnTabs",
                 "module": "src/components/tabs/tabs.component.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "navigation",
+              "name": "entity-id",
               "type": {
-                "text": "PageNavData"
+                "text": "string"
               },
-              "fieldName": "navigation"
+              "fieldName": "entityId"
+            },
+            {
+              "name": "entity-id-show",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "entityIdShow"
+            },
+            {
+              "name": "full-location",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "fullLocation"
+            },
+            {
+              "name": "modal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "modal"
+            },
+            {
+              "name": "nested",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "nested"
+            },
+            {
+              "name": "primary",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "primary"
+            },
+            {
+              "name": "previous-path",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "previousPath"
+            },
+            {
+              "name": "previous-target",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "previousTarget"
+            },
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "summary"
             },
             {
               "name": "master-id",
@@ -20139,6 +20799,1172 @@
                 "module": "src/components/tabs/tabs.component.ts"
               }
             },
+            {
+              "name": "split-min-secondary",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "_splitMinSecondary",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "split-max",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "_splitMax",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "primary-caption",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Navigation'",
+              "fieldName": "primaryCaption",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "secondary-caption",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Content'",
+              "fieldName": "secondaryCaption",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "no-prefetch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noPrefetch",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "no-cache",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noCache",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "local-storage",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "localStorage",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "store-key",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "storeKey",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "store-ttl",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "storeTtl",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "padded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "padded",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "fetch-style",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "fieldName": "fetchStyle",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "full-width",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "fullWidth",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "padded-right",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "paddedRight",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "monitor",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "monitor",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "description",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ZnTabs",
+            "module": "/src/components/tabs"
+          },
+          "summary": "Combines a page header with tab navigation and tab panels.",
+          "tagNameWithoutPrefix": "page",
+          "tagName": "zn-page",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
+          "documentation": "https://zinc.style/components/page",
+          "status": "experimental",
+          "since": "1.0",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnPage",
+            "module": "components/page/page.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/page-nav/page-nav.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnPageNav",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "description": "An example slot.",
+              "name": "example",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "navigation",
+              "type": {
+                "text": "PageNavData"
+              },
+              "attribute": "navigation"
+            },
+            {
+              "kind": "field",
+              "name": "breadcrumb",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleNavigation"
+            },
+            {
+              "kind": "method",
+              "name": "setActiveTab",
+              "parameters": [
+                {
+                  "name": "tabName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "store",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "refresh",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "refTab",
+                  "default": "null",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clickTab",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "refresh",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "close",
+                  "default": "true"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "masterId",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "master-id",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "defaultUri",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "default-uri",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_current",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "active",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_split",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "split",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_splitMin",
+              "type": {
+                "text": "number"
+              },
+              "default": "60",
+              "attribute": "split-min",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_splitMinSecondary",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "split-min-secondary",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_splitMax",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "split-max",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "primaryCaption",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Navigation'",
+              "attribute": "primary-caption",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "secondaryCaption",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Content'",
+              "attribute": "secondary-caption",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "noPrefetch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "no-prefetch",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "noCache",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "no-cache",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "localStorage",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "local-storage",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "storeKey",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "store-key",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "storeTtl",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "store-ttl",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "padded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "padded",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fetchStyle",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "attribute": "fetch-style",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "full-width",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "paddedRight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "padded-right",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "monitor",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "monitor",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "caption",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "description",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "preload",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "true",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_store",
+              "type": {
+                "text": "Store"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_activeClicks",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_panel",
+              "type": {
+                "text": "Element | null | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_panels",
+              "type": {
+                "text": "Map<string, Element[]>"
+              },
+              "privacy": "private",
+              "default": "new Map<string, Element[]>()",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_activeTab",
+              "type": {
+                "text": "Element | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_tabs",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_actions",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_knownUri",
+              "type": {
+                "text": "Map<string, string>"
+              },
+              "privacy": "private",
+              "default": "new Map<string, string>()",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'bottom', 'right', 'left', 'top', 'actions')",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_domObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_monitorObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "monitorDom",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_addPanel",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_addTab",
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reRegisterTabs",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "switchTab",
+              "parameters": [
+                {
+                  "name": "inc",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "nextTab",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "previousTab",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_prepareTab",
+              "parameters": [
+                {
+                  "name": "tabId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_uriToId",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tabUri",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_createUriPanel",
+              "return": {
+                "type": {
+                  "text": "HTMLDivElement"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tabEle",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "tabUri",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "tabId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "fetchUriTab",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getRefTab",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setTabEleActive",
+              "parameters": [
+                {
+                  "name": "ele",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "active",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectTab",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tabName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "refresh",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getActiveTab",
+              "return": {
+                "type": {
+                  "text": "Element[]"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "observerDom",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeTabAndPanel",
+              "parameters": [
+                {
+                  "name": "tabId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_registerTabs",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "components/tabs/tabs.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "navigation",
+              "type": {
+                "text": "PageNavData"
+              },
+              "fieldName": "navigation"
+            },
+            {
+              "name": "master-id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "masterId",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "default-uri",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "defaultUri",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "_current",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "split",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "_split",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "split-min",
+              "type": {
+                "text": "number"
+              },
+              "default": "60",
+              "fieldName": "_splitMin",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
+            {
+              "name": "split-min-secondary",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "_splitMinSecondary",
+              "inheritedFrom": {
+                "name": "ZnTabs",
+                "module": "src/components/tabs/tabs.component.ts"
+              }
+            },
             {
               "name": "split-max",
               "type": {
@@ -20517,9 +22343,10 @@
               "kind": "field",
               "name": "_header",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLElement | null"
               },
-              "privacy": "protected"
+              "privacy": "protected",
+              "default": "null"
             }
           ],
           "events": [
@@ -22038,7 +23865,7 @@
             },
             {
               "description": "The color of the progress bar fill.",
-              "name": "--zn-primary"
+              "name": "--zn-progress-bar-color"
             },
             {
               "description": "The color of the caption text.",
@@ -22097,6 +23924,16 @@
               "attribute": "caption",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "ProgressBarColor"
+              },
+              "default": "'current'",
+              "attribute": "color",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "description",
@@ -22133,6 +23970,14 @@
               },
               "fieldName": "caption"
             },
+            {
+              "name": "color",
+              "type": {
+                "text": "ProgressBarColor"
+              },
+              "default": "'current'",
+              "fieldName": "color"
+            },
             {
               "name": "description",
               "type": {
@@ -22163,7 +24008,7 @@
           "tagNameWithoutPrefix": "progress-bar",
           "tagName": "zn-progress-bar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Progress bars provide visual feedback about the completion status of a task or process.\n * @documentation https://zinc.style/components/progress-bar\n * @status experimental\n * @since 1.0\n *\n * @csspart header - The header container that contains the caption and progress text.\n * @csspart caption - The caption text element.\n * @csspart progress - The progress percentage text element.\n * @csspart bar - The SVG element containing the progress bar.\n * @csspart track - The background track of the progress bar.\n * @csspart fill - The filled portion of the progress bar indicating progress.\n * @csspart footer - The footer container that contains the description.\n * @csspart info - The description text element.\n *\n * @cssproperty --zn-border-color - The color of the progress bar background track.\n * @cssproperty --zn-primary - The color of the progress bar fill.\n * @cssproperty --zn-text-heading - The color of the caption text.\n * @cssproperty --zn-text - The color of the progress percentage and description text.\n * @cssproperty --zn-spacing-x-small - The spacing between header/footer and the progress bar.\n */",
+          "jsDoc": "/**\n * @summary Progress bars provide visual feedback about the completion status of a task or process.\n * @documentation https://zinc.style/components/progress-bar\n * @status experimental\n * @since 1.0\n *\n * @csspart header - The header container that contains the caption and progress text.\n * @csspart caption - The caption text element.\n * @csspart progress - The progress percentage text element.\n * @csspart bar - The SVG element containing the progress bar.\n * @csspart track - The background track of the progress bar.\n * @csspart fill - The filled portion of the progress bar indicating progress.\n * @csspart footer - The footer container that contains the description.\n * @csspart info - The description text element.\n *\n * @cssproperty --zn-border-color - The color of the progress bar background track.\n * @cssproperty --zn-progress-bar-color - The color of the progress bar fill.\n * @cssproperty --zn-text-heading - The color of the caption text.\n * @cssproperty --zn-text - The color of the progress percentage and description text.\n * @cssproperty --zn-spacing-x-small - The spacing between header/footer and the progress bar.\n */",
           "documentation": "https://zinc.style/components/progress-bar",
           "status": "experimental",
           "since": "1.0"
@@ -24652,10 +26497,16 @@
             {
               "kind": "field",
               "name": "_footerResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: () => { this.style.setProperty('--zn-scroll-footer-height', `${this.footer?.clientHeight ?? 0}px`); }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_domObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => { setTimeout(() => this.scrollEnd(), 100); if (this.footer) { this.style.setProperty('--zn-scroll-footer-height', `${this.footer.clientHeight}px`); this._footerResizeObserver.observe(this.footer); } }, })"
             }
           ],
           "events": [
@@ -25132,6 +26983,17 @@
               "attribute": "search",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "freeText",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
+              "attribute": "free-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "label",
@@ -25433,6 +27295,13 @@
               "description": "Whether the component is in remote-search mode (search + dataUri both set)",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_isTypeable",
+              "privacy": "private",
+              "description": "Whether the display input is editable and filters options (search or free-text).",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "handleSearchInput",
@@ -25451,6 +27320,80 @@
               "privacy": "private",
               "description": "Clears the search query and shows all options"
             },
+            {
+              "kind": "method",
+              "name": "commitFreeText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "refocus",
+                  "default": "true"
+                }
+              ],
+              "description": "Commits the current typed text as a selected value when `free-text` is enabled. A selected `<zn-option>`\n(value = label = trimmed text) is created in the light DOM so the value flows through the existing\ntag/value/selection machinery and appears as a deselectable row in the listbox. Returns `true` when\nsomething was committed, `false` when there was nothing to commit."
+            },
+            {
+              "kind": "field",
+              "name": "_freeTextAddValue",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "description": "The trimmed pending text to offer as a free-text \"Add\" row, or `null` when no Add row should be shown\n(free-text disabled, dropdown closed, input empty, or the text exactly matches an existing option).",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleAddOptionMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "Commits the typed value when the \"Add\" row is pressed, keeping focus on the input."
+            },
+            {
+              "kind": "method",
+              "name": "_materialiseFreeTextValues",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "values",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "In free-text mode, creates a hidden `<zn-option>` for any value that has no matching option, so values\nset via the `value`/`defaultValue` attribute (e.g. previously-saved custom entries) render as tags or\nthe display value on load. No-op when free-text is disabled."
+            },
+            {
+              "kind": "method",
+              "name": "_createFreeTextOption",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ZnOption"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Creates a free-text-marked `<zn-option>` in the light DOM (value = label) and returns it. The option is\na normal, visible, selectable row so the user can deselect a custom value from the dropdown like any\nother option; the `data-free-text` marker lets us drop it from the DOM once it's no longer selected."
+            },
             {
               "kind": "method",
               "name": "handleOptionClick",
@@ -25982,6 +27925,15 @@
               "description": "Enables search/filter functionality. When enabled, the user can type into the select to filter the visible options.",
               "fieldName": "search"
             },
+            {
+              "name": "free-text",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
+              "fieldName": "freeText"
+            },
             {
               "name": "label",
               "type": {
@@ -26245,11 +28197,9 @@
             {
               "kind": "field",
               "name": "_mutationObserver",
-              "type": {
-                "text": "MutationObserver | null"
-              },
               "privacy": "private",
-              "default": "null"
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: {childList: true, subtree: true, attributes: true}, callback: mutations => { for (const mutation of mutations) { if (mutation.type === 'attributes' && mutation.attributeName === 'hidden') { continue; } this.scheduleUpdateFilters(); break; } }, })"
             },
             {
               "kind": "field",
@@ -26466,8 +28416,10 @@
               "attribute": "wide"
             },
             {
-              "kind": "method",
-              "name": "observerDom"
+              "kind": "field",
+              "name": "domObserver",
+              "privacy": "private",
+              "default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => { setTimeout(() => this.scrollBottom(), 10); }, })"
             },
             {
               "kind": "method",
@@ -26602,10 +28554,9 @@
             {
               "kind": "field",
               "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
             }
           ],
           "attributes": [
@@ -27774,6 +29725,11 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "focusChangeHandler",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "primaryFull",
@@ -27782,6 +29738,24 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "parentIsNarrow",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "calculatePixels",
@@ -27812,6 +29786,15 @@
               "attribute": "min-size",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "minimumSecondaryPaneSize",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "min-secondary-size",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "maximumPaneSize",
@@ -27911,6 +29894,36 @@
               "attribute": "padded-right",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "gap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hide",
+              "type": {
+                "text": "'primary' | 'secondary' | ''"
+              },
+              "default": "''",
+              "attribute": "hide",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "mergedNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "merged-navigation",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "localStorage",
@@ -27938,6 +29951,11 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "refreshNarrowState",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "applyStoredSize"
@@ -27968,30 +29986,88 @@
             },
             {
               "kind": "method",
-              "name": "_togglePane",
+              "name": "_setFocusPane",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "idx",
                   "type": {
-                    "text": "any"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setFocusPane",
+              "name": "getDirectNestedSplitPanes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateNestedNavigationMerging",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getPaneIndexForNestedSplitPane",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "idx",
+                  "name": "child",
+                  "type": {
+                    "text": "ZnSplitPane"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getNestedNavigationItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "NavigationItem[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "parentIdx",
                   "type": {
                     "text": "number"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "getDirectNestedSplitPanesForPane",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "parentIdx",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getNavigationItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "NavigationItem[]"
+                }
+              }
             }
           ],
           "events": [
+            {
+              "name": "zn-split-pane-focus-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "description": "Emitted as an example.",
               "name": "zn-event-name"
@@ -28022,6 +30098,13 @@
               "default": "10",
               "fieldName": "minimumPaneSize"
             },
+            {
+              "name": "min-secondary-size",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "minimumSecondaryPaneSize"
+            },
             {
               "name": "max-size",
               "type": {
@@ -28101,6 +30184,30 @@
               "default": "false",
               "fieldName": "paddedRight"
             },
+            {
+              "name": "gap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "gap"
+            },
+            {
+              "name": "hide",
+              "type": {
+                "text": "'primary' | 'secondary' | ''"
+              },
+              "default": "''",
+              "fieldName": "hide"
+            },
+            {
+              "name": "merged-navigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "mergedNavigation"
+            },
             {
               "name": "local-storage",
               "type": {
@@ -28746,6 +30853,15 @@
               "default": "''",
               "attribute": "margin"
             },
+            {
+              "kind": "field",
+              "name": "gutter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "gutter"
+            },
             {
               "kind": "field",
               "name": "autoMargin",
@@ -28877,6 +30993,14 @@
               "default": "''",
               "fieldName": "margin"
             },
+            {
+              "name": "gutter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "gutter"
+            },
             {
               "name": "a-margin",
               "type": {
@@ -28906,6 +31030,94 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/tab/tab.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnTab",
+          "slots": [
+            {
+              "description": "The tab panel content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "caption"
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "priority"
+            },
+            {
+              "kind": "field",
+              "name": "uri",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "uri"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "caption"
+            },
+            {
+              "name": "priority",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "priority"
+            },
+            {
+              "name": "uri",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "uri"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Defines a tab panel for use inside zn-page.",
+          "tagNameWithoutPrefix": "tab",
+          "tagName": "zn-tab",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
+          "documentation": "https://zinc.style/components/tab",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnTab",
+            "module": "components/tab/tab.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/table/table.js",
@@ -29031,6 +31243,13 @@
               "privacy": "private",
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: () => this.resizing(), })"
+            },
             {
               "kind": "method",
               "name": "resizing"
@@ -29242,6 +31461,15 @@
               "attribute": "split-min",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_splitMinSecondary",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "split-min-secondary",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "_splitMax",
@@ -29468,6 +31696,20 @@
               "readonly": true,
               "default": "new HasSlotController(this, '[default]', 'bottom', 'right', 'left', 'top', 'actions')"
             },
+            {
+              "kind": "field",
+              "name": "_domObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_monitorObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })"
+            },
             {
               "kind": "method",
               "name": "monitorDom"
@@ -29779,6 +32021,13 @@
               "default": "60",
               "fieldName": "_splitMin"
             },
+            {
+              "name": "split-min-secondary",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "_splitMinSecondary"
+            },
             {
               "name": "split-max",
               "type": {
@@ -29992,10 +32241,9 @@
             {
               "kind": "field",
               "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, callback: () => this.setTextareaHeight(), })"
             },
             {
               "kind": "field",
@@ -32128,14 +34376,6 @@
               "privacy": "private",
               "default": "-1"
             },
-            {
-              "kind": "field",
-              "name": "_resizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_lastObservedWidth",
@@ -32744,14 +34984,6 @@
               "privacy": "private",
               "default": "-1"
             },
-            {
-              "kind": "field",
-              "name": "_resizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_lastObservedWidth",
@@ -33279,7 +35511,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.113",
+    "version": "1.0.115",
     "author": "",
     "license": "MIT"
   }