le-kit 0.1.19 → 0.2.1

package/dist/collection/dist/components/assets/custom-elements.json

@@ -795,6 +795,189 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-collapse/le-collapse.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Animated show/hide wrapper.\n\nSupports height collapse (auto->0) and/or fading.\nCan optionally listen to the nearest `le-header` shrink events.",
+          "name": "LeCollapse",
+          "cssProperties": [
+            {
+              "description": "Transition duration",
+              "name": "--le-collapse-duration"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Collapsible region",
+              "name": "region"
+            },
+            {
+              "description": "Inner content",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content to animate",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
+            },
+            {
+              "kind": "field",
+              "name": "scrollDown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open."
+            },
+            {
+              "kind": "field",
+              "name": "noFading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding."
+            },
+            {
+              "kind": "field",
+              "name": "collapseOnHeaderShrink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event."
+            },
+            {
+              "kind": "method",
+              "name": "handleHeaderShrink",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles `leHeaderShrinkChange` events from the `le-header`.\nIn case multiple headers are present, only the nearest one in the DOM tree is used."
+            },
+            {
+              "kind": "field",
+              "name": "headerShrunk",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "onOpenChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onDrivenStateChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "shouldBeOpen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "applyOpenState",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "closed",
+              "fieldName": "closed",
+              "default": "false",
+              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "scroll-down",
+              "fieldName": "scrollDown",
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "no-fading",
+              "fieldName": "noFading",
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "collapse-on-header-shrink",
+              "fieldName": "collapseOnHeaderShrink",
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event.",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-collapse",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeCollapse",
+          "declaration": {
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-collapse",
+          "declaration": {
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-card/le-card.tsx",
@@ -1811,31 +1994,21 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-collapse/le-collapse.tsx",
+      "path": "src/components/le-current-heading/le-current-heading.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "Animated show/hide wrapper.\n\nSupports height collapse (auto->0) and/or fading.\nCan optionally listen to the nearest `le-header` shrink events.",
-          "name": "LeCollapse",
-          "cssProperties": [
-            {
-              "description": "Transition duration",
-              "name": "--le-collapse-duration"
-            }
-          ],
+          "description": "Shows a \"smart\" header title based on what has scrolled out of view.\n\nWhen `selector` matches multiple elements, the title becomes the last element\n(top-to-bottom) that has fully scrolled out above the viewport.",
+          "name": "LeCurrentHeading",
           "cssParts": [
             {
-              "description": "Collapsible region",
-              "name": "region"
-            },
-            {
-              "description": "Inner content",
-              "name": "content"
+              "description": "The rendered title",
+              "name": "title"
             }
           ],
           "slots": [
             {
-              "description": "Content to animate",
+              "description": "Optional fallback content if no watched title is active",
               "name": ""
             }
           ],
@@ -1849,203 +2022,30 @@
             },
             {
               "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether the content should be shown."
-            },
-            {
-              "kind": "field",
-              "name": "scrollDown",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the content should scroll down from the top when open."
-            },
-            {
-              "kind": "field",
-              "name": "noFading",
+              "name": "selector",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding."
+              "default": "''",
+              "description": "CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`)."
             },
             {
               "kind": "field",
-              "name": "collapseOnHeaderShrink",
+              "name": "activeText",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "If true, collapse/expand based on the nearest header shrink event."
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "handleHeaderShrink",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Handles `leHeaderShrinkChange` events from the `le-header`.\nIn case multiple headers are present, only the nearest one in the DOM tree is used."
-            },
-            {
-              "kind": "field",
-              "name": "headerShrunk",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "onSelectorChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "onOpenChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "onDrivenStateChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "shouldBeOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "applyOpenState",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "fieldName": "open",
-              "default": "true",
-              "description": "Whether the content should be shown.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "scroll-down",
-              "fieldName": "scrollDown",
-              "default": "false",
-              "description": "Whether the content should scroll down from the top when open.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "no-fading",
-              "fieldName": "noFading",
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "collapse-on-header-shrink",
-              "fieldName": "collapseOnHeaderShrink",
-              "default": "false",
-              "description": "If true, collapse/expand based on the nearest header shrink event.",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "tagName": "le-collapse",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeCollapse",
-          "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-collapse",
-          "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-current-heading/le-current-heading.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Shows a \"smart\" header title based on what has scrolled out of view.\n\nWhen `selector` matches multiple elements, the title becomes the last element\n(top-to-bottom) that has fully scrolled out above the viewport.",
-          "name": "LeCurrentHeading",
-          "cssParts": [
-            {
-              "description": "The rendered title",
-              "name": "title"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Optional fallback content if no watched title is active",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selector",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`)."
-            },
-            {
-              "kind": "field",
-              "name": "activeText",
-              "type": {
-                "text": "string | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "onSelectorChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "onScroll",
+              "name": "onScroll",
               "privacy": "protected"
             },
             {
@@ -3103,12 +3103,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-multiselect/le-multiselect.tsx",
+      "path": "src/components/le-icon/le-icon.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A multiselect component for selecting multiple options.\n\nDisplays selected items as tags with optional search filtering.",
-          "name": "LeMultiselect",
+          "description": "",
+          "name": "LeIcon",
           "members": [
             {
               "kind": "field",
@@ -3119,108 +3119,265 @@
             },
             {
               "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue[]"
-              },
-              "default": "[]",
-              "description": "The currently selected values."
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "'Select options...'",
-              "description": "Placeholder text when no options are selected."
+              "default": "null",
+              "description": "Name of the icon to display. Corresponds to a JSON file in the assets folder.\nFor example, \"search\" will load the \"search.json\" file."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Whether the multiselect is disabled."
+              "default": "16",
+              "description": "Size of the icon in pixels. Default is 16."
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "iconData",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "description": "Whether selection is required."
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "visible",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Name attribute for form submission."
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "fullWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
+              "kind": "method",
+              "name": "loadIconData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "intersectionObserver",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "IntersectionObserver"
               },
-              "default": "'medium'",
-              "description": "Size variant of the multiselect."
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "maxSelections",
-              "type": {
-                "text": "number | undefined"
+              "kind": "method",
+              "name": "waitUntilVisible",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "Maximum number of selections allowed."
+              "parameters": [
+                {
+                  "name": "callback",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "selectAllLabel",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "renderSVGContent",
               "privacy": "private",
-              "default": "'Select All'",
-              "description": "Labels for the \"Select All\" option."
+              "parameters": [
+                {
+                  "name": "children",
+                  "optional": true,
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ],
+              "description": "Renders the SVG content out of a JSON data in a format:\n{ \"viewBox\": \"...\", children: [{ \"tag\": \"g\", \"\"children\": [ ... ], ...attrs }, ...] }",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "deselectAllLabel",
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "default": "null",
+              "description": "Name of the icon to display. Corresponds to a JSON file in the assets folder.\nFor example, \"search\" will load the \"search.json\" file.",
               "type": {
                 "text": "string"
-              },
-              "privacy": "private",
-              "default": "'Deselect All'"
+              }
             },
             {
-              "kind": "field",
-              "name": "showSelectAll",
+              "name": "size",
+              "fieldName": "size",
+              "default": "16",
+              "description": "Size of the icon in pixels. Default is 16.",
               "type": {
-                "text": "boolean | string | string[]"
-              },
+                "text": "number"
+              }
+            }
+          ],
+          "tagName": "le-icon",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeIcon",
+          "declaration": {
+            "name": "LeIcon",
+            "module": "src/components/le-icon/le-icon.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-icon",
+          "declaration": {
+            "name": "LeIcon",
+            "module": "src/components/le-icon/le-icon.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-multiselect/le-multiselect.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A multiselect component for selecting multiple options.\n\nDisplays selected items as tags with optional search filtering.",
+          "name": "LeMultiselect",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue[]"
+              },
+              "default": "[]",
+              "description": "The currently selected values."
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select options...'",
+              "description": "Placeholder text when no options are selected."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the multiselect is disabled."
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether selection is required."
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "Size variant of the multiselect."
+            },
+            {
+              "kind": "field",
+              "name": "maxSelections",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Maximum number of selections allowed."
+            },
+            {
+              "kind": "field",
+              "name": "selectAllLabel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'Select All'",
+              "description": "Labels for the \"Select All\" option."
+            },
+            {
+              "kind": "field",
+              "name": "deselectAllLabel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'Deselect All'"
+            },
+            {
+              "kind": "field",
+              "name": "showSelectAll",
+              "type": {
+                "text": "boolean | string | string[]"
+              },
               "default": "false",
               "description": "Whether to show a \"Select All\" option.\nAlso accepts a string or array of strings to customize the label(s)."
             },
@@ -3496,52 +3653,640 @@
               "name": "searchable",
               "fieldName": "searchable",
               "default": "false",
-              "description": "Whether the input is searchable.",
+              "description": "Whether the input is searchable.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "empty-text",
+              "fieldName": "emptyText",
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
+              "default": "false",
+              "description": "Whether the dropdown is currently open.",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-multiselect",
+          "events": [
+            {
+              "name": "leChange",
+              "type": {
+                "text": "EventEmitter<LeMultiOptionSelectDetail>"
+              },
+              "description": "Emitted when the selected values change."
+            },
+            {
+              "name": "leOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
+            },
+            {
+              "name": "leClose",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeMultiselect",
+          "declaration": {
+            "name": "LeMultiselect",
+            "module": "src/components/le-multiselect/le-multiselect.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-multiselect",
+          "declaration": {
+            "name": "LeMultiselect",
+            "module": "src/components/le-multiselect/le-multiselect.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-navigation/le-navigation.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Navigation component with vertical (tree) and horizontal (menu) layouts.\n\n- Accepts items as `LeOption[]` or a JSON string.\n- Supports hierarchical items via `children`.\n- Supports persisted expansion via `open` on items.",
+          "name": "LeNavigation",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "Navigation items.\nCan be passed as an array or JSON string (same pattern as le-select)."
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              },
+              "default": "'vertical'",
+              "description": "Layout orientation."
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Horizontal wrapping behavior.\nIf false, overflow behavior depends on `overflowMode`."
+            },
+            {
+              "kind": "field",
+              "name": "overflowMode",
+              "type": {
+                "text": "'more' | 'hamburger'"
+              },
+              "default": "'more'",
+              "description": "Overflow behavior for horizontal, non-wrapping menus.\n- more: moves overflow items into a \"More\" popover\n- hamburger: turns the whole nav into a hamburger popover"
+            },
+            {
+              "kind": "field",
+              "name": "searchable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables a search input for the vertical navigation."
+            },
+            {
+              "kind": "field",
+              "name": "searchPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search...'",
+              "description": "Placeholder text for the search input."
+            },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No results found'",
+              "description": "Text shown when no items match the filter."
+            },
+            {
+              "kind": "field",
+              "name": "submenuSearchable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether submenu popovers should include a filter input."
+            },
+            {
+              "kind": "field",
+              "name": "searchQuery",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "openState",
+              "type": {
+                "text": "Record<string, boolean>"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "overflowIds",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "hamburgerActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "submenuQueries",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "navContainerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "topItemEls",
+              "type": {
+                "text": "Map<string, HTMLElement>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "popoverRefs",
+              "type": {
+                "text": "Map<string, HTMLLePopoverElement>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "moreTriggerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "instanceId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLayoutInputsChange"
+            },
+            {
+              "kind": "method",
+              "name": "setupResizeObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "observeContainer",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "el",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "scheduleOverflowRecalc",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "parsedItems",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getItemId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "path",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getChildItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeOption[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setOpen",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "matchesQuery",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "query",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "filterTree",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeOption[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "LeOption[]"
+                  }
+                },
+                {
+                  "name": "query",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "pathPrefix",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "autoOpen",
+                  "type": {
+                    "text": "Set<string>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleItemSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleSearchInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleSubmenuSearchInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTopLevelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "LeOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "computeOverflow",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderHorizontalMeasureItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderVerticalList",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "LeOption[]"
+                  }
+                },
+                {
+                  "name": "{\n      depth,\n      pathPrefix,\n      autoOpenIds,\n      searchable,\n      searchQuery,\n      searchPlaceholder,\n      emptyText,\n      submenuId,\n    }",
+                  "type": {
+                    "text": "VerticalListRenderOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderHorizontalItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderHorizontal",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "default": "[]",
+              "description": "Navigation items.\nCan be passed as an array or JSON string (same pattern as le-select).",
+              "type": {
+                "text": "LeOption[] | string"
+              }
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "default": "'vertical'",
+              "description": "Layout orientation.",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
+              }
+            },
+            {
+              "name": "wrap",
+              "fieldName": "wrap",
+              "default": "true",
+              "description": "Horizontal wrapping behavior.\nIf false, overflow behavior depends on `overflowMode`.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "overflow-mode",
+              "fieldName": "overflowMode",
+              "default": "'more'",
+              "description": "Overflow behavior for horizontal, non-wrapping menus.\n- more: moves overflow items into a \"More\" popover\n- hamburger: turns the whole nav into a hamburger popover",
+              "type": {
+                "text": "'more' | 'hamburger'"
+              }
+            },
+            {
+              "name": "searchable",
+              "fieldName": "searchable",
+              "default": "false",
+              "description": "Enables a search input for the vertical navigation.",
               "type": {
                 "text": "boolean"
               }
             },
+            {
+              "name": "search-placeholder",
+              "fieldName": "searchPlaceholder",
+              "default": "'Search...'",
+              "description": "Placeholder text for the search input.",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "empty-text",
               "fieldName": "emptyText",
               "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
+              "description": "Text shown when no items match the filter.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "submenu-searchable",
+              "fieldName": "submenuSearchable",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "Whether submenu popovers should include a filter input.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-multiselect",
+          "tagName": "le-navigation",
           "events": [
             {
-              "name": "leChange",
-              "type": {
-                "text": "EventEmitter<LeMultiOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected values change."
-            },
-            {
-              "name": "leOpen",
+              "name": "leNavItemSelect",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<LeNavigationItemSelectDetail>"
               },
-              "description": "Emitted when the dropdown opens."
+              "description": "Fired when a navigation item is activated.\n\nThis event is cancelable. Call `event.preventDefault()` to prevent\ndefault browser navigation and implement custom routing."
             },
             {
-              "name": "leClose",
+              "name": "leNavItemToggle",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<LeNavigationItemToggleDetail>"
               },
-              "description": "Emitted when the dropdown closes."
+              "description": "Fired when a tree branch is toggled."
             }
           ],
           "customElement": true
@@ -3550,18 +4295,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeMultiselect",
+          "name": "LeNavigation",
           "declaration": {
-            "name": "LeMultiselect",
-            "module": "src/components/le-multiselect/le-multiselect.tsx"
+            "name": "LeNavigation",
+            "module": "src/components/le-navigation/le-navigation.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-multiselect",
+          "name": "le-navigation",
           "declaration": {
-            "name": "LeMultiselect",
-            "module": "src/components/le-multiselect/le-multiselect.tsx"
+            "name": "LeNavigation",
+            "module": "src/components/le-navigation/le-navigation.tsx"
           }
         }
       ]
@@ -7785,263 +8530,36 @@
               "type": {
                 "text": "boolean"
               }
-            }
-          ],
-          "tagName": "le-tab-bar",
-          "events": [
-            {
-              "name": "leTabChange",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected tab changes."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeTabBar",
-          "declaration": {
-            "name": "LeTabBar",
-            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-tab-bar",
-          "declaration": {
-            "name": "LeTabBar",
-            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-tab-panel/le-tab-panel.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A tab panel component used as a child of le-tabs.\n\nEach le-tab-panel defines both the tab button label and the panel content.\nThe parent le-tabs component automatically reads these panels and creates\nthe tab interface.",
-          "name": "LeTabPanel",
-          "slots": [
-            {
-              "description": "Default slot for panel content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLLeTabPanelElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The label displayed in the tab button."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The value used to identify this tab.\nDefaults to the label if not provided."
-            },
-            {
-              "kind": "field",
-              "name": "iconStart",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class."
-            },
-            {
-              "kind": "field",
-              "name": "iconEnd",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Icon displayed at the end of the tab button."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this tab is disabled."
-            },
-            {
-              "kind": "field",
-              "name": "lazy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive."
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal: Whether this panel is currently active (set by parent le-tabs)"
-            },
-            {
-              "kind": "field",
-              "name": "hasBeenActive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal: Track if panel has ever been activated (for lazy rendering)"
-            },
-            {
-              "kind": "method",
-              "name": "activeChanged",
-              "parameters": [
-                {
-                  "name": "isActive",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getValue",
-              "return": {
-                "type": {
-                  "text": "Promise<string>"
-                }
-              },
-              "description": "Get the effective value (value or label as fallback)"
-            },
-            {
-              "kind": "method",
-              "name": "getTabConfig",
-              "return": {
-                "type": {
-                  "text": "Promise<{\n    label: string;\n    value: string;\n    iconStart?: string;\n    iconEnd?: string;\n    disabled: boolean;\n  }>"
-                }
-              },
-              "description": "Get tab configuration for parent component"
-            },
-            {
-              "kind": "method",
-              "name": "setActive",
-              "parameters": [
-                {
-                  "name": "isActive",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Set the active state (called by parent le-tabs)"
-            },
-            {
-              "kind": "method",
-              "name": "shouldRenderContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Check if panel should render content"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "fieldName": "label",
-              "description": "The label displayed in the tab button.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value used to identify this tab.\nDefaults to the label if not provided.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-start",
-              "fieldName": "iconStart",
-              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-end",
-              "fieldName": "iconEnd",
-              "description": "Icon displayed at the end of the tab button.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether this tab is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
+            }
+          ],
+          "tagName": "le-tab-bar",
+          "events": [
             {
-              "name": "lazy",
-              "fieldName": "lazy",
-              "default": "false",
-              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive.",
+              "name": "leTabChange",
               "type": {
-                "text": "boolean"
-              }
+                "text": "EventEmitter<LeOptionSelectDetail>"
+              },
+              "description": "Emitted when the selected tab changes."
             }
           ],
-          "tagName": "le-tab-panel",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeTabPanel",
+          "name": "LeTabBar",
           "declaration": {
-            "name": "LeTabPanel",
-            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+            "name": "LeTabBar",
+            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-tab-panel",
+          "name": "le-tab-bar",
           "declaration": {
-            "name": "LeTabPanel",
-            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+            "name": "LeTabBar",
+            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
           }
         }
       ]
@@ -8457,6 +8975,233 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-tab-panel/le-tab-panel.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A tab panel component used as a child of le-tabs.\n\nEach le-tab-panel defines both the tab button label and the panel content.\nThe parent le-tabs component automatically reads these panels and creates\nthe tab interface.",
+          "name": "LeTabPanel",
+          "slots": [
+            {
+              "description": "Default slot for panel content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLLeTabPanelElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label displayed in the tab button."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The value used to identify this tab.\nDefaults to the label if not provided."
+            },
+            {
+              "kind": "field",
+              "name": "iconStart",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class."
+            },
+            {
+              "kind": "field",
+              "name": "iconEnd",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Icon displayed at the end of the tab button."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this tab is disabled."
+            },
+            {
+              "kind": "field",
+              "name": "lazy",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive."
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Internal: Whether this panel is currently active (set by parent le-tabs)"
+            },
+            {
+              "kind": "field",
+              "name": "hasBeenActive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Internal: Track if panel has ever been activated (for lazy rendering)"
+            },
+            {
+              "kind": "method",
+              "name": "activeChanged",
+              "parameters": [
+                {
+                  "name": "isActive",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getValue",
+              "return": {
+                "type": {
+                  "text": "Promise<string>"
+                }
+              },
+              "description": "Get the effective value (value or label as fallback)"
+            },
+            {
+              "kind": "method",
+              "name": "getTabConfig",
+              "return": {
+                "type": {
+                  "text": "Promise<{\n    label: string;\n    value: string;\n    iconStart?: string;\n    iconEnd?: string;\n    disabled: boolean;\n  }>"
+                }
+              },
+              "description": "Get tab configuration for parent component"
+            },
+            {
+              "kind": "method",
+              "name": "setActive",
+              "parameters": [
+                {
+                  "name": "isActive",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Set the active state (called by parent le-tabs)"
+            },
+            {
+              "kind": "method",
+              "name": "shouldRenderContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Check if panel should render content"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "fieldName": "label",
+              "description": "The label displayed in the tab button.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value used to identify this tab.\nDefaults to the label if not provided.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon-start",
+              "fieldName": "iconStart",
+              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon-end",
+              "fieldName": "iconEnd",
+              "description": "Icon displayed at the end of the tab button.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether this tab is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "lazy",
+              "fieldName": "lazy",
+              "default": "false",
+              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive.",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-tab-panel",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeTabPanel",
+          "declaration": {
+            "name": "LeTabPanel",
+            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-tab-panel",
+          "declaration": {
+            "name": "LeTabPanel",
+            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-tag/le-tag.tsx",