le-kit 0.3.1 → 0.3.2

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

@@ -114,6 +114,15 @@
               "default": "false",
               "description": "Disable the internal overflow popover.\nWhen true, the bar still detects overflow and hides items,\nbut doesn't render its own popover. Use this when providing\ncustom overflow handling via the leBarOverflowChange event."
             },
+            {
+              "kind": "field",
+              "name": "minVisibleItems",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Minimum number of visible items required when using \"more\" overflow mode.\nIf fewer items would be visible, the bar falls back to hamburger mode.\nOnly applies when overflow is \"more\"."
+            },
             {
               "kind": "field",
               "name": "showAllMenu",
@@ -467,6 +476,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "name": "min-visible-items",
+              "fieldName": "minVisibleItems",
+              "default": "0",
+              "description": "Minimum number of visible items required when using \"more\" overflow mode.\nIf fewer items would be visible, the bar falls back to hamburger mode.\nOnly applies when overflow is \"more\".",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "name": "show-all-menu",
               "fieldName": "showAllMenu",
@@ -511,60 +529,40 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-button/le-button.tsx",
+      "path": "src/components/le-box/le-box.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A flexible button component with multiple variants and states.",
-          "name": "LeButton",
+          "description": "A flexible box component for use as a flex item within le-stack.\n\n`le-box` wraps content and provides flex item properties like grow, shrink,\nbasis, and self-alignment. It can also control its internal content alignment.",
+          "name": "LeBox",
           "cssProperties": [
             {
-              "description": "Button background color",
-              "name": "--le-button-bg"
-            },
-            {
-              "description": "Button text color",
-              "name": "--le-button-color"
-            },
-            {
-              "description": "Button border radius",
-              "name": "--le-button-border-radius"
+              "description": "Background color",
+              "name": "--le-box-bg"
             },
             {
-              "description": "Button horizontal padding",
-              "name": "--le-button-padding-x"
+              "description": "Padding inside the box",
+              "name": "--le-box-padding"
             },
             {
-              "description": "Button vertical padding",
-              "name": "--le-button-padding-y"
+              "description": "Border radius",
+              "name": "--le-box-border-radius"
             }
           ],
           "cssParts": [
             {
-              "description": "The native button element",
-              "name": "button"
+              "description": "The main box container",
+              "name": "box"
             },
             {
-              "description": "The button content wrapper",
+              "description": "The inner content wrapper",
               "name": "content"
-            },
-            {
-              "description": "The start icon slot",
-              "name": "icon-start"
-            },
-            {
-              "description": "The end icon slot",
-              "name": "icon-end"
             }
           ],
           "slots": [
             {
-              "description": "Button text content",
+              "description": "Default slot for box content",
               "name": ""
-            },
-            {
-              "description": "Icon for icon-only buttons",
-              "name": "icon-only"
             }
           ],
           "members": [
@@ -577,284 +575,397 @@
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "grow",
               "type": {
-                "text": "'default' | 'admin'"
+                "text": "number"
               },
-              "description": "Mode of the popover should be 'default' for internal use"
+              "default": "0",
+              "description": "Flex grow factor - how much the item should grow relative to siblings"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "shrink",
               "type": {
-                "text": "'solid' | 'outlined' | 'clear' | 'system'"
+                "text": "number"
               },
-              "default": "'solid'",
-              "description": "Button variant style"
+              "default": "1",
+              "description": "Flex shrink factor - how much the item should shrink relative to siblings"
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "basis",
               "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "Button color theme (uses theme semantic colors)"
+              "default": "'auto'",
+              "description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "width",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string | undefined"
               },
-              "default": "'medium'",
-              "description": "Button size"
+              "description": "Width of the box (CSS value like '100px', '50%', 'auto')"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "height",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the button is in a selected/active state"
+              "description": "Height of the box (CSS value)"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "minWidth",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the button takes full width of its container"
+              "description": "Minimum width constraint"
             },
             {
               "kind": "field",
-              "name": "iconOnly",
+              "name": "maxWidth",
               "type": {
-                "text": "string | Node | undefined"
+                "text": "string | undefined"
               },
-              "description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot"
+              "description": "Maximum width constraint"
             },
             {
               "kind": "field",
-              "name": "iconStart",
+              "name": "minHeight",
               "type": {
-                "text": "string | Node | undefined"
+                "text": "string | undefined"
               },
-              "description": "Start icon image or emoji"
+              "description": "Minimum height constraint"
             },
             {
               "kind": "field",
-              "name": "iconEnd",
+              "name": "maxHeight",
               "type": {
-                "text": "string | Node | undefined"
+                "text": "string | undefined"
               },
-              "description": "End icon image or emoji"
+              "description": "Maximum height constraint"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "background",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the button is disabled"
+              "description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "borderRadius",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "string | undefined"
               },
