le-kit 0.1.18 → 0.2.0

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

@@ -768,7 +768,7 @@
             {
               "name": "click",
               "type": {
-                "text": "EventEmitter<PointerEvent>"
+                "text": "EventEmitter<MouseEvent>"
               },
               "description": "Emitted when the button is clicked.\nThis is a custom event that wraps the native click but ensures the target is the le-button."
             }
@@ -797,38 +797,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "path": "src/components/le-collapse/le-collapse.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
-          "name": "LeCheckbox",
+          "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": "Size of the checkbox input",
-              "name": "--le-checkbox-size"
-            },
-            {
-              "description": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
-            },
+              "description": "Transition duration",
+              "name": "--le-collapse-duration"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
+              "description": "Collapsible region",
+              "name": "region"
             },
             {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
+              "description": "Inner content",
+              "name": "content"
             }
           ],
           "slots": [
             {
-              "description": "The label text for the checkbox",
+              "description": "Content to animate",
               "name": ""
-            },
-            {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
             }
           ],
           "members": [
@@ -841,49 +835,80 @@
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "closed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the checkbox is checked"
+              "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": "disabled",
+              "name": "scrollDown",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the checkbox is disabled"
+              "description": "Whether the content should scroll down from the top when open."
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "noFading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The name of the checkbox input"
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "collapseOnHeaderShrink",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The value of the checkbox input"
+              "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": "externalId",
+              "name": "headerShrunk",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "handleChange",
+              "kind": "method",
+              "name": "onOpenChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onDrivenStateChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "shouldBeOpen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "applyOpenState",
               "privacy": "private"
             },
             {
@@ -893,76 +918,62 @@
           ],
           "attributes": [
             {
-              "name": "checked",
-              "fieldName": "checked",
+              "name": "closed",
+              "fieldName": "closed",
               "default": "false",
-              "description": "Whether the checkbox is checked",
+              "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": "disabled",
-              "fieldName": "disabled",
+              "name": "scroll-down",
+              "fieldName": "scrollDown",
               "default": "false",
-              "description": "Whether the checkbox is disabled",
+              "description": "Whether the content should scroll down from the top when open.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the checkbox input",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the checkbox input",
+              "name": "no-fading",
+              "fieldName": "noFading",
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
+              "name": "collapse-on-header-shrink",
+              "fieldName": "collapseOnHeaderShrink",
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             }
           ],
-          "tagName": "le-checkbox",
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
-              },
-              "description": "Emitted when the checked state changes"
-            }
-          ],
+          "tagName": "le-collapse",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCheckbox",
+          "name": "LeCollapse",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-checkbox",
+          "name": "le-collapse",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
           }
         }
       ]
@@ -1102,32 +1113,38 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-collapse/le-collapse.tsx",
+      "path": "src/components/le-checkbox/le-checkbox.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",
+          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
+          "name": "LeCheckbox",
           "cssProperties": [
             {
-              "description": "Transition duration",
-              "name": "--le-collapse-duration"
-            }
-          ],
-          "cssParts": [
+              "description": "Size of the checkbox input",
+              "name": "--le-checkbox-size"
+            },
             {
-              "description": "Collapsible region",
-              "name": "region"
+              "description": "Color of the checkbox when checked",
+              "name": "--le-checkbox-color"
             },
             {
-              "description": "Inner content",
-              "name": "content"
+              "description": "Color of the label text",
+              "name": "--le-checkbox-label-color"
+            },
+            {
+              "description": "Color of the description text",
+              "name": "--le-checkbox-desc-color"
             }
           ],
           "slots": [
             {
-              "description": "Content to animate",
+              "description": "The label text for the checkbox",
               "name": ""
+            },
+            {
+              "description": "Additional description text displayed below the label",
+              "name": "description"
             }
           ],
           "members": [
@@ -1140,80 +1157,49 @@
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether the content should be shown."
+              "default": "false",
+              "description": "Whether the checkbox is checked"
             },
             {
               "kind": "field",
-              "name": "scrollDown",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the content should scroll down from the top when open."
+              "description": "Whether the checkbox is disabled"
             },
             {
               "kind": "field",
-              "name": "noFading",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding."
+              "description": "The name of the checkbox input"
             },
             {
               "kind": "field",
-              "name": "collapseOnHeaderShrink",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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."
+              "description": "The value of the checkbox input"
             },
             {
               "kind": "field",
-              "name": "headerShrunk",
+              "name": "externalId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "onOpenChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "onDrivenStateChange",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "shouldBeOpen",
-              "privacy": "private"
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
             },
             {
-              "kind": "method",
-              "name": "applyOpenState",
+              "kind": "field",
+              "name": "handleChange",
               "privacy": "private"
             },
             {
@@ -1223,74 +1209,94 @@
           ],
           "attributes": [
             {
-              "name": "open",
-              "fieldName": "open",
-              "default": "true",
-              "description": "Whether the content should be shown.",
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "scroll-down",
-              "fieldName": "scrollDown",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the content should scroll down from the top when open.",
+              "description": "Whether the checkbox is disabled",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "no-fading",
-              "fieldName": "noFading",
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding.",
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "collapse-on-header-shrink",
-              "fieldName": "collapseOnHeaderShrink",
-              "default": "false",
-              "description": "If true, collapse/expand based on the nearest header shrink event.",
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the checkbox input",
               "type": {
-                "text": "boolean"
+                "text": "string"
+              }
+            },
+            {
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
+              "type": {
+                "text": "string"
               }
             }
           ],
-          "tagName": "le-collapse",
-          "events": [],
+          "tagName": "le-checkbox",
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the checked state changes"
+            }
+          ],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCollapse",
+          "name": "LeCheckbox",
           "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-collapse",
