le-kit 0.3.3 → 0.3.4

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

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