-              "default": "'button'",
-              "description": "The button type attribute"
+              "description": "Border radius (e.g., '8px', 'var(--le-radius-md)')"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "border",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional href to make the button act as a link"
+              "description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "alignSelf",
               "type": {
-                "text": "string | undefined"
+                "text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               },
-              "description": "Link target when href is set"
+              "default": "'auto'",
+              "description": "Self-alignment override for this item on the cross axis"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "alignContent",
               "type": {
-                "text": "'start' | 'center' | 'space-between' | 'end'"
+                "text": "'start' | 'center' | 'end' | 'stretch'"
               },
-              "default": "'center'",
-              "description": "Alignment of the button label without the end icon"
+              "default": "'stretch'",
+              "description": "Internal horizontal alignment of content"
             },
             {
               "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mode",
-              "fieldName": "mode",
-              "description": "Mode of the popover should be 'default' for internal use",
+              "name": "justifyContent",
               "type": {
-                "text": "'default' | 'admin'"
-              }
+                "text": "'start' | 'center' | 'end' | 'stretch'"
+              },
+              "default": "'start'",
+              "description": "Internal vertical alignment of content"
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'solid'",
-              "description": "Button variant style",
+              "kind": "field",
+              "name": "padding",
               "type": {
-                "text": "'solid' | 'outlined' | 'clear' | 'system'"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Padding inside the box (CSS value like '8px', '1rem')"
             },
             {
-              "name": "color",
-              "fieldName": "color",
-              "default": "'primary'",
-              "description": "Button color theme (uses theme semantic colors)",
+              "kind": "field",
+              "name": "order",
               "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
-              }
+                "text": "number | undefined"
+              },
+              "description": "Order in the flex container (lower values come first)"
             },
             {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'medium'",
-              "description": "Button size",
+              "kind": "field",
+              "name": "displayFlex",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to display box content as flex (for internal alignment)"
             },
             {
-              "name": "selected",
-              "fieldName": "selected",
-              "default": "false",
-              "description": "Whether the button is in a selected/active state",
+              "kind": "field",
+              "name": "innerDirection",
               "type": {
-                "text": "boolean"
-              }
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'vertical'",
+              "description": "Direction of internal flex layout when displayFlex is true"
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the button takes full width of its container",
+              "kind": "field",
+              "name": "innerGap",
               "type": {
-                "text": "boolean"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Gap between internal flex items when displayFlex is true"
             },
             {
-              "name": "icon-only",
-              "fieldName": "iconOnly",
-              "description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot",
-              "type": {
-                "text": "string | Node"
+              "kind": "method",
+              "name": "getAlignSelf",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               }
             },
             {
-              "name": "icon-start",
-              "fieldName": "iconStart",
-              "description": "Start icon image or emoji",
-              "type": {
-                "text": "string | Node"
+              "kind": "method",
+              "name": "getContentAlign",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               }
             },
             {
-              "name": "icon-end",
-              "fieldName": "iconEnd",
-              "description": "End icon image or emoji",
+              "kind": "method",
+              "name": "getContentJustify",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "grow",
+              "fieldName": "grow",
+              "default": "0",
+              "description": "Flex grow factor - how much the item should grow relative to siblings",
               "type": {
-                "text": "string | Node"
+                "text": "number"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the button is disabled",
+              "name": "shrink",
+              "fieldName": "shrink",
+              "default": "1",
+              "description": "Flex shrink factor - how much the item should shrink relative to siblings",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "type",
-              "fieldName": "type",
-              "default": "'button'",
-              "description": "The button type attribute",
+              "name": "basis",
+              "fieldName": "basis",
+              "default": "'auto'",
+              "description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "string"
               }
             },
             {
-              "name": "href",
-              "fieldName": "href",
-              "description": "Optional href to make the button act as a link",
+              "name": "width",
+              "fieldName": "width",
+              "description": "Width of the box (CSS value like '100px', '50%', 'auto')",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "target",
-              "fieldName": "target",
-              "description": "Link target when href is set",
+              "name": "height",
+              "fieldName": "height",
+              "description": "Height of the box (CSS value)",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "align",
-              "fieldName": "align",
-              "default": "'center'",
-              "description": "Alignment of the button label without the end icon",
+              "name": "min-width",
+              "fieldName": "minWidth",
+              "description": "Minimum width constraint",
               "type": {
-                "text": "'start' | 'center' | 'space-between' | 'end'"
+                "text": "string"
               }
-            }
-          ],
-          "tagName": "le-button",
-          "events": [
+            },
             {
-              "name": "click",
+              "name": "max-width",
+              "fieldName": "maxWidth",
+              "description": "Maximum width constraint",
               "type": {
-                "text": "EventEmitter<MouseEvent>"
-              },
-              "description": "Emitted when the button is clicked.\nThis is a custom event that wraps the native click but ensures the target is the le-button."
+                "text": "string"
+              }
+            },
+            {
+              "name": "min-height",
+              "fieldName": "minHeight",
+              "description": "Minimum height constraint",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "max-height",
+              "fieldName": "maxHeight",
+              "description": "Maximum height constraint",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "background",
+              "fieldName": "background",
+              "description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "border-radius",
+              "fieldName": "borderRadius",
+              "description": "Border radius (e.g., '8px', 'var(--le-radius-md)')",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "border",
+              "fieldName": "border",
+              "description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "align-self",
+              "fieldName": "alignSelf",
+              "default": "'auto'",
+              "description": "Self-alignment override for this item on the cross axis",
+              "type": {
+                "text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+              }
+            },
+            {
+              "name": "align-content",
+              "fieldName": "alignContent",
+              "default": "'stretch'",
+              "description": "Internal horizontal alignment of content",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch'"
+              }
+            },
+            {
+              "name": "justify-content",
+              "fieldName": "justifyContent",
+              "default": "'start'",
+              "description": "Internal vertical alignment of content",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch'"
+              }
+            },
+            {
+              "name": "padding",
+              "fieldName": "padding",
+              "description": "Padding inside the box (CSS value like '8px', '1rem')",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "order",
+              "fieldName": "order",
+              "description": "Order in the flex container (lower values come first)",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "display-flex",
+              "fieldName": "displayFlex",
+              "default": "false",
+              "description": "Whether to display box content as flex (for internal alignment)",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "inner-direction",
+              "fieldName": "innerDirection",
+              "default": "'vertical'",
+              "description": "Direction of internal flex layout when displayFlex is true",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "inner-gap",
+              "fieldName": "innerGap",
+              "description": "Gap between internal flex items when displayFlex is true",
+              "type": {
+                "text": "string"
+              }
             }
           ],
