le-kit 0.1.15 → 0.1.16

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

@@ -1100,6 +1100,599 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-combobox/le-combobox.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",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "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."
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether selection is required."
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "Size variant of the combobox."
+            },
+            {
+              "kind": "field",
+              "name": "allowCustom",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to allow custom values not in the options list."
+            },
+            {
+              "kind": "field",
+              "name": "minSearchLength",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Minimum characters before showing filtered results."
+            },
+            {
+              "kind": "field",
+              "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"
+              },
+              "default": "false",
+              "description": "Whether the dropdown is currently open."
+            },
+            {
+              "kind": "method",
+              "name": "handleWindowClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "inputValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "selectedOption",
+              "type": {
+                "text": "LeOption | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dropdownEl",
+              "type": {
+                "text": "HTMLLeDropdownBaseElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionsChange"
+            },
+            {
+              "kind": "field",
+              "name": "parsedOptions",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "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"
+            },
+            {
+              "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."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeCombobox",
+          "declaration": {
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-combobox",
+          "declaration": {
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-collapse/le-collapse.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Animated show/hide wrapper.\n\nSupports height collapse (auto->0) and/or fading.\nCan optionally listen to the nearest `le-header` shrink events.",
+          "name": "LeCollapse",
+          "cssProperties": [
+            {
+              "description": "Transition duration",
+              "name": "--le-collapse-duration"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Collapsible region",
+              "name": "region"
+            },
+            {
+              "description": "Inner content",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content to animate",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether the content should be shown."
+            },
+            {
+              "kind": "field",
+              "name": "scrollDown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open."
+            },
+            {
+              "kind": "field",
+              "name": "noFading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding."
+            },
+            {
+              "kind": "field",
+              "name": "collapseOnHeaderShrink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event."
+            },
+            {
+              "kind": "method",
+              "name": "handleHeaderShrink",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Handles `leHeaderShrinkChange` events from the `le-header`.\nIn case multiple headers are present, only the nearest one in the DOM tree is used."
+            },
+            {
+              "kind": "field",
+              "name": "headerShrunk",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "onOpenChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onDrivenStateChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "shouldBeOpen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "applyOpenState",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "fieldName": "open",
+              "default": "true",
+              "description": "Whether the content should be shown.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "scroll-down",
+              "fieldName": "scrollDown",
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "no-fading",
+              "fieldName": "noFading",
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "collapse-on-header-shrink",
+              "fieldName": "collapseOnHeaderShrink",
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event.",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-collapse",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeCollapse",
+          "declaration": {
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-collapse",
+          "declaration": {
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-component/le-component.tsx",
@@ -1311,30 +1904,159 @@
               "description": "Handle property value changes from the editor"
             },
             {
-              "kind": "method",
-              "name": "deleteComponent",
+              "kind": "method",
+              "name": "deleteComponent",
+              "privacy": "private",
+              "description": "Delete this component from the DOM"
+            },
+            {
+              "kind": "method",
+              "name": "renderPropertyEditor",
+              "privacy": "private",
+              "description": "Render the property editor form"
+            },
+            {
+              "kind": "method",
+              "name": "renderPropertyField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "attr",
+                  "type": {
+                    "text": "AttributeMetadata"
+                  }
+                }
+              ],
+              "description": "Render a single property field based on its type"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "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": "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": "host-class",
+              "fieldName": "hostClass",
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "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 }"
+              }
+            }
+          ],
+          "tagName": "le-component",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeComponent",
+          "declaration": {
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-component",
+          "declaration": {
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-current-heading/le-current-heading.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Shows a \"smart\" header title based on what has scrolled out of view.\n\nWhen `selector` matches multiple elements, the title becomes the last element\n(top-to-bottom) that has fully scrolled out above the viewport.",
+          "name": "LeCurrentHeading",
+          "cssParts": [
+            {
+              "description": "The rendered title",
+              "name": "title"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Optional fallback content if no watched title is active",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selector",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`)."
+            },
+            {
+              "kind": "field",
+              "name": "activeText",
+              "type": {
+                "text": "string | null"
+              },
               "privacy": "private",
-              "description": "Delete this component from the DOM"
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "renderPropertyEditor",
-              "privacy": "private",
-              "description": "Render the property editor form"
+              "name": "onSelectorChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "renderPropertyField",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "attr",
-                  "type": {
-                    "text": "AttributeMetadata"
-                  }
-                }
-              ],
-              "description": "Render a single property field based on its type"
+              "name": "onScroll",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onResize",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "updateActiveTitle",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -1343,39 +2065,16 @@
           ],
           "attributes": [
             {
-              "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": "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": "host-class",
-              "fieldName": "hostClass",
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
+              "name": "selector",
+              "fieldName": "selector",
+              "default": "''",
+              "description": "CSS selector for page title/headings to watch (e.g. `.page-title`, `main h2`).",
               "type": {
                 "text": "string"
               }
-            },
-            {
-              "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 }"
-              }
             }
           ],
-          "tagName": "le-component",
+          "tagName": "le-current-heading",
           "events": [],
           "customElement": true
         }
@@ -1383,18 +2082,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeComponent",
+          "name": "LeCurrentHeading",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.tsx"
+            "name": "LeCurrentHeading",
+            "module": "src/components/le-current-heading/le-current-heading.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-component",
+          "name": "le-current-heading",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.tsx"
+            "name": "LeCurrentHeading",
+            "module": "src/components/le-current-heading/le-current-heading.tsx"
           }
         }
       ]
@@ -1891,410 +2590,517 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-combobox/le-combobox.tsx",
+      "path": "src/components/le-header/le-header.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",
-          "members": [
+          "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": [
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "description": "Background (color/gradient)",
+              "name": "--le-header-bg"
             },
             {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Text color",
+              "name": "--le-header-color"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
+              "description": "Border (e.g. 1px solid ...)",
+              "name": "--le-header-border"
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input."
+              "description": "Shadow/elevation",
+              "name": "--le-header-shadow"
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the combobox is disabled."
+              "description": "Inner content max width",
+              "name": "--le-header-max-width"
             },
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether selection is required."
+              "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 placeholder element that reserves space in fixed mode",
+              "name": "placeholder"
+            },
+            {
+              "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": "name",
+              "name": "el",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Name attribute for form submission."
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "isStatic",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
+              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "sticky",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               },
-              "default": "'medium'",
-              "description": "Size variant of the combobox."
+              "default": "false",
+              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true."
             },
             {
               "kind": "field",
-              "name": "allowCustom",
+              "name": "fixed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to allow custom values not in the options list."
+              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`."
             },
             {
               "kind": "field",
-              "name": "minSearchLength",
+              "name": "revealOnScroll",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "0",
-              "description": "Minimum characters before showing filtered results."
+              "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": "emptyText",
+              "name": "shrinkOffset",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "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": "open",
+              "name": "expandOnHover",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the dropdown is currently open."
-            },
-            {
-              "kind": "method",
-              "name": "handleWindowClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "If true, expand the header when hovered"
             },
             {
               "kind": "field",
-              "name": "inputValue",
+              "name": "revealed",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "selectedOption",
+              "name": "shrunk",
               "type": {
-                "text": "LeOption | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "dropdownEl",
+              "name": "placeholderHeight",
               "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
+                "text": "number | null"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "hoverActive",
               "type": {
-                "text": "HTMLInputElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleOptionsChange"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "parsedOptions",
+              "name": "disconnectModeObserver",
               "type": {
-                "text": "LeOption[]"
+                "text": "() => void | undefined"
               },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "updateSelectedOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOptionSelect",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
+              "name": "rafId",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "handleDropdownClose",
-              "privacy": "private"
+              "name": "measureRafId",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "handleInputChange",
-              "privacy": "private"
+              "name": "lastY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "handleInputFocus",
-              "privacy": "private"
+              "name": "lastEmittedDirection",
+              "type": {
+                "text": "'up' | 'down'"
+              },
+              "privacy": "private",
+              "default": "'down'"
             },
             {
               "kind": "field",
-              "name": "handleInputKeyDown",
+              "name": "headerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleClear",
+              "name": "shrinkSelectorEl",
+              "type": {
+                "text": "Element | null | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "setShrunk",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "y",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "name": "onBehaviorPropsChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "focusInput",
-              "description": "Focuses the input element."
+              "name": "onWindowScroll",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
+              "name": "onWindowResize",
+              "privacy": "protected"
+            },
             {
-              "name": "options",
-              "fieldName": "options",
-              "default": "[]",
-              "description": "The options to display in the dropdown.",
-              "type": {
-                "text": "LeOption[] | string"
+              "kind": "method",
+              "name": "getPosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeHeaderPosition"
+                }
               }
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The currently selected value.",
-              "type": {
-                "text": "LeOptionValue"
+              "kind": "method",
+              "name": "parseRevealThreshold",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input.",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "resolveShrinkStartPx",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the combobox is disabled.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "scheduleUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "name": "required",
-              "fieldName": "required",
-              "default": "false",
-              "description": "Whether selection is required.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "scheduleMeasure",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "measurePlaceholderHeight",
+              "privacy": "private"
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
+              "kind": "method",
+              "name": "updateFromScroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "static",
+              "fieldName": "isStatic",
               "default": "false",
-              "description": "Whether the multiselect should take full width of its container.",
+              "description": "Force static positioning (default). Ignored if `sticky` or `fixed` are true.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'medium'",
-              "description": "Size variant of the combobox.",
+              "name": "sticky",
+              "fieldName": "sticky",
+              "default": "false",
+              "description": "Sticky positioning (in-flow). Ignored if `fixed` is true.",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "boolean"
               }
             },
             {
-              "name": "allow-custom",
-              "fieldName": "allowCustom",
+              "name": "fixed",
+              "fieldName": "fixed",
               "default": "false",
-              "description": "Whether to allow custom values not in the options list.",
+              "description": "Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "min-search-length",
-              "fieldName": "minSearchLength",
-              "default": "0",
-              "description": "Minimum characters before showing filtered results.",
+              "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": "number"
+                "text": "string"
               }
             },
             {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
+              "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": "open",
-              "fieldName": "open",
+              "name": "expand-on-hover",
+              "fieldName": "expandOnHover",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "If true, expand the header when hovered",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-combobox",
+          "tagName": "le-header",
           "events": [
             {
-              "name": "leChange",
+              "name": "leHeaderState",
               "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
+                "text": "EventEmitter<{\n    y: number;\n    direction: 'up' | 'down';\n    revealed: boolean;\n    shrunk: boolean;\n  }>"
               },
-              "description": "Emitted when the selected value changes."
+              "description": "Emits whenever scroll-driven state changes."
             },
             {
-              "name": "leInput",
+              "name": "leHeaderShrinkChange",
               "type": {
-                "text": "EventEmitter<{ value: string }>"
+                "text": "EventEmitter<{ shrunk: boolean; y: number }>"
               },
-              "description": "Emitted when the input value changes (for custom values)."
+              "description": "Emits when the header shrinks/expands (only on change)."
             },
             {
-              "name": "leOpen",
+              "name": "leHeaderVisibilityChange",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<{ visible: boolean; y: number }>"
               },
-              "description": "Emitted when the dropdown opens."
-            },
+              "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": [
             {
-              "name": "leClose",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown closes."
+              "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": "LeCombobox",
+          "name": "LeHeaderPlaceholder",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeHeaderPlaceholder",
+            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-combobox",
+          "name": "le-header-placeholder",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeHeaderPlaceholder",
+            "module": "src/components/le-header-placeholder/le-header-placeholder.tsx"
           }
         }
       ]
@@ -3333,38 +4139,100 @@
               "default": "false"
             },
             {
-              "kind": "field",
-              "name": "triggerEl",
-              "type": {
-                "text": "HTMLElement | undefined"
+              "kind": "field",
+              "name": "triggerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "popoverEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "uniqueId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
+            },
+            {
+              "kind": "field",
+              "name": "scrollParents",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "isListeningForDismiss",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "supportsPopoverApi",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "shadowContains",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
+              "parameters": [
+                {
+                  "name": "container",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "addDismissListeners",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "popoverEl",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
+              "kind": "method",
+              "name": "removeDismissListeners",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "uniqueId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
+              "name": "handleDocumentPointerDown",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "scrollParents",
-              "type": {
-                "text": "Element[]"
-              },
-              "privacy": "private",
-              "default": "[]"
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -3402,6 +4270,16 @@
               "name": "handleScroll",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleOpened",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClosed",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handlePopoverToggle",
@@ -4185,12 +5063,56 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-select/le-select.tsx",
+      "path": "src/components/le-scroll-progress/le-scroll-progress.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A select dropdown component for single selection.",
-          "name": "LeSelect",
+          "description": "Displays scroll progress as a simple bar.\n\nIf `track-scroll-progress` is present without a value, tracks the full document.\nIf it is a selector string, tracks progress within the matched element.",
+          "name": "LeScrollProgress",
+          "cssProperties": [
+            {
+              "description": "Bar height",
+              "name": "--le-scroll-progress-height"
+            },
+            {
+              "description": "Track background",
+              "name": "--le-scroll-progress-bg"
+            },
+            {
+              "description": "Fill color",
+              "name": "--le-scroll-progress-fill"
+            },
+            {
+              "description": "If sticky, stop position to parent top",
+              "name": "--le-scroll-progress-sticky-top"
+            },
+            {
+              "description": "If fixed, distance from window top",
+              "name": "--le-scroll-progress-fixed-top"
+            },
+            {
+              "description": "If fixed, distance from window left",
+              "name": "--le-scroll-progress-fixed-left"
+            },
+            {
+              "description": "If fixed, distance from window right",
+              "name": "--le-scroll-progress-fixed-right"
+            },
+            {
+              "description": "Z-index of the progress bar (1001 by default, above header)",
+              "name": "--le-scroll-progress-z"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Outer track",
+              "name": "track"
+            },
+            {
+              "description": "Inner fill",
+              "name": "fill"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4201,219 +5123,396 @@
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "trackScrollProgress",
               "type": {
-                "text": "LeOption[] | string"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Boolean or selector string."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "progress",
               "type": {
-                "text": "LeOptionValue | undefined"
+                "text": "number"
               },
-              "description": "The currently selected value."
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "rafId",
               "type": {
-                "text": "string"
+                "text": "number | null"
               },
-              "default": "'Select an option'",
-              "description": "Placeholder text when no option is selected."
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "targetEl",
               "type": {
-                "text": "boolean"
+                "text": "Element | null"
               },
-              "default": "false",
-              "description": "Whether the select is disabled."
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "onTrackChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onScroll",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "onResize",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "scheduleUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "clamp01",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "n",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateProgress",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "track-scroll-progress",
+              "fieldName": "trackScrollProgress",
+              "description": "Boolean or selector string.",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "le-scroll-progress",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeScrollProgress",
+          "declaration": {
+            "name": "LeScrollProgress",
+            "module": "src/components/le-scroll-progress/le-scroll-progress.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-scroll-progress",
+          "declaration": {
+            "name": "LeScrollProgress",
+            "module": "src/components/le-scroll-progress/le-scroll-progress.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-segmented-control/le-segmented-control.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A segmented control component (iOS-style toggle buttons).\n\nPerfect for toggling between a small set of related options.",
+          "name": "LeSegmentedControl",
+          "cssProperties": [
+            {
+              "description": "Background color of the control",
+              "name": "--le-segmented-bg"
+            },
+            {
+              "description": "Padding around segments",
+              "name": "--le-segmented-padding"
+            },
+            {
+              "description": "Gap between segments",
+              "name": "--le-segmented-gap"
+            },
+            {
+              "description": "Border radius of the control",
+              "name": "--le-segmented-radius"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main container",
+              "name": "container"
             },
+            {
+              "description": "Individual segment buttons",
+              "name": "segment"
+            },
+            {
+              "description": "The currently active segment",
+              "name": "segment-active"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "required",
+              "name": "el",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether selection is required."
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "containerRef",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement | undefined"
               },
-              "description": "Name attribute for form submission."
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "options",
               "type": {
-                "text": "boolean"
+                "text": "LeOption[]"
               },
-              "default": "false",
-              "description": "Whether the select should take full width of its container."
+              "default": "[]",
+              "description": "Array of options for the segmented control."
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "value",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "LeOptionValue | undefined"
               },
-              "default": "'medium'",
-              "description": "Size variant of the select."
+              "description": "The value of the currently selected option."
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "size",
               "type": {
-                "text": "'default' | 'outlined' | 'solid'"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "'default'",
-              "description": "Visual variant of the select."
+              "default": "'medium'",
+              "description": "Size of the control."
             },
             {
               "kind": "field",
-              "name": "searchable",
+              "name": "overflow",
               "type": {
-                "text": "boolean"
+                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
               },
-              "default": "false",
-              "description": "Whether the input is searchable."
+              "default": "'auto'",
+              "description": "Scroll behavior for overflowing tabs."
             },
             {
               "kind": "field",
-              "name": "emptyText",
+              "name": "fullWidth",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "default": "false",
+              "description": "Whether the control should take full width."
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the dropdown is currently open."
+              "description": "Whether the control is disabled."
             },
             {
               "kind": "field",
-              "name": "selectedOption",
+              "name": "segmentConfigs",
               "type": {
-                "text": "LeOption | undefined"
+                "text": "SegmentConfig[]"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Internal tab configurations (built from children or tabs prop)"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "focusedIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "0",
+              "description": "Internal state for focused index (keyboard navigation)"
             },
             {
               "kind": "field",
-              "name": "dropdownEl",
+              "name": "isDeclarativeMode",
               "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether we're using declarative mode (le-tab children)"
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "mutationObserver",
               "type": {
-                "text": "HTMLInputElement | undefined"
+                "text": "MutationObserver | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "tabsChanged"
             },
             {
               "kind": "method",
-              "name": "handleOptionsChange"
-            },
-            {
-              "kind": "field",
-              "name": "parsedOptions",
-              "type": {
-                "text": "LeOption[]"
-              },
-              "privacy": "private",
-              "readonly": true
+              "name": "handleSlotChange"
             },
             {
               "kind": "method",
-              "name": "updateSelectedOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
+              "name": "buildSegmentsConfigs",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleOptionSelect",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getOptionValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeOptionValue"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getOptionIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "LeOptionValue"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleDropdownClose",
-              "privacy": "private"
+              "kind": "method",
+              "name": "selectOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleTriggerClick",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTriggerKeyDown",
+              "name": "handleKeyDown",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleSearchInput",
-              "privacy": "private"
+              "kind": "method",
+              "name": "findNextEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "findFirstEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "name": "findLastEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "renderIcon",
+              "name": "focusSegment",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "icon",
+                  "name": "index",
                   "type": {
-                    "text": "string | undefined"
+                    "text": "number"
                   }
                 }
               ]
@@ -4428,131 +5527,64 @@
               "name": "options",
               "fieldName": "options",
               "default": "[]",
-              "description": "The options to display in the dropdown.",
+              "description": "Array of options for the segmented control.",
               "type": {
-                "text": "LeOption[] | string"
+                "text": "LeOption[]"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
-              "description": "The currently selected value.",
+              "description": "The value of the currently selected option.",
               "type": {
                 "text": "LeOptionValue"
               }
             },
-            {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Select an option'",
-              "description": "Placeholder text when no option is selected.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the select 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 select should take full width of its container.",
-              "type": {
-                "text": "boolean"
-              }
-            },
             {
               "name": "size",
               "fieldName": "size",
               "default": "'medium'",
-              "description": "Size variant of the select.",
+              "description": "Size of the control.",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Visual variant of the select.",
+              "name": "overflow",
+              "fieldName": "overflow",
+              "default": "'auto'",
+              "description": "Scroll behavior for overflowing tabs.",
               "type": {
-                "text": "'default' | 'outlined' | 'solid'"
+                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
               }
             },
             {
-              "name": "searchable",
-              "fieldName": "searchable",
+              "name": "full-width",
+              "fieldName": "fullWidth",
               "default": "false",
-              "description": "Whether the input is searchable.",
+              "description": "Whether the control should take full width.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "open",
-              "fieldName": "open",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "Whether the control is disabled.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-select",
+          "tagName": "le-segmented-control",
           "events": [
             {
-              "name": "leChange",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected value changes."
-            },
-            {
-              "name": "leOpen",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
-            },
-            {
-              "name": "leClose",
+              "name": "leChange",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "description": "Emitted when the dropdown closes."
+              "description": "Emitted when the selection changes."
             }
           ],
           "customElement": true
@@ -4561,94 +5593,98 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeSelect",
+          "name": "LeSegmentedControl",
           "declaration": {
-            "name": "LeSelect",
-            "module": "src/components/le-select/le-select.tsx"
+            "name": "LeSegmentedControl",
+            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-select",
+          "name": "le-segmented-control",
           "declaration": {
-            "name": "LeSelect",
-            "module": "src/components/le-select/le-select.tsx"
+            "name": "LeSegmentedControl",
+            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-segmented-control/le-segmented-control.tsx",
+      "path": "src/components/le-select/le-select.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A segmented control component (iOS-style toggle buttons).\n\nPerfect for toggling between a small set of related options.",
-          "name": "LeSegmentedControl",
-          "cssProperties": [
-            {
-              "description": "Background color of the control",
-              "name": "--le-segmented-bg"
-            },
+          "description": "A select dropdown component for single selection.",
+          "name": "LeSelect",
+          "members": [
             {
-              "description": "Padding around segments",
-              "name": "--le-segmented-padding"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "description": "Gap between segments",
-              "name": "--le-segmented-gap"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
-              "description": "Border radius of the control",
-              "name": "--le-segmented-radius"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The main container",
-              "name": "container"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
             },
             {
-              "description": "Individual segment buttons",
-              "name": "segment"
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select an option'",
+              "description": "Placeholder text when no option is selected."
             },
-            {
-              "description": "The currently active segment",
-              "name": "segment-active"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "disabled",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the select is disabled."
             },
             {
               "kind": "field",
-              "name": "containerRef",
+              "name": "required",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether selection is required."
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "name",
               "type": {
-                "text": "LeOption[]"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "description": "Array of options for the segmented control."
+              "description": "Name attribute for form submission."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "fullWidth",
               "type": {
-                "text": "LeOptionValue | undefined"
+                "text": "boolean"
               },
-              "description": "The value of the currently selected option."
+              "default": "false",
+              "description": "Whether the select should take full width of its container."
             },
             {
               "kind": "field",
@@ -4657,192 +5693,153 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "Size of the control."
+              "description": "Size variant of the select."
             },
             {
               "kind": "field",
-              "name": "overflow",
+              "name": "variant",
               "type": {
-                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
+                "text": "'default' | 'outlined' | 'solid'"
               },
-              "default": "'auto'",
-              "description": "Scroll behavior for overflowing tabs."
+              "default": "'default'",
+              "description": "Visual variant of the select."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "searchable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the control should take full width."
+              "description": "Whether the input is searchable."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "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"
               },
               "default": "false",
-              "description": "Whether the control is disabled."
+              "description": "Whether the dropdown is currently open."
             },
             {
               "kind": "field",
-              "name": "segmentConfigs",
+              "name": "selectedOption",
               "type": {
-                "text": "SegmentConfig[]"
+                "text": "LeOption | undefined"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Internal tab configurations (built from children or tabs prop)"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "focusedIndex",
+              "name": "searchQuery",
               "type": {
-                "text": "number"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "0",
-              "description": "Internal state for focused index (keyboard navigation)"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "isDeclarativeMode",
+              "name": "dropdownEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLLeDropdownBaseElement | undefined"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether we're using declarative mode (le-tab children)"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "mutationObserver",
+              "name": "inputEl",
               "type": {
-                "text": "MutationObserver | undefined"
+                "text": "HTMLInputElement | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "tabsChanged"
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
-              "name": "handleSlotChange"
+              "name": "handleOptionsChange"
+            },
+            {
+              "kind": "field",
+              "name": "parsedOptions",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "buildSegmentsConfigs",
+              "name": "updateSelectedOption",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getOptionValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "LeOptionValue"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LeOption"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "filterOption",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getOptionIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "LeOptionValue"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleOptionSelect",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "selectOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LeOption"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "handleDropdownClose",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleKeyDown",
+              "name": "handleTriggerClick",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "findNextEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleTriggerKeyDown",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "findFirstEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
+              "kind": "field",
+              "name": "handleSearchInput",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "findLastEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
             },
             {
               "kind": "method",
-              "name": "focusSegment",
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "icon",
                   "type": {
-                    "text": "number"
+                    "text": "string | undefined"
                   }
                 }
               ]
@@ -4857,64 +5854,131 @@
               "name": "options",
               "fieldName": "options",
               "default": "[]",
-              "description": "Array of options for the segmented control.",
+              "description": "The options to display in the dropdown.",
               "type": {
-                "text": "LeOption[]"
+                "text": "LeOption[] | string"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
-              "description": "The value of the currently selected option.",
+              "description": "The currently selected value.",
               "type": {
                 "text": "LeOptionValue"
               }
             },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "'Select an option'",
+              "description": "Placeholder text when no option is selected.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the select 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 select should take full width of its container.",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "size",
               "fieldName": "size",
               "default": "'medium'",
-              "description": "Size of the control.",
+              "description": "Size variant of the select.",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "name": "overflow",
-              "fieldName": "overflow",
-              "default": "'auto'",
-              "description": "Scroll behavior for overflowing tabs.",
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "Visual variant of the select.",
               "type": {
-                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
+                "text": "'default' | 'outlined' | 'solid'"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
+              "name": "searchable",
+              "fieldName": "searchable",
               "default": "false",
-              "description": "Whether the control should take full width.",
+              "description": "Whether the input is searchable.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "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 control is disabled.",
+              "description": "Whether the dropdown is currently open.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-segmented-control",
+          "tagName": "le-select",
           "events": [
             {
               "name": "leChange",
               "type": {
                 "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "description": "Emitted when the selection changes."
+              "description": "Emitted when the selected value changes."
+            },
+            {
+              "name": "leOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
+            },
+            {
+              "name": "leClose",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
             }
           ],
           "customElement": true
@@ -4923,18 +5987,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeSegmentedControl",
+          "name": "LeSelect",
           "declaration": {
-            "name": "LeSegmentedControl",
-            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
+            "name": "LeSelect",
+            "module": "src/components/le-select/le-select.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-segmented-control",
+          "name": "le-select",
           "declaration": {
-            "name": "LeSegmentedControl",
-            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
+            "name": "LeSelect",
+            "module": "src/components/le-select/le-select.tsx"
           }
         }
       ]
@@ -5342,28 +6406,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-stack/le-stack.tsx",
+      "path": "src/components/le-string-input/le-string-input.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A flexible stack layout component using CSS flexbox.\n\n`le-stack` arranges its children in a row (horizontal) or column (vertical)\nwith configurable spacing, alignment, and wrapping behavior. Perfect for\ncreating responsive layouts.",
-          "name": "LeStack",
+          "description": "A text input component with support for labels, descriptions, icons, and external IDs.",
+          "name": "LeStringInput",
           "cssProperties": [
             {
-              "description": "Gap between items (defaults to var(--le-space-md))",
-              "name": "--le-stack-gap"
-            }
-          ],
-          "cssParts": [
+              "description": "Input background color",
+              "name": "--le-input-bg"
+            },
             {
-              "description": "The main stack container",
-              "name": "stack"
+              "description": "Input text color",
+              "name": "--le-input-color"
+            },
+            {
+              "description": "Input border style",
+              "name": "--le-input-border"
+            },
+            {
+              "description": "Input border style when focused",
+              "name": "--le-input-border-focus"
+            },
+            {
+              "description": "Input border radius",
+              "name": "--le-input-radius"
+            },
+            {
+              "description": "Input padding",
+              "name": "--le-input-padding"
             }
           ],
           "slots": [
             {
-              "description": "Default slot for stack items (le-box components recommended)",
+              "description": "The label text for the input",
               "name": ""
+            },
+            {
+              "description": "Additional description text displayed below the input",
+              "name": "description"
+            },
+            {
+              "description": "Icon to display at the start of the input",
+              "name": "icon-start"
+            },
+            {
+              "description": "Icon to display at the end of the input",
+              "name": "icon-end"
             }
           ],
           "members": [
@@ -5376,139 +6466,126 @@
             },
             {
               "kind": "field",
-              "name": "direction",
+              "name": "inputRef",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "(el: HTMLInputElement) => void | undefined"
               },
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout"
+              "description": "Pass the ref of the input element to the parent component"
             },
             {
               "kind": "field",
-              "name": "gap",
+              "name": "mode",
               "type": {
-                "text": "string | undefined"
+                "text": "'default' | 'admin'"
               },
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
+              "description": "Mode of the popover should be 'default' for internal use"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "value",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string"
               },
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis"
+              "description": "The value of the input"
             },
             {
               "kind": "field",
-              "name": "justify",
+              "name": "name",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+                "text": "string"
               },
-              "default": "'start'",
-              "description": "Distribution of items on the main axis"
+              "description": "The name of the input"
             },
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "'text' | 'email' | 'password' | 'tel' | 'url'"
               },
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines"
+              "default": "'text'",
+              "description": "The type of the input (text, email, password, etc.)"
             },
             {
               "kind": "field",
-              "name": "alignContent",
+              "name": "label",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "string"
               },
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)"
+              "description": "Label for the input"
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "iconStart",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether to reverse the order of items"
+              "description": "Icon for the start icon"
             },
             {
               "kind": "field",
-              "name": "maxItems",
+              "name": "iconEnd",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "Maximum number of items allowed in the stack (for CMS validation)"
+              "description": "Icon for the end icon"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Placeholder text"
+            },
+            {
+              "kind": "field",
+              "name": "hideDescription",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide description slot"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the stack should take full width of its container"
+              "description": "Whether the input is disabled"
             },
             {
               "kind": "field",
-              "name": "fullHeight",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the stack should take full height of its container"
+              "description": "Whether the input is read-only"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "externalId",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Padding inside the stack container (CSS value)"
-            },
-            {
-              "kind": "method",
-              "name": "getFlexDirection",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "description": "External ID for linking with external systems"
             },
             {
-              "kind": "method",
-              "name": "getAlignItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "kind": "field",
+              "name": "handleInput",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getJustifyContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getAlignContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -5517,308 +6594,322 @@
           ],
           "attributes": [
             {
-              "name": "direction",
-              "fieldName": "direction",
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout",
+              "name": "input-ref",
+              "fieldName": "inputRef",
+              "description": "Pass the ref of the input element to the parent component",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "(el: HTMLInputElement) => void"
               }
             },
             {
-              "name": "gap",
-              "fieldName": "gap",
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
+              "name": "mode",
+              "fieldName": "mode",
+              "description": "Mode of the popover should be 'default' for internal use",
+              "type": {
+                "text": "'default' | 'admin'"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the input",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "align",
-              "fieldName": "align",
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis",
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the input",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string"
               }
             },
             {
-              "name": "justify",
-              "fieldName": "justify",
-              "default": "'start'",
-              "description": "Distribution of items on the main axis",
+              "name": "type",
+              "fieldName": "type",
+              "default": "'text'",
+              "description": "The type of the input (text, email, password, etc.)",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+                "text": "'text' | 'email' | 'password' | 'tel' | 'url'"
               }
             },
             {
-              "name": "wrap",
-              "fieldName": "wrap",
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines",
+              "name": "label",
+              "fieldName": "label",
+              "description": "Label for the input",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "align-content",
-              "fieldName": "alignContent",
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)",
+              "name": "icon-start",
+              "fieldName": "iconStart",
+              "description": "Icon for the start icon",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "string"
               }
             },
             {
-              "name": "reverse",
-              "fieldName": "reverse",
-              "default": "false",
-              "description": "Whether to reverse the order of items",
+              "name": "icon-end",
+              "fieldName": "iconEnd",
+              "description": "Icon for the end icon",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "max-items",
-              "fieldName": "maxItems",
-              "description": "Maximum number of items allowed in the stack (for CMS validation)",
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "description": "Placeholder text",
               "type": {
-                "text": "number"
+                "text": "string"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
+              "name": "hide-description",
+              "fieldName": "hideDescription",
               "default": "false",
-              "description": "Whether the stack should take full width of its container",
+              "description": "Hide description slot",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "full-height",
-              "fieldName": "fullHeight",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the stack should take full height of its container",
+              "description": "Whether the input is disabled",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "padding",
-              "fieldName": "padding",
-              "description": "Padding inside the stack container (CSS value)",
+              "name": "readonly",
+              "fieldName": "readonly",
+              "default": "false",
+              "description": "Whether the input is read-only",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-stack",
-          "events": [],
+          "tagName": "le-string-input",
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "EventEmitter<{\n    value: string;\n    name: string;\n    externalId: string;\n  }>"
+              },
+              "description": "Emitted when the value changes (on blur or Enter)"
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "EventEmitter<{\n    value: string;\n    name: string;\n    externalId: string;\n  }>"
+              },
+              "description": "Emitted when the input value changes (on keystroke)"
+            }
+          ],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeStack",
+          "name": "LeStringInput",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LeStringInput",
+            "module": "src/components/le-string-input/le-string-input.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-stack",
+          "name": "le-string-input",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LeStringInput",
+            "module": "src/components/le-string-input/le-string-input.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-string-input/le-string-input.tsx",
+      "path": "src/components/le-stack/le-stack.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A text input component with support for labels, descriptions, icons, and external IDs.",
-          "name": "LeStringInput",
+          "description": "A flexible stack layout component using CSS flexbox.\n\n`le-stack` arranges its children in a row (horizontal) or column (vertical)\nwith configurable spacing, alignment, and wrapping behavior. Perfect for\ncreating responsive layouts.",
+          "name": "LeStack",
           "cssProperties": [
             {
-              "description": "Input background color",
-              "name": "--le-input-bg"
-            },
-            {
-              "description": "Input text color",
-              "name": "--le-input-color"
-            },
-            {
-              "description": "Input border style",
-              "name": "--le-input-border"
-            },
-            {
-              "description": "Input border style when focused",
-              "name": "--le-input-border-focus"
-            },
-            {
-              "description": "Input border radius",
-              "name": "--le-input-radius"
-            },
+              "description": "Gap between items (defaults to var(--le-space-md))",
+              "name": "--le-stack-gap"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "Input padding",
-              "name": "--le-input-padding"
+              "description": "The main stack container",
+              "name": "stack"
             }
           ],
           "slots": [
             {
-              "description": "The label text for the input",
+              "description": "Default slot for stack items (le-box components recommended)",
               "name": ""
-            },
-            {
-              "description": "Additional description text displayed below the input",
-              "name": "description"
-            },
-            {
-              "description": "Icon to display at the start of the input",
-              "name": "icon-start"
-            },
-            {
-              "description": "Icon to display at the end of the input",
-              "name": "icon-end"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inputRef",
-              "type": {
-                "text": "(el: HTMLInputElement) => void | undefined"
-              },
-              "description": "Pass the ref of the input element to the parent component"
-            },
+          "members": [
             {
               "kind": "field",
-              "name": "mode",
+              "name": "el",
               "type": {
-                "text": "'default' | 'admin'"
-              },
-              "description": "Mode of the popover should be 'default' for internal use"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "direction",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical'"
               },
-              "description": "The value of the input"
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "gap",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The name of the input"
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "align",
               "type": {
-                "text": "'text' | 'email' | 'password' | 'tel' | 'url'"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               },
-              "default": "'text'",
-              "description": "The type of the input (text, email, password, etc.)"
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "justify",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
               },
-              "description": "Label for the input"
+              "default": "'start'",
+              "description": "Distribution of items on the main axis"
             },
             {
               "kind": "field",
-              "name": "iconStart",
+              "name": "wrap",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Icon for the start icon"
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines"
             },
             {
               "kind": "field",
-              "name": "iconEnd",
+              "name": "alignContent",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
               },
-              "description": "Icon for the end icon"
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "reverse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Placeholder text"
+              "default": "false",
+              "description": "Whether to reverse the order of items"
             },
             {
               "kind": "field",
-              "name": "hideDescription",
+              "name": "maxItems",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "Hide description slot"
+              "description": "Maximum number of items allowed in the stack (for CMS validation)"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the input is disabled"
+              "description": "Whether the stack should take full width of its container"
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "fullHeight",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the input is read-only"
+              "description": "Whether the stack should take full height of its container"
             },
             {
               "kind": "field",
-              "name": "externalId",
+              "name": "padding",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "External ID for linking with external systems"
+              "description": "Padding inside the stack container (CSS value)"
             },
             {
-              "kind": "field",
-              "name": "handleInput",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getFlexDirection",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getAlignItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getJustifyContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAlignContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
             },
             {
               "kind": "method",
@@ -5827,149 +6918,122 @@
           ],
           "attributes": [
             {
-              "name": "input-ref",
-              "fieldName": "inputRef",
-              "description": "Pass the ref of the input element to the parent component",
-              "type": {
-                "text": "(el: HTMLInputElement) => void"
-              }
-            },
-            {
-              "name": "mode",
-              "fieldName": "mode",
-              "description": "Mode of the popover should be 'default' for internal use",
-              "type": {
-                "text": "'default' | 'admin'"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the input",
+              "name": "direction",
+              "fieldName": "direction",
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the input",
+              "name": "gap",
+              "fieldName": "gap",
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "type",
-              "fieldName": "type",
-              "default": "'text'",
-              "description": "The type of the input (text, email, password, etc.)",
+              "name": "align",
+              "fieldName": "align",
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis",
               "type": {
-                "text": "'text' | 'email' | 'password' | 'tel' | 'url'"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
-              "description": "Label for the input",
+              "name": "justify",
+              "fieldName": "justify",
+              "default": "'start'",
+              "description": "Distribution of items on the main axis",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
               }
             },
             {
-              "name": "icon-start",
-              "fieldName": "iconStart",
-              "description": "Icon for the start icon",
+              "name": "wrap",
+              "fieldName": "wrap",
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "icon-end",
-              "fieldName": "iconEnd",
-              "description": "Icon for the end icon",
+              "name": "align-content",
+              "fieldName": "alignContent",
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "description": "Placeholder text",
+              "name": "reverse",
+              "fieldName": "reverse",
+              "default": "false",
+              "description": "Whether to reverse the order of items",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "hide-description",
-              "fieldName": "hideDescription",
-              "default": "false",
-              "description": "Hide description slot",
+              "name": "max-items",
+              "fieldName": "maxItems",
+              "description": "Maximum number of items allowed in the stack (for CMS validation)",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "full-width",
+              "fieldName": "fullWidth",
               "default": "false",
-              "description": "Whether the input is disabled",
+              "description": "Whether the stack should take full width of its container",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "readonly",
-              "fieldName": "readonly",
+              "name": "full-height",
+              "fieldName": "fullHeight",
               "default": "false",
-              "description": "Whether the input is read-only",
+              "description": "Whether the stack should take full height of its container",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems",
+              "name": "padding",
+              "fieldName": "padding",
+              "description": "Padding inside the stack container (CSS value)",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-string-input",
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "EventEmitter<{\n    value: string;\n    name: string;\n    externalId: string;\n  }>"
-              },
-              "description": "Emitted when the value changes (on blur or Enter)"
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "EventEmitter<{\n    value: string;\n    name: string;\n    externalId: string;\n  }>"
-              },
-              "description": "Emitted when the input value changes (on keystroke)"
-            }
-          ],
+          "tagName": "le-stack",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeStringInput",
+          "name": "LeStack",
           "declaration": {
-            "name": "LeStringInput",
-            "module": "src/components/le-string-input/le-string-input.tsx"
+            "name": "LeStack",
+            "module": "src/components/le-stack/le-stack.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-string-input",
+          "name": "le-stack",
           "declaration": {
-            "name": "LeStringInput",
-            "module": "src/components/le-string-input/le-string-input.tsx"
+            "name": "LeStack",
+            "module": "src/components/le-stack/le-stack.tsx"
           }
         }
       ]