le-kit 0.3.0 → 0.3.2

package/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",
@@ -952,6 +970,139 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-card/le-card.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
+          "name": "LeCard",
+          "cssProperties": [
+            {
+              "description": "Card background color",
+              "name": "--le-card-bg"
+            },
+            {
+              "description": "Card border radius",
+              "name": "--le-card-border-radius"
+            },
+            {
+              "description": "Card box shadow",
+              "name": "--le-card-shadow"
+            },
+            {
+              "description": "Card content padding",
+              "name": "--le-card-padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main card container",
+              "name": "card"
+            },
+            {
+              "description": "The card header section",
+              "name": "header"
+            },
+            {
+              "description": "The card content section",
+              "name": "content"
+            },
+            {
+              "description": "The card footer section",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Card header content (title, actions)",
+              "name": "header"
+            },
+            {
+              "description": "Default slot for main card content",
+              "name": ""
+            },
+            {
+              "description": "Card footer content (buttons, links)",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'outlined' | 'elevated'"
+              },
+              "default": "'default'",
+              "description": "Card variant style"
+            },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the card is interactive (clickable)"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "Card variant style",
+              "type": {
+                "text": "'default' | 'outlined' | 'elevated'"
+              }
+            },
+            {
+              "name": "interactive",
+              "fieldName": "interactive",
+              "default": "false",
+              "description": "Whether the card is interactive (clickable)",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-card",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeCard",
+          "declaration": {
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-card",
+          "declaration": {
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-button/le-button.tsx",
@@ -1304,336 +1455,425 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "path": "src/components/le-combobox/le-combobox.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"
-            },
+          "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": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The label text for the checkbox",
-              "name": ""
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
             },
-            {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "placeholder",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input."
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the checkbox is checked"
+              "description": "Whether the combobox is disabled."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the checkbox is disabled"
+              "description": "Whether selection is required."
             },
             {
               "kind": "field",
               "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The name of the checkbox input"
+              "description": "Name attribute for form submission."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "fullWidth",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The value of the checkbox input"
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container."
             },
             {
               "kind": "field",
-              "name": "externalId",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+              "default": "'medium'",
+              "description": "Size variant of the combobox."
             },
             {
               "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "checked",
-              "fieldName": "checked",
-              "default": "false",
-              "description": "Whether the checkbox is checked",
+              "name": "allowCustom",
               "type": {
                 "text": "boolean"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
+              },
               "default": "false",
-              "description": "Whether the checkbox is disabled",
-              "type": {
-                "text": "boolean"
-              }
+              "description": "Whether to allow custom values not in the options list."
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the checkbox input",
+              "kind": "field",
+              "name": "minSearchLength",
               "type": {
-                "text": "string"
-              }
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Minimum characters before showing filtered results."
             },
             {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the checkbox input",
+              "kind": "field",
+              "name": "emptyText",
               "type": {
                 "text": "string"
-              }
+              },
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search."
             },
             {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dropdown is currently open."
+            },
+            {
+              "kind": "method",
+              "name": "handleWindowClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "inputValue",
               "type": {
                 "text": "string"
-              }
-            }
-          ],
-          "tagName": "le-checkbox",
-          "events": [
+              },
+              "privacy": "private",
+              "default": "''"
+            },
             {
-              "name": "change",
+              "kind": "field",
+              "name": "selectedOption",
               "type": {
-                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+                "text": "LeOption | undefined"
               },
-              "description": "Emitted when the checked state changes"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeCheckbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-checkbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-card/le-card.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
-          "name": "LeCard",
-          "cssProperties": [
+              "privacy": "private"
+            },
             {
-              "description": "Card background color",
-              "name": "--le-card-bg"
+              "kind": "field",
+              "name": "dropdownEl",
+              "type": {
+                "text": "HTMLLeDropdownBaseElement | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Card border radius",
-              "name": "--le-card-border-radius"
+              "kind": "field",
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Card box shadow",
-              "name": "--le-card-shadow"
+              "kind": "method",
+              "name": "handleValueChange"
             },
             {
-              "description": "Card content padding",
-              "name": "--le-card-padding"
-            }
-          ],
-          "cssParts": [
+              "kind": "method",
+              "name": "handleOptionsChange"
+            },
             {
-              "description": "The main card container",
-              "name": "card"
+              "kind": "field",
+              "name": "parsedOptions",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "The card header section",
-              "name": "header"
+              "kind": "method",
+              "name": "updateSelectedOption",
+              "privacy": "private"
             },
             {
-              "description": "The card content section",
-              "name": "content"
+              "kind": "field",
+              "name": "filterOption",
+              "privacy": "private"
             },
             {
-              "description": "The card footer section",
-              "name": "footer"
-            }
-          ],
-          "slots": [
+              "kind": "field",
+              "name": "handleOptionSelect",
+              "privacy": "private"
+            },
             {
-              "description": "Card header content (title, actions)",
-              "name": "header"
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
             {
-              "description": "Default slot for main card content",
-              "name": ""
+              "kind": "field",
+              "name": "handleDropdownClose",
+              "privacy": "private"
             },
             {
-              "description": "Card footer content (buttons, links)",
-              "name": "footer"
+              "kind": "field",
+              "name": "handleInputChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleClear",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
+            },
+            {
+              "kind": "method",
+              "name": "focusInput",
+              "description": "Focuses the input element."
+            },
+            {
+              "kind": "method",
+              "name": "render"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "el",
+              "name": "options",
+              "fieldName": "options",
+              "default": "[]",
+              "description": "The options to display in the dropdown.",
+              "type": {
+                "text": "LeOption[] | string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The currently selected value.",
+              "type": {
+                "text": "LeOptionValue"
+              }
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the combobox is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "default": "false",
+              "description": "Whether selection is required.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name attribute for form submission.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "default": "'medium'",
+              "description": "Size variant of the combobox.",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "allow-custom",
+              "fieldName": "allowCustom",
+              "default": "false",
+              "description": "Whether to allow custom values not in the options list.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "min-search-length",
+              "fieldName": "minSearchLength",
+              "default": "0",
+              "description": "Minimum characters before showing filtered results.",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "empty-text",
+              "fieldName": "emptyText",
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search.",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               }
             },
             {
-              "kind": "field",
-              "name": "variant",
+              "name": "open",
+              "fieldName": "open",
+              "default": "false",
+              "description": "Whether the dropdown is currently open.",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-combobox",
+          "events": [
+            {
+              "name": "leChange",
+              "type": {
+                "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "default": "'default'",
-              "description": "Card variant style"
+              "description": "Emitted when the selected value changes."
             },
             {
-              "kind": "field",
-              "name": "interactive",
+              "name": "leInput",
               "type": {
-                "text": "boolean"
+                "text": "EventEmitter<{ value: string }>"
               },
-              "default": "false",
-              "description": "Whether the card is interactive (clickable)"
+              "description": "Emitted when the input value changes (for custom values)."
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Card variant style",
+              "name": "leOpen",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
-              }
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
             },
             {
-              "name": "interactive",
-              "fieldName": "interactive",
-              "default": "false",
-              "description": "Whether the card is interactive (clickable)",
+              "name": "leClose",
               "type": {
-                "text": "boolean"
-              }
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
             }
           ],
-          "tagName": "le-card",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCard",
+          "name": "LeCombobox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-card",
+          "name": "le-combobox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-collapse/le-collapse.tsx",
+      "path": "src/components/le-component/le-component.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "Animated show/hide wrapper.\n\nSupports height collapse (auto->0) and/or fading.\nCan optionally listen to the nearest `le-header` shrink events.",
-          "name": "LeCollapse",
-          "cssProperties": [
-            {
-              "description": "Transition duration",
-              "name": "--le-collapse-duration"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "Collapsible region",
-              "name": "region"
-            },
-            {
-              "description": "Inner content",
-              "name": "content"
-            }
-          ],
+          "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n  return (\n    <le-component component=\"le-card\">\n      <Host>...</Host>\n    </le-component>\n  );\n}\n```",
+          "name": "LeComponent",
           "slots": [
             {
-              "description": "Content to animate",
+              "description": "The component's rendered content",
               "name": ""
             }
           ],
@@ -1647,81 +1887,217 @@
             },
             {
               "kind": "field",
-              "name": "closed",
+              "name": "component",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
             },
             {
               "kind": "field",
-              "name": "scrollDown",
+              "name": "displayName",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the content should scroll down from the top when open."
+              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
             },
             {
               "kind": "field",
-              "name": "noFading",
+              "name": "hostClass",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding."
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
             },
             {
               "kind": "field",
-              "name": "collapseOnHeaderShrink",
+              "name": "hostStyle",
+              "type": {
+                "text": "{ [key: string]: string } | undefined"
+              },
+              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
+            },
+            {
+              "kind": "field",
+              "name": "hostElement",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "description": "Reference to the host element (found automatically from parent)"
+            },
+            {
+              "kind": "field",
+              "name": "adminMode",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
-              "description": "If true, collapse/expand based on the nearest header shrink event."
+              "description": "Internal state to track admin mode"
+            },
+            {
+              "kind": "field",
+              "name": "componentMeta",
+              "type": {
+                "text": "ComponentMetadata | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "Component metadata loaded from Custom Elements Manifest"
+            },
+            {
+              "kind": "field",
+              "name": "propertyValues",
+              "type": {
+                "text": "Record<string, any>"
+              },
+              "privacy": "private",
+              "default": "{}",
+              "description": "Current property values of the host component"
+            },
+            {
+              "kind": "field",
+              "name": "disconnectModeObserver",
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleHeaderShrink",
+              "name": "findHostElement",
+              "privacy": "private",
+              "description": "Find the host element by traversing up through shadow DOM"
+            },
+            {
+              "kind": "method",
+              "name": "formatDisplayName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tagName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
+            },
+            {
+              "kind": "method",
+              "name": "loadComponentMetadata",
+              "privacy": "private",
+              "description": "Load component metadata from the Custom Elements Manifest"
+            },
+            {
+              "kind": "method",
+              "name": "isInternalAttribute",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Check if an attribute is internal (should not be shown in editor)"
+            },
+            {
+              "kind": "method",
+              "name": "readPropertyValues",
+              "privacy": "private",
+              "description": "Read current property values from the host element"
+            },
+            {
+              "kind": "method",
+              "name": "parseAttributeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "type",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Parse an attribute value based on its type"
+            },
+            {
+              "kind": "method",
+              "name": "handlePropertyChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "attrName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
                   "type": {
-                    "text": "Event"
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "type",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Handles `leHeaderShrinkChange` events from the `le-header`.\nIn case multiple headers are present, only the nearest one in the DOM tree is used."
-            },
-            {
-              "kind": "field",
-              "name": "headerShrunk",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "onOpenChange",
-              "privacy": "protected"
+              "description": "Handle property value changes from the editor"
             },
             {
               "kind": "method",
-              "name": "onDrivenStateChange",
-              "privacy": "protected"
+              "name": "deleteComponent",
+              "privacy": "private",
+              "description": "Delete this component from the DOM"
             },
             {
               "kind": "method",
-              "name": "shouldBeOpen",
-              "privacy": "private"
+              "name": "renderPropertyEditor",
+              "privacy": "private",
+              "description": "Render the property editor form"
             },
             {
               "kind": "method",
-              "name": "applyOpenState",
-              "privacy": "private"
+              "name": "renderPropertyField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "attr",
+                  "type": {
+                    "text": "AttributeMetadata"
+                  }
+                }
+              ],
+              "description": "Render a single property field based on its type"
             },
             {
               "kind": "method",
@@ -1730,43 +2106,39 @@
           ],
           "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.",
+              "name": "component",
+              "fieldName": "component",
+              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "scroll-down",
-              "fieldName": "scrollDown",
-              "default": "false",
-              "description": "Whether the content should scroll down from the top when open.",
+              "name": "display-name",
+              "fieldName": "displayName",
+              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "no-fading",
-              "fieldName": "noFading",
-              "default": "false",
-              "description": "Stop fading the content when collapsing/expanding.",
+              "name": "host-class",
+              "fieldName": "hostClass",
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "collapse-on-header-shrink",
-              "fieldName": "collapseOnHeaderShrink",
-              "default": "false",
-              "description": "If true, collapse/expand based on the nearest header shrink event.",
+              "name": "host-style",
+              "fieldName": "hostStyle",
+              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
               "type": {
-                "text": "boolean"
+                "text": "{ [key: string]: string }"
               }
             }
           ],