+          "tagName": "le-box",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeButton",
+          "name": "LeBox",
           "declaration": {
-            "name": "LeButton",
-            "module": "src/components/le-button/le-button.tsx"
+            "name": "LeBox",
+            "module": "src/components/le-box/le-box.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-button",
+          "name": "le-box",
           "declaration": {
-            "name": "LeButton",
-            "module": "src/components/le-button/le-button.tsx"
+            "name": "LeBox",
+            "module": "src/components/le-box/le-box.tsx"
           }
         }
       ]
@@ -994,40 +1105,60 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-box/le-box.tsx",
+      "path": "src/components/le-button/le-button.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A flexible box component for use as a flex item within le-stack.\n\n`le-box` wraps content and provides flex item properties like grow, shrink,\nbasis, and self-alignment. It can also control its internal content alignment.",
-          "name": "LeBox",
+          "description": "A flexible button component with multiple variants and states.",
+          "name": "LeButton",
           "cssProperties": [
             {
-              "description": "Background color",
-              "name": "--le-box-bg"
+              "description": "Button background color",
+              "name": "--le-button-bg"
             },
             {
-              "description": "Padding inside the box",
-              "name": "--le-box-padding"
+              "description": "Button text color",
+              "name": "--le-button-color"
             },
             {
-              "description": "Border radius",
-              "name": "--le-box-border-radius"
+              "description": "Button border radius",
+              "name": "--le-button-border-radius"
+            },
+            {
+              "description": "Button horizontal padding",
+              "name": "--le-button-padding-x"
+            },
+            {
+              "description": "Button vertical padding",
+              "name": "--le-button-padding-y"
             }
           ],
           "cssParts": [
             {
-              "description": "The main box container",
-              "name": "box"
+              "description": "The native button element",
+              "name": "button"
             },
             {
-              "description": "The inner content wrapper",
+              "description": "The button content wrapper",
               "name": "content"
+            },
+            {
+              "description": "The start icon slot",
+              "name": "icon-start"
+            },
+            {
+              "description": "The end icon slot",
+              "name": "icon-end"
             }
           ],
           "slots": [
             {
-              "description": "Default slot for box content",
+              "description": "Button text content",
               "name": ""
+            },
+            {
+              "description": "Icon for icon-only buttons",
+              "name": "icon-only"
             }
           ],
           "members": [
@@ -1040,674 +1171,531 @@
             },
             {
               "kind": "field",
-              "name": "grow",
+              "name": "mode",
               "type": {
-                "text": "number"
+                "text": "'default' | 'admin'"
               },
-              "default": "0",
-              "description": "Flex grow factor - how much the item should grow relative to siblings"
+              "description": "Mode of the popover should be 'default' for internal use"
             },
             {
               "kind": "field",
-              "name": "shrink",
+              "name": "variant",
               "type": {
-                "text": "number"
+                "text": "'solid' | 'outlined' | 'clear' | 'system'"
               },
-              "default": "1",
-              "description": "Flex shrink factor - how much the item should shrink relative to siblings"
+              "default": "'solid'",
+              "description": "Button variant style"
             },
             {
               "kind": "field",
-              "name": "basis",
+              "name": "color",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
               },