+          "name": "le-checkbox",
           "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-combobox/le-combobox.tsx",
+      "path": "src/components/le-component/le-component.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A combobox component with searchable dropdown.\n\nCombines a text input with a dropdown list, allowing users to\nfilter options by typing or select from the list.",
-          "name": "LeCombobox",
+          "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n  return (\n    <le-component component=\"le-card\">\n      <Host>...</Host>\n    </le-component>\n  );\n}\n```",
+          "name": "LeComponent",
+          "slots": [
+            {
+              "description": "The component's rendered content",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1301,231 +1307,217 @@
             },
             {
               "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
+              "name": "component",
               "type": {
                 "text": "string"
               },
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the combobox is disabled."
+              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "displayName",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether selection is required."
+              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "hostClass",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Name attribute for form submission."
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "hostStyle",
               "type": {
-                "text": "boolean"
+                "text": "{ [key: string]: string } | undefined"
               },
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
+              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "hostElement",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "HTMLElement | undefined"
               },
-              "default": "'medium'",
-              "description": "Size variant of the combobox."
+              "privacy": "private",
+              "description": "Reference to the host element (found automatically from parent)"
             },
             {
               "kind": "field",
-              "name": "allowCustom",
+              "name": "adminMode",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
-              "description": "Whether to allow custom values not in the options list."
+              "description": "Internal state to track admin mode"
             },
             {
               "kind": "field",
-              "name": "minSearchLength",
+              "name": "componentMeta",
               "type": {
-                "text": "number"
+                "text": "ComponentMetadata | null"
               },
-              "default": "0",
-              "description": "Minimum characters before showing filtered results."
+              "privacy": "private",
+              "default": "null",
+              "description": "Component metadata loaded from Custom Elements Manifest"
             },
             {
               "kind": "field",
-              "name": "emptyText",
+              "name": "propertyValues",
               "type": {
-                "text": "string"
+                "text": "Record<string, any>"
               },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "privacy": "private",
+              "default": "{}",
+              "description": "Current property values of the host component"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "disconnectModeObserver",
               "type": {
-                "text": "boolean"
+                "text": "() => void | undefined"
               },
-              "default": "false",
-              "description": "Whether the dropdown is currently open."
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleWindowClick",
+              "name": "findHostElement",
+              "privacy": "private",
+              "description": "Find the host element by traversing up through shadow DOM"
+            },
+            {
+              "kind": "method",
+              "name": "formatDisplayName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "tagName",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
             },
             {
-              "kind": "field",
-              "name": "inputValue",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "loadComponentMetadata",
               "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "selectedOption",
-              "type": {
-                "text": "LeOption | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dropdownEl",
-              "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
-              },
-              "privacy": "private"
+              "description": "Load component metadata from the Custom Elements Manifest"
             },
             {
-              "kind": "field",
-              "name": "inputEl",
-              "type": {
-                "text": "HTMLInputElement | undefined"
+              "kind": "method",
+              "name": "isInternalAttribute",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private"
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Check if an attribute is internal (should not be shown in editor)"
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "readPropertyValues",
+              "privacy": "private",
+              "description": "Read current property values from the host element"
             },
             {
               "kind": "method",
-              "name": "handleOptionsChange"
-            },
-            {
-              "kind": "field",
-              "name": "parsedOptions",
-              "type": {
-                "text": "LeOption[]"
-              },
+              "name": "parseAttributeValue",
               "privacy": "private",
-              "readonly": true
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "type",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Parse an attribute value based on its type"
             },
             {
               "kind": "method",
-              "name": "updateSelectedOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOptionSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDropdownClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClear",
-              "privacy": "private"
+              "name": "handlePropertyChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "attrName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "type",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Handle property value changes from the editor"
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "deleteComponent",
+              "privacy": "private",
+              "description": "Delete this component from the DOM"
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "name": "renderPropertyEditor",
+              "privacy": "private",
+              "description": "Render the property editor form"
             },
             {
               "kind": "method",
-              "name": "focusInput",
-              "description": "Focuses the input element."
+              "name": "renderPropertyField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "attr",
+                  "type": {
+                    "text": "AttributeMetadata"
+                  }
+                }
+              ],
+              "description": "Render a single property field based on its type"
             },
             {
               "kind": "method",
@@ -1534,179 +1526,70 @@
           ],
           "attributes": [
             {
-              "name": "options",
-              "fieldName": "options",
-              "default": "[]",
-              "description": "The options to display in the dropdown.",
-              "type": {
-                "text": "LeOption[] | string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The currently selected value.",
-              "type": {
-                "text": "LeOptionValue"
-              }
-            },
-            {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input.",
+              "name": "component",
+              "fieldName": "component",
+              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the combobox is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "default": "false",
-              "description": "Whether selection is required.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
+              "name": "display-name",
+              "fieldName": "displayName",
+              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'medium'",
-              "description": "Size variant of the combobox.",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              }
-            },
-            {
-              "name": "allow-custom",
-              "fieldName": "allowCustom",
-              "default": "false",
-              "description": "Whether to allow custom values not in the options list.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "min-search-length",
-              "fieldName": "minSearchLength",
-              "default": "0",
-              "description": "Minimum characters before showing filtered results.",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
+              "name": "host-class",
+              "fieldName": "hostClass",
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
-              "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "name": "host-style",
+              "fieldName": "hostStyle",
+              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
               "type": {
-                "text": "boolean"
+                "text": "{ [key: string]: string }"
               }
             }
           ],