-          "tagName": "le-collapse",
+          "tagName": "le-component",
           "events": [],
           "customElement": true
         }
@@ -1774,265 +2146,137 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeCollapse",
+          "name": "LeComponent",
           "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-collapse",
+          "name": "le-component",
           "declaration": {
-            "name": "LeCollapse",
-            "module": "src/components/le-collapse/le-collapse.tsx"
+            "name": "LeComponent",
+            "module": "src/components/le-component/le-component.tsx"
           }
         }
       ]
     },
     {
       "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": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the combobox is disabled."
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether selection is required."
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Name attribute for form submission."
-            },
-            {
-              "kind": "field",
-              "name": "fullWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "Size variant of the combobox."
-            },
-            {
-              "kind": "field",
-              "name": "allowCustom",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to allow custom values not in the options list."
-            },
+          "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": "minSearchLength",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum characters before showing filtered results."
-            },
+              "description": "Transition duration",
+              "name": "--le-collapse-duration"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "emptyText",
-              "type": {
-                "text": "string"
-              },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "description": "Collapsible region",
+              "name": "region"
             },
             {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the dropdown is currently open."
-            },
+              "description": "Inner content",
+              "name": "content"
+            }
+          ],
+          "slots": [
             {
-              "kind": "method",
-              "name": "handleWindowClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
+              "description": "Content to animate",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "inputValue",
+              "name": "el",
               "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "selectedOption",
+              "name": "closed",
               "type": {
-                "text": "LeOption | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
             },
             {
               "kind": "field",
-              "name": "dropdownEl",
+              "name": "scrollDown",
               "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether the content should scroll down from the top when open."
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "noFading",
               "type": {
-                "text": "HTMLInputElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Stop fading the content when collapsing/expanding."
             },
             {
-              "kind": "method",
-              "name": "handleValueChange"
+              "kind": "field",
+              "name": "collapseOnHeaderShrink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, collapse/expand based on the nearest header shrink event."
             },
             {
               "kind": "method",
-              "name": "handleOptionsChange"
+              "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": "parsedOptions",
+              "name": "headerShrunk",
               "type": {
-                "text": "LeOption[]"
+                "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
+              "default": "false"
             },
             {
               "kind": "method",
-              "name": "updateSelectedOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOptionSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDropdownClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClear",
-              "privacy": "private"
+              "name": "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",
@@ -2041,177 +2285,100 @@
           ],
           "attributes": [
             {
-              "name": "options",
-              "fieldName": "options",
-              "default": "[]",
-              "description": "The options to display in the dropdown.",
-              "type": {
-                "text": "LeOption[] | string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The currently selected value.",
-              "type": {
-                "text": "LeOptionValue"
-              }
-            },
-            {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the combobox is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
+              "name": "closed",
+              "fieldName": "closed",
               "default": "false",
-              "description": "Whether selection is required.",
+              "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": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "full-width",
-              "fieldName": "fullWidth",
+              "name": "scroll-down",
+              "fieldName": "scrollDown",
               "default": "false",
-              "description": "Whether the multiselect should take full width of its container.",
+              "description": "Whether the content should scroll down from the top when open.",
               "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",
+              "name": "no-fading",
+              "fieldName": "noFading",
               "default": "false",
-              "description": "Whether to allow custom values not in the options list.",
+              "description": "Stop fading the content when collapsing/expanding.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "min-search-length",
-              "fieldName": "minSearchLength",
-              "default": "0",
-              "description": "Minimum characters before showing filtered results.",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "open",
-              "fieldName": "open",
+              "name": "collapse-on-header-shrink",
+              "fieldName": "collapseOnHeaderShrink",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "If true, collapse/expand based on the nearest header shrink event.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-combobox",
-          "events": [
-            {
-              "name": "leChange",
-              "type": {
-                "text": "EventEmitter<LeOptionSelectDetail>"
-              },
-              "description": "Emitted when the selected value changes."
-            },
-            {
-              "name": "leInput",
-              "type": {
-                "text": "EventEmitter<{ value: string }>"
-              },
-              "description": "Emitted when the input value changes (for custom values)."
-            },
-            {
-              "name": "leOpen",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
-            },
-            {
-              "name": "leClose",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown closes."
-            }
-          ],
+          "tagName": "le-collapse",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCombobox",
+          "name": "LeCollapse",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-combobox",
+          "name": "le-collapse",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
+            "name": "LeCollapse",
+            "module": "src/components/le-collapse/le-collapse.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-component/le-component.tsx",
+      "path": "src/components/le-checkbox/le-checkbox.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n  return (\n    <le-component component=\"le-card\">\n      <Host>...</Host>\n    </le-component>\n  );\n}\n```",
-          "name": "LeComponent",
+          "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"
+            },
+            {
+              "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 component's rendered content",
+              "description": "The label text for the checkbox",
               "name": ""
+            },
+            {
+              "description": "Additional description text displayed below the label",
+              "name": "description"
             }
           ],
           "members": [
@@ -2224,217 +2391,50 @@
             },
             {
               "kind": "field",
-              "name": "component",
-              "type": {
-                "text": "string"
-              },
-              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
-            },
-            {
-              "kind": "field",
-              "name": "displayName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
-            },
-            {
-              "kind": "field",
-              "name": "hostClass",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
-            },
-            {
-              "kind": "field",
-              "name": "hostStyle",
-              "type": {
-                "text": "{ [key: string]: string } | undefined"
-              },
-              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
-            },
-            {
-              "kind": "field",
-              "name": "hostElement",
+              "name": "checked",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "description": "Reference to the host element (found automatically from parent)"
+              "default": "false",
+              "description": "Whether the checkbox is checked"
             },
             {
               "kind": "field",
-              "name": "adminMode",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Internal state to track admin mode"
+              "description": "Whether the checkbox is disabled"
             },
             {
               "kind": "field",
-              "name": "componentMeta",
+              "name": "name",
               "type": {
-                "text": "ComponentMetadata | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null",
-              "description": "Component metadata loaded from Custom Elements Manifest"
+              "description": "The name of the checkbox input"
             },
             {
               "kind": "field",
-              "name": "propertyValues",
+              "name": "value",
               "type": {
-                "text": "Record<string, any>"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "{}",
-              "description": "Current property values of the host component"
+              "description": "The value of the checkbox input"
             },
             {
               "kind": "field",
-              "name": "disconnectModeObserver",
+              "name": "externalId",
               "type": {
-                "text": "() => void | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "findHostElement",
-              "privacy": "private",
-              "description": "Find the host element by traversing up through shadow DOM"
-            },
-            {
-              "kind": "method",
-              "name": "formatDisplayName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
-            },
-            {
-              "kind": "method",
-              "name": "loadComponentMetadata",
-              "privacy": "private",
-              "description": "Load component metadata from the Custom Elements Manifest"
-            },
-            {
-              "kind": "method",
-              "name": "isInternalAttribute",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Check if an attribute is internal (should not be shown in editor)"
-            },
-            {
-              "kind": "method",
-              "name": "readPropertyValues",
-              "privacy": "private",
-              "description": "Read current property values from the host element"
-            },
-            {
-              "kind": "method",
-              "name": "parseAttributeValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string | null"
-                  }
-                },
-                {
-                  "name": "type",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Parse an attribute value based on its type"
-            },
-            {
-              "kind": "method",
-              "name": "handlePropertyChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "attrName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "type",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Handle property value changes from the editor"
-            },
-            {
-              "kind": "method",
-              "name": "deleteComponent",
-              "privacy": "private",
-              "description": "Delete this component from the DOM"
-            },
-            {
-              "kind": "method",
-              "name": "renderPropertyEditor",
-              "privacy": "private",
-              "description": "Render the property editor form"
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
             },
             {
-              "kind": "method",
-              "name": "renderPropertyField",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "attr",
-                  "type": {
-                    "text": "AttributeMetadata"
-                  }
-                }
-              ],
-              "description": "Render a single property field based on its type"
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -2443,58 +2443,76 @@
           ],
           "attributes": [
             {
-              "name": "component",
-              "fieldName": "component",
-              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the checkbox is disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "display-name",
-              "fieldName": "displayName",
-              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the checkbox input",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "host-class",
-              "fieldName": "hostClass",
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
               "type": {
                 "text": "string"
               }
-            },
+            }
+          ],
+          "tagName": "le-checkbox",
+          "events": [
             {
-              "name": "host-style",
-              "fieldName": "hostStyle",
-              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
+              "name": "change",
               "type": {
-                "text": "{ [key: string]: string }"
-              }
+                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the checked state changes"
             }
           ],
-          "tagName": "le-component",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeComponent",
+          "name": "LeCheckbox",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-component",
+          "name": "le-checkbox",
           "declaration": {
-            "name": "LeComponent",
-            "module": "src/components/le-component/le-component.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",