-              "default": "'auto'",
-              "description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')"
+              "default": "'primary'",
+              "description": "Button color theme (uses theme semantic colors)"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "size",
               "type": {
-                "text": "string | undefined"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Width of the box (CSS value like '100px', '50%', 'auto')"
+              "default": "'medium'",
+              "description": "Button size"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Height of the box (CSS value)"
+              "default": "false",
+              "description": "Whether the button is in a selected/active state"
             },
             {
               "kind": "field",
-              "name": "minWidth",
+              "name": "fullWidth",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Minimum width constraint"
+              "default": "false",
+              "description": "Whether the button takes full width of its container"
             },
             {
               "kind": "field",
-              "name": "maxWidth",
+              "name": "iconOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "string | Node | undefined"
               },
-              "description": "Maximum width constraint"
+              "description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot"
             },
             {
               "kind": "field",
-              "name": "minHeight",
+              "name": "iconStart",
               "type": {
-                "text": "string | undefined"
+                "text": "string | Node | undefined"
               },
-              "description": "Minimum height constraint"
+              "description": "Start icon image or emoji"
             },
             {
               "kind": "field",
-              "name": "maxHeight",
+              "name": "iconEnd",
               "type": {
-                "text": "string | undefined"
+                "text": "string | Node | undefined"
               },
-              "description": "Maximum height constraint"
+              "description": "End icon image or emoji"
             },
             {
               "kind": "field",
-              "name": "background",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')"
+              "default": "false",
+              "description": "Whether the button is disabled"
             },
             {
               "kind": "field",
-              "name": "borderRadius",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "description": "Border radius (e.g., '8px', 'var(--le-radius-md)')"
+              "default": "'button'",
+              "description": "The button type attribute"
             },
             {
               "kind": "field",
-              "name": "border",
+              "name": "href",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')"
-            },
-            {
-              "kind": "field",
-              "name": "alignSelf",
-              "type": {
-                "text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
-              },
-              "default": "'auto'",
-              "description": "Self-alignment override for this item on the cross axis"
+              "description": "Optional href to make the button act as a link"
             },
             {
               "kind": "field",
-              "name": "alignContent",
+              "name": "target",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch'"
+                "text": "string | undefined"
               },
-              "default": "'stretch'",
-              "description": "Internal horizontal alignment of content"
+              "description": "Link target when href is set"
             },
             {
               "kind": "field",
-              "name": "justifyContent",
+              "name": "align",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch'"
+                "text": "'start' | 'center' | 'space-between' | 'end'"
               },