-          "tagName": "le-combobox",
-          "events": [
-            {
-              "name": "leChange",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected value changes."
-            },
-            {
-              "name": "leInput",
-              "type": {
-                "text": "EventEmitter<{ value: string }>"
-              },
-              "description": "Emitted when the input value changes (for custom values)."
-            },
-            {
-              "name": "leOpen",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
-            },
-            {
-              "name": "leClose",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown closes."
-            }
-          ],
+          "tagName": "le-component",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCombobox",
+          "name": "LeComponent",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-combobox",
+          "name": "le-component",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-component/le-component.tsx",
+      "path": "src/components/le-combobox/le-combobox.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n  return (\n    <le-component component=\"le-card\">\n      <Host>...</Host>\n    </le-component>\n  );\n}\n```",
-          "name": "LeComponent",
-          "slots": [
-            {
-              "description": "The component's rendered content",
-              "name": ""
-            }
-          ],
+          "description": "A combobox component with searchable dropdown.\n\nCombines a text input with a dropdown list, allowing users to\nfilter options by typing or select from the list.",
+          "name": "LeCombobox",
           "members": [
             {
               "kind": "field",
@@ -1717,277 +1600,394 @@
             },
             {
               "kind": "field",
-              "name": "component",
+              "name": "options",
               "type": {
-                "text": "string"
+                "text": "LeOption[] | string"
               },
-              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
               "kind": "field",
-              "name": "displayName",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "LeOptionValue | undefined"
               },
-              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
+              "description": "The currently selected value."
             },
             {
               "kind": "field",
-              "name": "hostClass",
+              "name": "placeholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input."
             },
             {
               "kind": "field",
-              "name": "hostStyle",
+              "name": "disabled",
               "type": {
-                "text": "{ [key: string]: string } | undefined"
+                "text": "boolean"
               },
-              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
+              "default": "false",
+              "description": "Whether the combobox is disabled."
             },
             {
               "kind": "field",
-              "name": "hostElement",
+              "name": "required",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "description": "Reference to the host element (found automatically from parent)"
+              "default": "false",
+              "description": "Whether selection is required."
             },
             {
               "kind": "field",
-              "name": "adminMode",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Internal state to track admin mode"
+              "description": "Whether the multiselect should take full width of its container."
             },
             {
               "kind": "field",
-              "name": "componentMeta",
+              "name": "size",
               "type": {
-                "text": "ComponentMetadata | null"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "privacy": "private",
-              "default": "null",
-              "description": "Component metadata loaded from Custom Elements Manifest"
+              "default": "'medium'",
+              "description": "Size variant of the combobox."
             },
             {
               "kind": "field",
-              "name": "propertyValues",
+              "name": "allowCustom",
               "type": {
-                "text": "Record<string, any>"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "{}",
-              "description": "Current property values of the host component"
+              "default": "false",
+              "description": "Whether to allow custom values not in the options list."
             },
             {
               "kind": "field",
-              "name": "disconnectModeObserver",
+              "name": "minSearchLength",
               "type": {
-                "text": "() => void | undefined"
+                "text": "number"
               },
-              "privacy": "private"
+              "default": "0",
+              "description": "Minimum characters before showing filtered results."
             },
             {
-              "kind": "method",
-              "name": "findHostElement",
-              "privacy": "private",
-              "description": "Find the host element by traversing up through shadow DOM"
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search."
             },
             {
-              "kind": "method",
-              "name": "formatDisplayName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
+              "default": "false",
+              "description": "Whether the dropdown is currently open."
+            },
+            {
+              "kind": "method",
+              "name": "handleWindowClick",
               "parameters": [
                 {
-                  "name": "tagName",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
+              ]
             },
             {
-              "kind": "method",
-              "name": "loadComponentMetadata",
+              "kind": "field",
+              "name": "inputValue",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "description": "Load component metadata from the Custom Elements Manifest"
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "isInternalAttribute",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "selectedOption",
+              "type": {
+                "text": "LeOption | undefined"
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Check if an attribute is internal (should not be shown in editor)"
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "readPropertyValues",
-              "privacy": "private",
-              "description": "Read current property values from the host element"
+              "kind": "field",
+              "name": "dropdownEl",
+              "type": {
+                "text": "HTMLLeDropdownBaseElement | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "parseAttributeValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
+              "kind": "field",
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement | undefined"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string | null"
-                  }
-                },
-                {
-                  "name": "type",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Parse an attribute value based on its type"
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handlePropertyChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "attrName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "type",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Handle property value changes from the editor"
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
-              "name": "deleteComponent",
-              "privacy": "private",
-              "description": "Delete this component from the DOM"
+              "name": "handleOptionsChange"
             },
             {
-              "kind": "method",
-              "name": "renderPropertyEditor",
+              "kind": "field",
+              "name": "parsedOptions",
+              "type": {
+                "text": "LeOption[]"
+              },
               "privacy": "private",
-              "description": "Render the property editor form"
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "renderPropertyField",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "attr",
-                  "type": {
-                    "text": "AttributeMetadata"
-                  }
-                }
-              ],
-              "description": "Render a single property field based on its type"
+              "name": "updateSelectedOption",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "filterOption",
+              "privacy": "private"
+            },
             {
-              "name": "component",
-              "fieldName": "component",
-              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "field",
+              "name": "handleOptionSelect",
+              "privacy": "private"
             },
             {
-              "name": "display-name",
-              "fieldName": "displayName",
-              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
             {
-              "name": "host-class",
-              "fieldName": "hostClass",
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "field",
+              "name": "handleDropdownClose",
+              "privacy": "private"
             },
             {
-              "name": "host-style",
-              "fieldName": "hostStyle",
-              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
-              "type": {
-                "text": "{ [key: string]: string }"
-              }
+              "kind": "field",
+              "name": "handleInputChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleClear",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "focusInput",
+              "description": "Focuses the input element."
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "options",
+              "fieldName": "options",
+              "default": "[]",
+              "description": "The options to display in the dropdown.",
+              "type": {
+                "text": "LeOption[] | string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The currently selected value.",
+              "type": {
+                "text": "LeOptionValue"
+              }
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the combobox is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "default": "false",
+              "description": "Whether selection is required.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name attribute for form submission.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "default": "'medium'",
+              "description": "Size variant of the combobox.",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "allow-custom",
+              "fieldName": "allowCustom",
+              "default": "false",
+              "description": "Whether to allow custom values not in the options list.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "min-search-length",
+              "fieldName": "minSearchLength",
+              "default": "0",
+              "description": "Minimum characters before showing filtered results.",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "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-combobox",
+          "events": [
+            {
+              "name": "leChange",
+              "type": {
+                "text": "EventEmitter<LeOptionSelectDetail>"
+              },
+              "description": "Emitted when the selected value changes."
+            },
+            {
+              "name": "leInput",
+              "type": {
+                "text": "EventEmitter<{ value: string }>"
+              },
+              "description": "Emitted when the input value changes (for custom values)."
+            },
+            {
+              "name": "leOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
+            },
+            {
+              "name": "leClose",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
             }
           ],
-          "tagName": "le-component",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeComponent",
+          "name": "LeCombobox",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-component",
+          "name": "le-combobox",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         }
       ]
@@ -2533,423 +2533,1026 @@
               }
             },
             {
-              "name": "close-on-click-outside",
-              "fieldName": "closeOnClickOutside",
-              "default": "true",
-              "description": "Whether to close the dropdown when clicking outside.\n(used to support combobox with input focus)",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "close-on-click-outside",
+              "fieldName": "closeOnClickOutside",
+              "default": "true",
+              "description": "Whether to close the dropdown when clicking outside.\n(used to support combobox with input focus)",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-dropdown-base",
+          "events": [
+            {
+              "name": "leOptionSelect",
+              "type": {
+                "text": "EventEmitter<LeOptionSelectDetail>"
+              },
+              "description": "Emitted when an option is selected."
+            },
+            {
+              "name": "leDropdownOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
+            },
+            {
+              "name": "leDropdownClose",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeDropdownBase",
+          "declaration": {
+            "name": "LeDropdownBase",
+            "module": "src/components/le-dropdown-base/le-dropdown-base.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-dropdown-base",
+          "declaration": {
+            "name": "LeDropdownBase",
+            "module": "src/components/le-dropdown-base/le-dropdown-base.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-header/le-header.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A functional page header with scroll-aware behaviors.\n\nFeatures:\n- Static (default), sticky, or fixed positioning\n- Optional shrink-on-scroll behavior via `shrink-offset`\n- Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)\n\nSlots:\n- `start`: left side (logo/back button)\n- `title`: centered/primary title content\n- `end`: right side actions\n- default: extra content row (e.g., tabs/search) rendered below main row",
+          "name": "LeHeader",
+          "cssProperties": [
+            {
+              "description": "Background (color/gradient)",
+              "name": "--le-header-bg"
+            },
+            {
+              "description": "Text color",
+              "name": "--le-header-color"
+            },
+            {
+              "description": "Border (e.g. 1px solid ...)",
+              "name": "--le-header-border"
+            },
+            {
+              "description": "Shadow/elevation",
+              "name": "--le-header-shadow"
+            },
+            {
+              "description": "Inner content max width",
+              "name": "--le-header-max-width"
+            },
+            {
+              "description": "Horizontal padding",
+              "name": "--le-header-padding-x"
+            },
+            {
+              "description": "Vertical padding",
+              "name": "--le-header-padding-y"
+            },
+            {
+              "description": "Gap between zones",
+              "name": "--le-header-gap"
+            },
+            {
+              "description": "Base height (main row)",
+              "name": "--le-header-height"
+            },
+            {
+              "description": "Condensed height when shrunk",
+              "name": "--le-header-height-condensed"
+            },
+            {
+              "description": "Transition timing",
+              "name": "--le-header-transition"
+            },
+            {
+              "description": "Z-index (fixed mode)",
+              "name": "--le-header-z"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The header container",
+              "name": "header"
+            },
+            {
+              "description": "Inner max-width container",
+              "name": "inner"
+            },
+            {
+              "description": "Main row",
+              "name": "row"
+            },
+            {
+              "description": "Start zone",
+              "name": "start"
+            },
+            {
+              "description": "Title zone",
+              "name": "title"
+            },
+            {
+              "description": "End zone",
+              "name": "end"
+            },
+            {
+              "description": "Secondary row",
+              "name": "secondary"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Start area content",
+              "name": "start"
+            },
+            {
+              "description": "Title content",
+              "name": "title"
+            },
+            {
+              "description": "End area content",
+              "name": "end"
+            },
+            {
+              "description": "Optional secondary row content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isStatic",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true."
+            },
+            {
+              "kind": "field",
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true."
+            },
+            {
+              "kind": "field",
+              "name": "fixed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`."
+            },
+            {
+              "kind": "field",
+              "name": "revealOnScroll",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n- missing/false: disabled\n- true/empty attribute: enabled with default threshold (16)\n- number (as string): enabled and used as threshold"
+            },
+            {
+              "kind": "field",
+              "name": "shrinkOffset",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Shrink trigger.\n- missing/0: disabled\n- number (px): shrink when scrollY >= that value (but never before header height)\n- css var name (e.g. --foo): shrink when scrollY >= resolved var value\n- selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport"
+            },
+            {
+              "kind": "field",
+              "name": "expandOnHover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, expand the header when hovered"
+            },
+            {
+              "kind": "field",
+              "name": "revealed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "shrunk",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "placeholderHeight",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "hoverActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "disconnectModeObserver",
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "rafId",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "measureRafId",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "lastY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "lastEmittedDirection",
+              "type": {
+                "text": "'up' | 'down'"
+              },
+              "privacy": "private",
+              "default": "'down'"
+            },
+            {
+              "kind": "field",
+              "name": "headerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "shrinkSelectorEl",
+              "type": {
+                "text": "Element | null | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setShrunk",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "y",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBehaviorPropsChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onWindowScroll",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onWindowResize",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "getPosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeHeaderPosition"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "parseRevealThreshold",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resolveShrinkStartPx",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "scheduleUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "scheduleMeasure",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "measurePlaceholderHeight",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateFromScroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "static",
+              "fieldName": "isStatic",
+              "default": "false",
+              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "sticky",
+              "fieldName": "sticky",
+              "default": "false",
+              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "fixed",
+              "fieldName": "fixed",
+              "default": "false",
+              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "reveal-on-scroll",
+              "fieldName": "revealOnScroll",
+              "description": "Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n- missing/false: disabled\n- true/empty attribute: enabled with default threshold (16)\n- number (as string): enabled and used as threshold",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "shrink-offset",
+              "fieldName": "shrinkOffset",
+              "description": "Shrink trigger.\n- missing/0: disabled\n- number (px): shrink when scrollY >= that value (but never before header height)\n- css var name (e.g. --foo): shrink when scrollY >= resolved var value\n- selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "expand-on-hover",
+              "fieldName": "expandOnHover",
+              "default": "false",
+              "description": "If true, expand the header when hovered",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-header",
+          "events": [
+            {
+              "name": "leHeaderState",
+              "type": {
+                "text": "EventEmitter<{\n    y: number;\n    direction: 'up' | 'down';\n    revealed: boolean;\n    shrunk: boolean;\n  }>"
+              },
+              "description": "Emits whenever scroll-driven state changes."
+            },
+            {
+              "name": "leHeaderShrinkChange",
+              "type": {
+                "text": "EventEmitter<{ shrunk: boolean; y: number }>"
+              },
+              "description": "Emits when the header shrinks/expands (only on change)."
+            },
+            {
+              "name": "leHeaderVisibilityChange",
+              "type": {
+                "text": "EventEmitter<{ visible: boolean; y: number }>"
+              },
+              "description": "Emits when the header hides/shows (only on change)."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeHeader",
+          "declaration": {
+            "name": "LeHeader",
+            "module": "src/components/le-header/le-header.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-header",
+          "declaration": {
+            "name": "LeHeader",
+            "module": "src/components/le-header/le-header.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-header-placeholder/le-header-placeholder.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Placeholder for `le-header`.\n\nReserves space using the global CSS variable `--le-header-height`.\nThe header component updates that variable when it renders.",
+          "name": "LeHeaderPlaceholder",
+          "cssProperties": [
+            {
+              "description": "Published header height (px)",
+              "name": "--le-header-height"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "le-header-placeholder",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeHeaderPlaceholder",
+          "declaration": {
+            "name": "LeHeaderPlaceholder",
+            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-header-placeholder",
+          "declaration": {
+            "name": "LeHeaderPlaceholder",
+            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-icon/le-icon.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LeIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "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": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Size of the icon in pixels. Default is 16."
+            },
+            {
+              "kind": "field",
+              "name": "iconData",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "visible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "loadIconData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "intersectionObserver",
+              "type": {
+                "text": "IntersectionObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "waitUntilVisible",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "callback",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderSVGContent",
+              "privacy": "private",
+              "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": "method",
+              "name": "render"
             }
           ],
-          "tagName": "le-dropdown-base",
-          "events": [
-            {
-              "name": "leOptionSelect",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when an option is selected."
-            },
+          "attributes": [
             {
-              "name": "leDropdownOpen",
+              "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": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
+                "text": "string"
+              }
             },
             {
-              "name": "leDropdownClose",
+              "name": "size",
+              "fieldName": "size",
+              "default": "16",
+              "description": "Size of the icon in pixels. Default is 16.",
               "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown closes."
+                "text": "number"
+              }
             }
           ],
+          "tagName": "le-icon",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeDropdownBase",
+          "name": "LeIcon",
           "declaration": {
-            "name": "LeDropdownBase",
-            "module": "src/components/le-dropdown-base/le-dropdown-base.tsx"
+            "name": "LeIcon",
+            "module": "src/components/le-icon/le-icon.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-dropdown-base",
+          "name": "le-icon",
           "declaration": {
-            "name": "LeDropdownBase",
-            "module": "src/components/le-dropdown-base/le-dropdown-base.tsx"
+            "name": "LeIcon",
+            "module": "src/components/le-icon/le-icon.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-header/le-header.tsx",
+      "path": "src/components/le-multiselect/le-multiselect.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A functional page header with scroll-aware behaviors.\n\nFeatures:\n- Static (default), sticky, or fixed positioning\n- Optional shrink-on-scroll behavior via `shrink-offset`\n- Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)\n\nSlots:\n- `start`: left side (logo/back button)\n- `title`: centered/primary title content\n- `end`: right side actions\n- default: extra content row (e.g., tabs/search) rendered below main row",
-          "name": "LeHeader",
-          "cssProperties": [
-            {
-              "description": "Background (color/gradient)",
-              "name": "--le-header-bg"
-            },
-            {
-              "description": "Text color",
-              "name": "--le-header-color"
-            },
-            {
-              "description": "Border (e.g. 1px solid ...)",
-              "name": "--le-header-border"
-            },
-            {
-              "description": "Shadow/elevation",
-              "name": "--le-header-shadow"
-            },
-            {
-              "description": "Inner content max width",
-              "name": "--le-header-max-width"
-            },
-            {
-              "description": "Horizontal padding",
-              "name": "--le-header-padding-x"
-            },
-            {
-              "description": "Vertical padding",
-              "name": "--le-header-padding-y"
-            },
-            {
-              "description": "Gap between zones",
-              "name": "--le-header-gap"
-            },
-            {
-              "description": "Base height (main row)",
-              "name": "--le-header-height"
-            },
-            {
-              "description": "Condensed height when shrunk",
-              "name": "--le-header-height-condensed"
-            },
-            {
-              "description": "Transition timing",
-              "name": "--le-header-transition"
-            },
-            {
-              "description": "Z-index (fixed mode)",
-              "name": "--le-header-z"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The header container",
-              "name": "header"
-            },
-            {
-              "description": "Inner max-width container",
-              "name": "inner"
-            },
-            {
-              "description": "Main row",
-              "name": "row"
-            },
+          "description": "A multiselect component for selecting multiple options.\n\nDisplays selected items as tags with optional search filtering.",
+          "name": "LeMultiselect",
+          "members": [
             {
-              "description": "Start zone",
-              "name": "start"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "description": "Title zone",
-              "name": "title"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
-              "description": "End zone",
-              "name": "end"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue[]"
+              },
+              "default": "[]",
+              "description": "The currently selected values."
             },
             {
-              "description": "Secondary row",
-              "name": "secondary"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Start area content",
-              "name": "start"
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select options...'",
+              "description": "Placeholder text when no options are selected."
             },
             {
-              "description": "Title content",
-              "name": "title"
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the multiselect is disabled."
             },
             {
-              "description": "End area content",
-              "name": "end"
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether selection is required."
             },
-            {
-              "description": "Optional secondary row content",
-              "name": ""
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "name",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
             },
             {
               "kind": "field",
-              "name": "isStatic",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true."
+              "description": "Whether the multiselect should take full width of its container."
             },
             {
               "kind": "field",
-              "name": "sticky",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true."
+              "default": "'medium'",
+              "description": "Size variant of the multiselect."
             },
             {
               "kind": "field",
-              "name": "fixed",
+              "name": "maxSelections",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`."
+              "description": "Maximum number of selections allowed."
             },
             {
               "kind": "field",
-              "name": "revealOnScroll",
+              "name": "selectAllLabel",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n- missing/false: disabled\n- true/empty attribute: enabled with default threshold (16)\n- number (as string): enabled and used as threshold"
+              "privacy": "private",
+              "default": "'Select All'",
+              "description": "Labels for the \"Select All\" option."
             },
             {
               "kind": "field",
-              "name": "shrinkOffset",
+              "name": "deselectAllLabel",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Shrink trigger.\n- missing/0: disabled\n- number (px): shrink when scrollY >= that value (but never before header height)\n- css var name (e.g. --foo): shrink when scrollY >= resolved var value\n- selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport"
+              "privacy": "private",
+              "default": "'Deselect All'"
             },
             {
               "kind": "field",
-              "name": "expandOnHover",
+              "name": "showSelectAll",
               "type": {
-                "text": "boolean"
+                "text": "boolean | string | string[]"
               },
               "default": "false",
-              "description": "If true, expand the header when hovered"
+              "description": "Whether to show a \"Select All\" option.\nAlso accepts a string or array of strings to customize the label(s)."
             },
             {
               "kind": "field",
-              "name": "revealed",
+              "name": "searchable",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "true"
+              "default": "false",
+              "description": "Whether the input is searchable."
             },
             {
               "kind": "field",
-              "name": "shrunk",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search."
+            },
+            {
+              "kind": "field",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Whether the dropdown is currently open."
             },
             {
               "kind": "field",
-              "name": "placeholderHeight",
+              "name": "selectedOptions",
               "type": {
-                "text": "number | null"
+                "text": "LeOption[]"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "hoverActive",
+              "name": "searchQuery",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "disconnectModeObserver",
+              "name": "dropdownEl",
               "type": {
-                "text": "() => void | undefined"
+                "text": "HTMLLeDropdownBaseElement | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "rafId",
+              "name": "inputEl",
               "type": {
-                "text": "number | null"
+                "text": "HTMLInputElement | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "measureRafId",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "private",
-              "default": "null"
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionsChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleShowSelectAllChange",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean | string | string[]"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "lastY",
+              "name": "parsedOptions",
               "type": {
-                "text": "number"
+                "text": "LeOption[]"
               },
               "privacy": "private",
-              "default": "0"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "lastEmittedDirection",
+              "name": "effectiveOptions",
               "type": {
-                "text": "'up' | 'down'"
+                "text": "LeOption[]"
               },
               "privacy": "private",
-              "default": "'down'"
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "updateSelectedOptions",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "headerEl",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
+              "name": "filterOption",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "shrinkSelectorEl",
-              "type": {
-                "text": "Element | null | undefined"
-              },
+              "name": "handleOptionSelect",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "setShrunk",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "y",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "name": "emitChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "onBehaviorPropsChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "onWindowScroll",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "handleDropdownClose",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "onWindowResize",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "handleTriggerClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getPosition",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "LeHeaderPosition"
-                }
-              }
+              "kind": "field",
+              "name": "handleTriggerKeyDown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "parseRevealThreshold",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number | null"
-                }
-              }
+              "kind": "field",
+              "name": "handleTagDismiss",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "resolveShrinkStartPx",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number | null"
-                }
-              }
+              "kind": "field",
+              "name": "handleSearchInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleClearAll",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "scheduleUpdate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
             },
             {
               "kind": "method",
-              "name": "scheduleMeasure",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "force",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
             },
             {
               "kind": "method",
-              "name": "measurePlaceholderHeight",
-              "privacy": "private"
+              "name": "clearSelection",
+              "description": "Clears all selections."
             },
             {
               "kind": "method",
-              "name": "updateFromScroll",
+              "name": "renderTags",
               "privacy": "private"
             },
             {
@@ -2959,156 +3562,175 @@
           ],
           "attributes": [
             {
-              "name": "static",
-              "fieldName": "isStatic",
+              "name": "options",
+              "fieldName": "options",
+              "default": "[]",
+              "description": "The options to display in the dropdown.",
+              "type": {
+                "text": "LeOption[] | string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "default": "[]",
+              "description": "The currently selected values.",
+              "type": {
+                "text": "LeOptionValue[]"
+              }
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "'Select options...'",
+              "description": "Placeholder text when no options are selected.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true.",
+              "description": "Whether the multiselect is disabled.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "sticky",
-              "fieldName": "sticky",
+              "name": "required",
+              "fieldName": "required",
               "default": "false",
-              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true.",
+              "description": "Whether selection is required.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "fixed",
-              "fieldName": "fixed",
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name attribute for form submission.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
               "default": "false",
-              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`.",
+              "description": "Whether the multiselect should take full width of its container.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "reveal-on-scroll",
-              "fieldName": "revealOnScroll",
-              "description": "Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n- missing/false: disabled\n- true/empty attribute: enabled with default threshold (16)\n- number (as string): enabled and used as threshold",
+              "name": "size",
+              "fieldName": "size",
+              "default": "'medium'",
+              "description": "Size variant of the multiselect.",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "max-selections",
+              "fieldName": "maxSelections",
+              "description": "Maximum number of selections allowed.",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "show-select-all",
+              "fieldName": "showSelectAll",
+              "default": "false",
+              "description": "Whether to show a \"Select All\" option.\nAlso accepts a string or array of strings to customize the label(s).",
+              "type": {
+                "text": "boolean | string | string[]"
+              }
+            },
+            {
+              "name": "searchable",
+              "fieldName": "searchable",
+              "default": "false",
+              "description": "Whether the input is searchable.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "shrink-offset",
-              "fieldName": "shrinkOffset",
-              "description": "Shrink trigger.\n- missing/0: disabled\n- number (px): shrink when scrollY >= that value (but never before header height)\n- css var name (e.g. --foo): shrink when scrollY >= resolved var value\n- selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport",
+              "name": "empty-text",
+              "fieldName": "emptyText",
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "expand-on-hover",
-              "fieldName": "expandOnHover",
+              "name": "open",
+              "fieldName": "open",
               "default": "false",
-              "description": "If true, expand the header when hovered",
+              "description": "Whether the dropdown is currently open.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-header",
+          "tagName": "le-multiselect",
           "events": [
             {
-              "name": "leHeaderState",
+              "name": "leChange",
               "type": {
-                "text": "EventEmitter<{\n    y: number;\n    direction: 'up' | 'down';\n    revealed: boolean;\n    shrunk: boolean;\n  }>"
+                "text": "EventEmitter<LeMultiOptionSelectDetail>"
               },
-              "description": "Emits whenever scroll-driven state changes."
+              "description": "Emitted when the selected values change."
             },
             {
-              "name": "leHeaderShrinkChange",
+              "name": "leOpen",
               "type": {
-                "text": "EventEmitter<{ shrunk: boolean; y: number }>"
+                "text": "EventEmitter<void>"
               },
-              "description": "Emits when the header shrinks/expands (only on change)."
+              "description": "Emitted when the dropdown opens."
             },
             {
-              "name": "leHeaderVisibilityChange",
+              "name": "leClose",
               "type": {
-                "text": "EventEmitter<{ visible: boolean; y: number }>"
+                "text": "EventEmitter<void>"
               },
-              "description": "Emits when the header hides/shows (only on change)."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeHeader",
-          "declaration": {
-            "name": "LeHeader",
-            "module": "src/components/le-header/le-header.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-header",
-          "declaration": {
-            "name": "LeHeader",
-            "module": "src/components/le-header/le-header.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-header-placeholder/le-header-placeholder.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Placeholder for `le-header`.\n\nReserves space using the global CSS variable `--le-header-height`.\nThe header component updates that variable when it renders.",
-          "name": "LeHeaderPlaceholder",
-          "cssProperties": [
-            {
-              "description": "Published header height (px)",
-              "name": "--le-header-height"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "render"
+              "description": "Emitted when the dropdown closes."
             }
           ],
-          "tagName": "le-header-placeholder",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeHeaderPlaceholder",
+          "name": "LeMultiselect",
           "declaration": {
-            "name": "LeHeaderPlaceholder",
-            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
+            "name": "LeMultiselect",
+            "module": "src/components/le-multiselect/le-multiselect.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-header-placeholder",
+          "name": "le-multiselect",
           "declaration": {
-            "name": "LeHeaderPlaceholder",
-            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
+            "name": "LeMultiselect",
+            "module": "src/components/le-multiselect/le-multiselect.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-multiselect/le-multiselect.tsx",
+      "path": "src/components/le-navigation/le-navigation.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": "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",
@@ -3119,283 +3741,456 @@
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "items",
               "type": {
                 "text": "LeOption[] | string"
               },
               "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Navigation items.\nCan be passed as an array or JSON string (same pattern as le-select)."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "orientation",
               "type": {
-                "text": "LeOptionValue[]"
+                "text": "'vertical' | 'horizontal'"
               },
-              "default": "[]",
-              "description": "The currently selected values."
+              "default": "'vertical'",
+              "description": "Layout orientation."
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "wrap",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Select options...'",
-              "description": "Placeholder text when no options are selected."
+              "default": "true",
+              "description": "Horizontal wrapping behavior.\nIf false, overflow behavior depends on `overflowMode`."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "overflowMode",
               "type": {
-                "text": "boolean"
+                "text": "'more' | 'hamburger'"
               },
-              "default": "false",
-              "description": "Whether the multiselect is disabled."
+              "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": "required",
+              "name": "searchable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether selection is required."
+              "description": "Enables a search input for the vertical navigation."
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "searchPlaceholder",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Name attribute for form submission."
+              "default": "'Search...'",
+              "description": "Placeholder text for the search input."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "emptyText",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
+              "default": "'No results found'",
+              "description": "Text shown when no items match the filter."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "submenuSearchable",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               },
-              "default": "'medium'",
-              "description": "Size variant of the multiselect."
+              "default": "false",
+              "description": "Whether submenu popovers should include a filter input."
             },
             {
               "kind": "field",
-              "name": "maxSelections",
+              "name": "searchQuery",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "Maximum number of selections allowed."
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "selectAllLabel",
+              "name": "openState",
               "type": {
-                "text": "string"
+                "text": "Record<string, boolean>"
               },
               "privacy": "private",
-              "default": "'Select All'",
-              "description": "Labels for the \"Select All\" option."
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "deselectAllLabel",
+              "name": "overflowIds",
               "type": {
-                "text": "string"
+                "text": "string[]"
               },
               "privacy": "private",
-              "default": "'Deselect All'"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "showSelectAll",
+              "name": "hamburgerActive",
               "type": {
-                "text": "boolean | string | string[]"
+                "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether to show a \"Select All\" option.\nAlso accepts a string or array of strings to customize the label(s)."
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "searchable",
+              "name": "submenuQueries",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string>"
               },
-              "default": "false",
-              "description": "Whether the input is searchable."
+              "privacy": "private",
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "emptyText",
+              "name": "navContainerEl",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | undefined"
               },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "topItemEls",
               "type": {
-                "text": "boolean"
+                "text": "Map<string, HTMLElement>"
               },
-              "default": "false",
-              "description": "Whether the dropdown is currently open."
+              "privacy": "private",
+              "default": "new Map()"
             },
             {
               "kind": "field",
-              "name": "selectedOptions",
+              "name": "popoverRefs",
               "type": {
-                "text": "LeOption[]"
+                "text": "Map<string, HTMLLePopoverElement>"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "new Map()"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "moreTriggerEl",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | undefined"
               },
-              "privacy": "private",
-              "default": "''"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dropdownEl",
+              "name": "resizeObserver",
               "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
+                "text": "ResizeObserver | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "instanceId",
               "type": {
-                "text": "HTMLInputElement | undefined"
+                "text": "string"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "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": "handleOptionsChange"
+              "name": "isOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleShowSelectAllChange",
+              "name": "setOpen",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "newValue",
+                  "name": "id",
                   "type": {
-                    "text": "boolean | string | string[]"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "parsedOptions",
-              "type": {
-                "text": "LeOption[]"
-              },
+              "kind": "method",
+              "name": "matchesQuery",
               "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "effectiveOptions",
-              "type": {
-                "text": "LeOption[]"
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "updateSelectedOptions",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOptionSelect",
-              "privacy": "private"
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "query",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "emitChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
+              "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": "handleDropdownClose",
+              "name": "handleItemSelect",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTriggerClick",
+              "name": "handleToggle",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTriggerKeyDown",
+              "name": "handleSearchInput",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTagDismiss",
+              "name": "handleSubmenuSearchInput",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleSearchInput",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getTopLevelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "LeOption[]"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleClearAll",
+              "kind": "method",
+              "name": "computeOverflow",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "renderHorizontalMeasureItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "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": "clearSelection",
-              "description": "Clears all selections."
+              "name": "renderHorizontalItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "renderTags",
+              "name": "renderHorizontal",
               "privacy": "private"
             },
             {
@@ -3405,143 +4200,93 @@
           ],
           "attributes": [
             {
-              "name": "options",
-              "fieldName": "options",
+              "name": "items",
+              "fieldName": "items",
               "default": "[]",
-              "description": "The options to display in the dropdown.",
+              "description": "Navigation items.\nCan be passed as an array or JSON string (same pattern as le-select).",
               "type": {
                 "text": "LeOption[] | string"
               }
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "default": "[]",
-              "description": "The currently selected values.",
-              "type": {
-                "text": "LeOptionValue[]"
-              }
-            },
-            {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Select options...'",
-              "description": "Placeholder text when no options are selected.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the multiselect is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "default": "false",
-              "description": "Whether selection is required.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
+              "name": "orientation",
+              "fieldName": "orientation",
+              "default": "'vertical'",
+              "description": "Layout orientation.",
               "type": {
-                "text": "string"
+                "text": "'vertical' | 'horizontal'"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container.",
+              "name": "wrap",
+              "fieldName": "wrap",
+              "default": "true",
+              "description": "Horizontal wrapping behavior.\nIf false, overflow behavior depends on `overflowMode`.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'medium'",
-              "description": "Size variant of the multiselect.",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              }
-            },
-            {
-              "name": "max-selections",
-              "fieldName": "maxSelections",
-              "description": "Maximum number of selections allowed.",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "show-select-all",
-              "fieldName": "showSelectAll",
-              "default": "false",
-              "description": "Whether to show a \"Select All\" option.\nAlso accepts a string or array of strings to customize the label(s).",
+              "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": "boolean | string | string[]"
+                "text": "'more' | 'hamburger'"
               }
             },
             {
               "name": "searchable",
               "fieldName": "searchable",
               "default": "false",
-              "description": "Whether the input is searchable.",
+              "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",