-              "default": "'start'",
-              "description": "Internal vertical alignment of content"
+              "default": "'center'",
+              "description": "Alignment of the button label without the end icon"
             },
             {
               "kind": "field",
-              "name": "padding",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Padding inside the box (CSS value like '8px', '1rem')"
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "order",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Order in the flex container (lower values come first)"
-            },
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "displayFlex",
+              "name": "mode",
+              "fieldName": "mode",
+              "description": "Mode of the popover should be 'default' for internal use",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to display box content as flex (for internal alignment)"
+                "text": "'default' | 'admin'"
+              }
             },
             {
-              "kind": "field",
-              "name": "innerDirection",
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'solid'",
+              "description": "Button variant style",
               "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "default": "'vertical'",
-              "description": "Direction of internal flex layout when displayFlex is true"
+                "text": "'solid' | 'outlined' | 'clear' | 'system'"
+              }
             },
             {
-              "kind": "field",
-              "name": "innerGap",
+              "name": "color",
+              "fieldName": "color",
+              "default": "'primary'",
+              "description": "Button color theme (uses theme semantic colors)",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Gap between internal flex items when displayFlex is true"
-            },
-            {
-              "kind": "method",
-              "name": "getAlignSelf",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+                "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
               }
             },
             {
-              "kind": "method",
-              "name": "getContentAlign",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "size",
+              "fieldName": "size",
+              "default": "'medium'",
+              "description": "Button size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "kind": "method",
-              "name": "getContentJustify",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "selected",
+              "fieldName": "selected",
+              "default": "false",
+              "description": "Whether the button is in a selected/active state",
+              "type": {
+                "text": "boolean"
               }
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "grow",
-              "fieldName": "grow",
-              "default": "0",
-              "description": "Flex grow factor - how much the item should grow relative to siblings",
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the button takes full width of its container",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "shrink",
-              "fieldName": "shrink",
-              "default": "1",
-              "description": "Flex shrink factor - how much the item should shrink relative to siblings",
+              "name": "icon-only",
+              "fieldName": "iconOnly",
+              "description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot",
               "type": {
-                "text": "number"
+                "text": "string | Node"
               }
             },
             {
-              "name": "basis",
-              "fieldName": "basis",
-              "default": "'auto'",
-              "description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')",
+              "name": "icon-start",
+              "fieldName": "iconStart",
+              "description": "Start icon image or emoji",
               "type": {
-                "text": "string"
+                "text": "string | Node"
               }
             },
             {
-              "name": "width",
-              "fieldName": "width",
-              "description": "Width of the box (CSS value like '100px', '50%', 'auto')",
+              "name": "icon-end",
+              "fieldName": "iconEnd",
+              "description": "End icon image or emoji",
               "type": {
-                "text": "string"
+                "text": "string | Node"
               }
             },
             {
-              "name": "height",
-              "fieldName": "height",
-              "description": "Height of the box (CSS value)",
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the button is disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "min-width",
-              "fieldName": "minWidth",
-              "description": "Minimum width constraint",
+              "name": "type",
+              "fieldName": "type",
+              "default": "'button'",
+              "description": "The button type attribute",
               "type": {
-                "text": "string"
+                "text": "'button' | 'submit' | 'reset'"
               }
             },
             {
-              "name": "max-width",
-              "fieldName": "maxWidth",
-              "description": "Maximum width constraint",
+              "name": "href",
+              "fieldName": "href",
+              "description": "Optional href to make the button act as a link",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "min-height",
-              "fieldName": "minHeight",
-              "description": "Minimum height constraint",
+              "name": "target",
+              "fieldName": "target",
+              "description": "Link target when href is set",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "max-height",
-              "fieldName": "maxHeight",
-              "description": "Maximum height constraint",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "background",
-              "fieldName": "background",
-              "description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "border-radius",
-              "fieldName": "borderRadius",
-              "description": "Border radius (e.g., '8px', 'var(--le-radius-md)')",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "border",
-              "fieldName": "border",
-              "description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "align-self",
-              "fieldName": "alignSelf",
-              "default": "'auto'",
-              "description": "Self-alignment override for this item on the cross axis",
-              "type": {
-                "text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
-              }
-            },
-            {
-              "name": "align-content",
-              "fieldName": "alignContent",
-              "default": "'stretch'",
-              "description": "Internal horizontal alignment of content",
-              "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch'"
-              }
-            },
-            {
-              "name": "justify-content",
-              "fieldName": "justifyContent",
-              "default": "'start'",
-              "description": "Internal vertical alignment of content",
-              "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch'"
-              }
-            },
-            {
-              "name": "padding",
-              "fieldName": "padding",
-              "description": "Padding inside the box (CSS value like '8px', '1rem')",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "order",
-              "fieldName": "order",
-              "description": "Order in the flex container (lower values come first)",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "display-flex",
-              "fieldName": "displayFlex",
-              "default": "false",
-              "description": "Whether to display box content as flex (for internal alignment)",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "inner-direction",
-              "fieldName": "innerDirection",
-              "default": "'vertical'",
-              "description": "Direction of internal flex layout when displayFlex is true",
+              "name": "align",
+              "fieldName": "align",
+              "default": "'center'",
+              "description": "Alignment of the button label without the end icon",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "'start' | 'center' | 'space-between' | 'end'"
               }
-            },
+            }
+          ],
+          "tagName": "le-button",
+          "events": [
             {
-              "name": "inner-gap",
-              "fieldName": "innerGap",
-              "description": "Gap between internal flex items when displayFlex is true",
+              "name": "click",
               "type": {
-                "text": "string"
-              }
+                "text": "EventEmitter<MouseEvent>"
+              },
+              "description": "Emitted when the button is clicked.\nThis is a custom event that wraps the native click but ensures the target is the le-button."
             }
           ],
-          "tagName": "le-box",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeBox",
+          "name": "LeButton",
           "declaration": {
-            "name": "LeBox",
-            "module": "src/components/le-box/le-box.tsx"
+            "name": "LeButton",
+            "module": "src/components/le-button/le-button.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-box",
+          "name": "le-button",
           "declaration": {
-            "name": "LeBox",
-            "module": "src/components/le-box/le-box.tsx"
+            "name": "LeButton",
+            "module": "src/components/le-button/le-button.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-collapse/le-collapse.tsx",
+      "path": "src/components/le-combobox/le-combobox.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": "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": "Transition duration",
-              "name": "--le-collapse-duration"
-            }
-          ],
-          "cssParts": [
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
             {
-              "description": "Collapsible region",
-              "name": "region"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
-              "description": "Inner content",
-              "name": "content"
-            }
-          ],
-          "slots": [
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
+            },
             {
-              "description": "Content to animate",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input."
+            },
             {
               "kind": "field",
-              "name": "el",
+              "name": "disabled",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the combobox is disabled."
             },
             {
               "kind": "field",
-              "name": "closed",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
+              "description": "Whether selection is required."
             },
             {
               "kind": "field",
-              "name": "scrollDown",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the content should scroll down from the top when open."
+              "description": "Whether the multiselect should take full width of its container."
             },
             {
               "kind": "field",
-              "name": "noFading",
+              "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": "Stop fading the content when collapsing/expanding."
+              "description": "Whether to allow custom values not in the options list."
             },
             {
               "kind": "field",
-              "name": "collapseOnHeaderShrink",
+              "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": "If true, collapse/expand based on the nearest header shrink event."
+              "description": "Whether the dropdown is currently open."
             },
             {
               "kind": "method",
-              "name": "handleHeaderShrink",
+              "name": "handleWindowClick",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "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",
+              "name": "inputValue",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "onOpenChange",
-              "privacy": "protected"
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "onDrivenStateChange",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "selectedOption",
+              "type": {
+                "text": "LeOption | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "shouldBeOpen",
+              "kind": "field",
+              "name": "dropdownEl",
+              "type": {
+                "text": "HTMLLeDropdownBaseElement | undefined"
+              },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "applyOpenState",
+              "kind": "field",
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "closed",
-              "fieldName": "closed",
-              "default": "false",
-              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop.",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "handleValueChange"
             },
             {
-              "name": "scroll-down",
-              "fieldName": "scrollDown",
-              "default": "false",
-              "description": "Whether the content should scroll down from the top when open.",
-              "type": {
-                "text": "boolean"
-              }
+              "kind": "method",
+              "name": "handleOptionsChange"
             },
             {
-              "name": "no-fading",
-              "fieldName": "noFading",
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding.",
+              "kind": "field",
+              "name": "parsedOptions",
               "type": {
-                "text": "boolean"
-              }
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "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-checkbox/le-checkbox.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
-          "name": "LeCheckbox",
-          "cssProperties": [
-            {
-              "description": "Size of the checkbox input",
-              "name": "--le-checkbox-size"
+              "kind": "method",
+              "name": "updateSelectedOption",
+              "privacy": "private"
             },
             {
-              "description": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
+              "kind": "field",
+              "name": "filterOption",
+              "privacy": "private"
             },
             {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
+              "kind": "field",
+              "name": "handleOptionSelect",
+              "privacy": "private"
             },
             {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The label text for the checkbox",
-              "name": ""
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
-            {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "name": "handleDropdownClose",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the checkbox is checked"
+              "name": "handleInputChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the checkbox is disabled"
+              "name": "handleInputFocus",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of the checkbox input"
+              "name": "handleInputKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the checkbox input"
+              "name": "handleClear",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "externalId",
-              "type": {
-                "text": "string"
-              },
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+              "kind": "method",
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
             },
             {
-              "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "focusInput",
+              "description": "Focuses the input element."
             },
             {
               "kind": "method",
@@ -1716,19 +1704,45 @@
           ],
           "attributes": [
             {
-              "name": "checked",
-              "fieldName": "checked",
-              "default": "false",
-              "description": "Whether the checkbox is checked",
+              "name": "options",
+              "fieldName": "options",
+              "default": "[]",
+              "description": "The options to display in the dropdown.",
               "type": {
-                "text": "boolean"
+                "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 checkbox is disabled",
+              "description": "Whether the combobox is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "default": "false",
+              "description": "Whether selection is required.",
               "type": {
                 "text": "boolean"
               }
@@ -1736,36 +1750,95 @@
             {
               "name": "name",
               "fieldName": "name",
-              "description": "The name of the checkbox input",
+              "description": "Name attribute for form submission.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the checkbox input",
+              "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": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
+              "name": "open",
+              "fieldName": "open",
+              "default": "false",
+              "description": "Whether the dropdown is currently open.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             }
           ],
-          "tagName": "le-checkbox",
+          "tagName": "le-combobox",
           "events": [
             {
-              "name": "change",
+              "name": "leChange",
               "type": {
-                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+                "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "description": "Emitted when the checked state changes"
+              "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
@@ -1774,18 +1847,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeCheckbox",
+          "name": "LeCombobox",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-checkbox",
+          "name": "le-combobox",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         }
       ]
@@ -2091,247 +2164,119 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-combobox/le-combobox.tsx",
+      "path": "src/components/le-collapse/le-collapse.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": "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": [
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
+              "description": "Transition duration",
+              "name": "--le-collapse-duration"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Collapsible region",
+              "name": "region"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
-            },
+              "description": "Inner content",
+              "name": "content"
+            }
+          ],
+          "slots": [
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input."
-            },
+              "description": "Content to animate",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "el",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the combobox is disabled."
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "closed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether selection is required."
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Name attribute for form submission."
+              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "scrollDown",
               "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."
+              "description": "Whether the content should scroll down from the top when open."
             },
             {
               "kind": "field",
-              "name": "allowCustom",
+              "name": "noFading",
               "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."
+              "description": "Stop fading the content when collapsing/expanding."
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "collapseOnHeaderShrink",
               "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"
+              },
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event."
             },
             {
-              "kind": "field",
-              "name": "handleInputFocus",
-              "privacy": "private"
+              "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": "handleInputKeyDown",
-              "privacy": "private"
+              "name": "headerShrunk",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "handleClear",
-              "privacy": "private"
+              "kind": "method",
+              "name": "onOpenChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "onDrivenStateChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "name": "shouldBeOpen",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "focusInput",
-              "description": "Focuses the input element."
+              "name": "applyOpenState",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -2340,141 +2285,214 @@
           ],
           "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.",
+              "name": "closed",
+              "fieldName": "closed",
+              "default": "false",
+              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop.",
               "type": {
-                "text": "LeOptionValue"
+                "text": "boolean"
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input.",
+              "name": "scroll-down",
+              "fieldName": "scrollDown",
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "no-fading",
+              "fieldName": "noFading",
               "default": "false",
-              "description": "Whether the combobox is disabled.",
+              "description": "Stop fading the content when collapsing/expanding.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "required",
-              "fieldName": "required",
+              "name": "collapse-on-header-shrink",
+              "fieldName": "collapseOnHeaderShrink",
               "default": "false",
-              "description": "Whether selection is required.",
+              "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-checkbox/le-checkbox.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
+          "name": "LeCheckbox",
+          "cssProperties": [
+            {
+              "description": "Size of the checkbox input",
+              "name": "--le-checkbox-size"
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
+              "description": "Color of the checkbox when checked",
+              "name": "--le-checkbox-color"
+            },
+            {
+              "description": "Color of the label text",
+              "name": "--le-checkbox-label-color"
+            },
+            {
+              "description": "Color of the description text",
+              "name": "--le-checkbox-desc-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The label text for the checkbox",
+              "name": ""
+            },
+            {
+              "description": "Additional description text displayed below the label",
+              "name": "description"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container.",
+              "kind": "field",
+              "name": "checked",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "default": "false",
+              "description": "Whether the checkbox is checked"
             },
             {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'medium'",
-              "description": "Size variant of the combobox.",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the checkbox is disabled"
             },
             {
-              "name": "allow-custom",
-              "fieldName": "allowCustom",
-              "default": "false",
-              "description": "Whether to allow custom values not in the options list.",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "boolean"
-              }
+                "text": "string"
+              },
+              "description": "The name of the checkbox input"
             },
             {
-              "name": "min-search-length",
-              "fieldName": "minSearchLength",
-              "default": "0",
-              "description": "Minimum characters before showing filtered results.",
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "number"
-              }
+                "text": "string"
+              },
+              "description": "The value of the checkbox input"
             },
             {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
+              "kind": "field",
+              "name": "externalId",
               "type": {
                 "text": "string"
+              },
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+            },
+            {
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
+              "type": {
+                "text": "boolean"
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "Whether the checkbox is disabled",
               "type": {
                 "text": "boolean"
               }
-            }
-          ],
-          "tagName": "le-combobox",
-          "events": [
+            },
             {
-              "name": "leChange",
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
               "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected value changes."
+                "text": "string"
+              }
             },
             {
-              "name": "leInput",
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the checkbox input",
               "type": {
-                "text": "EventEmitter<{ value: string }>"
-              },
-              "description": "Emitted when the input value changes (for custom values)."
+                "text": "string"
+              }
             },
             {
-              "name": "leOpen",
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
               "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
-            },
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "le-checkbox",
+          "events": [
             {
-              "name": "leClose",
+              "name": "change",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
               },
-              "description": "Emitted when the dropdown closes."
+              "description": "Emitted when the checked state changes"
             }
           ],
           "customElement": true
@@ -2483,18 +2501,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeCombobox",
+          "name": "LeCheckbox",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-combobox",
+          "name": "le-checkbox",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         }
       ]
@@ -7250,7 +7268,7 @@
           "tagName": "le-select",
           "events": [
             {
-              "name": "leChange",
+              "name": "change",
               "type": {
                 "text": "EventEmitter<LeOptionSelectDetail>"
               },
@@ -9079,263 +9097,36 @@
               "type": {
                 "text": "boolean"
               }
-            }
-          ],
-          "tagName": "le-tab-bar",
-          "events": [
-            {
-              "name": "leTabChange",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected tab changes."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeTabBar",
-          "declaration": {
-            "name": "LeTabBar",
-            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-tab-bar",
-          "declaration": {
-            "name": "LeTabBar",
-            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-tab-panel/le-tab-panel.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A tab panel component used as a child of le-tabs.\n\nEach le-tab-panel defines both the tab button label and the panel content.\nThe parent le-tabs component automatically reads these panels and creates\nthe tab interface.",
-          "name": "LeTabPanel",
-          "slots": [
-            {
-              "description": "Default slot for panel content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLLeTabPanelElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The label displayed in the tab button."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The value used to identify this tab.\nDefaults to the label if not provided."
-            },
-            {
-              "kind": "field",
-              "name": "iconStart",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class."
-            },
-            {
-              "kind": "field",
-              "name": "iconEnd",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Icon displayed at the end of the tab button."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether this tab is disabled."
-            },
-            {
-              "kind": "field",
-              "name": "lazy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive."
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal: Whether this panel is currently active (set by parent le-tabs)"
-            },
-            {
-              "kind": "field",
-              "name": "hasBeenActive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal: Track if panel has ever been activated (for lazy rendering)"
-            },
-            {
-              "kind": "method",
-              "name": "activeChanged",
-              "parameters": [
-                {
-                  "name": "isActive",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getValue",
-              "return": {
-                "type": {
-                  "text": "Promise<string>"
-                }
-              },
-              "description": "Get the effective value (value or label as fallback)"
-            },
-            {
-              "kind": "method",
-              "name": "getTabConfig",
-              "return": {
-                "type": {
-                  "text": "Promise<{\n    label: string;\n    value: string;\n    iconStart?: string;\n    iconEnd?: string;\n    disabled: boolean;\n  }>"
-                }
-              },
-              "description": "Get tab configuration for parent component"
-            },
-            {
-              "kind": "method",
-              "name": "setActive",
-              "parameters": [
-                {
-                  "name": "isActive",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "description": "Set the active state (called by parent le-tabs)"
-            },
-            {
-              "kind": "method",
-              "name": "shouldRenderContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Check if panel should render content"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "fieldName": "label",
-              "description": "The label displayed in the tab button.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value used to identify this tab.\nDefaults to the label if not provided.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-start",
-              "fieldName": "iconStart",
-              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "icon-end",
-              "fieldName": "iconEnd",
-              "description": "Icon displayed at the end of the tab button.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether this tab is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
+            }
+          ],
+          "tagName": "le-tab-bar",
+          "events": [
             {
-              "name": "lazy",
-              "fieldName": "lazy",
-              "default": "false",
-              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive.",
+              "name": "leTabChange",
               "type": {
-                "text": "boolean"
-              }
+                "text": "EventEmitter<LeOptionSelectDetail>"
+              },
+              "description": "Emitted when the selected tab changes."
             }
           ],
-          "tagName": "le-tab-panel",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeTabPanel",
+          "name": "LeTabBar",
           "declaration": {
-            "name": "LeTabPanel",
-            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+            "name": "LeTabBar",
+            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-tab-panel",
+          "name": "le-tab-bar",
           "declaration": {
-            "name": "LeTabPanel",
-            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+            "name": "LeTabBar",
+            "module": "src/components/le-tab-bar/le-tab-bar.tsx"
           }
         }
       ]
@@ -9751,6 +9542,233 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-tab-panel/le-tab-panel.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A tab panel component used as a child of le-tabs.\n\nEach le-tab-panel defines both the tab button label and the panel content.\nThe parent le-tabs component automatically reads these panels and creates\nthe tab interface.",
+          "name": "LeTabPanel",
+          "slots": [
+            {
+              "description": "Default slot for panel content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLLeTabPanelElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label displayed in the tab button."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The value used to identify this tab.\nDefaults to the label if not provided."
+            },
+            {
+              "kind": "field",
+              "name": "iconStart",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class."
+            },
+            {
+              "kind": "field",
+              "name": "iconEnd",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Icon displayed at the end of the tab button."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this tab is disabled."
+            },
+            {
+              "kind": "field",
+              "name": "lazy",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive."
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Internal: Whether this panel is currently active (set by parent le-tabs)"
+            },
+            {
+              "kind": "field",
+              "name": "hasBeenActive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Internal: Track if panel has ever been activated (for lazy rendering)"
+            },
+            {
+              "kind": "method",
+              "name": "activeChanged",
+              "parameters": [
+                {
+                  "name": "isActive",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getValue",
+              "return": {
+                "type": {
+                  "text": "Promise<string>"
+                }
+              },
+              "description": "Get the effective value (value or label as fallback)"
+            },
+            {
+              "kind": "method",
+              "name": "getTabConfig",
+              "return": {
+                "type": {
+                  "text": "Promise<{\n    label: string;\n    value: string;\n    iconStart?: string;\n    iconEnd?: string;\n    disabled: boolean;\n  }>"
+                }
+              },
+              "description": "Get tab configuration for parent component"
+            },
+            {
+              "kind": "method",
+              "name": "setActive",
+              "parameters": [
+                {
+                  "name": "isActive",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Set the active state (called by parent le-tabs)"
+            },
+            {
+              "kind": "method",
+              "name": "shouldRenderContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Check if panel should render content"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "fieldName": "label",
+              "description": "The label displayed in the tab button.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value used to identify this tab.\nDefaults to the label if not provided.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon-start",
+              "fieldName": "iconStart",
+              "description": "Icon displayed at the start of the tab button.\nCan be an emoji, URL, or icon class.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon-end",
+              "fieldName": "iconEnd",
+              "description": "Icon displayed at the end of the tab button.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether this tab is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "lazy",
+              "fieldName": "lazy",
+              "default": "false",
+              "description": "Whether to render the panel content only when active (lazy loading).\nWhen true, content is not rendered until the tab is first selected.\nWhen false (default), content is always in DOM but hidden when inactive.",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-tab-panel",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeTabPanel",
+          "declaration": {
+            "name": "LeTabPanel",
+            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-tab-panel",
+          "declaration": {
+            "name": "LeTabPanel",
+            "module": "src/components/le-tab-panel/le-tab-panel.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-tag/le-tag.tsx",