le-kit 0.3.5 → 0.4.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-12T07:55:59",
+  "timestamp": "2026-01-14T14:04:52",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.39.0",
@@ -1718,6 +1718,7 @@
         "le-number-input",
         "le-popup",
         "le-select",
+        "le-side-panel-toggle",
         "le-slot"
       ],
       "dependencies": [
@@ -1754,6 +1755,9 @@
         ],
         "le-number-input": [
           "le-button"
+        ],
+        "le-side-panel-toggle": [
+          "le-button"
         ]
       }
     },
@@ -4449,7 +4453,8 @@
       "parts": [],
       "dependents": [
         "le-bar",
-        "le-navigation"
+        "le-navigation",
+        "le-side-panel"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -4458,6 +4463,9 @@
         ],
         "le-navigation": [
           "le-icon"
+        ],
+        "le-side-panel": [
+          "le-icon"
         ]
       }
     },
@@ -8414,80 +8422,74 @@
       }
     },
     {
-      "filePath": "src/components/le-slot/le-slot.tsx",
+      "filePath": "src/components/le-side-panel/le-side-panel.tsx",
       "encapsulation": "shadow",
-      "tag": "le-slot",
-      "readme": "# le-slot\n\n\n",
-      "docs": "Slot placeholder component for admin/CMS mode.\n\nThis component renders a visual placeholder for slots when in admin mode,\nallowing CMS systems to show available drop zones for content or inline editing.\n\nIn non-admin mode, this component renders nothing and acts as a passthrough.",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "- Default slot for placeholder content or drop zone UI"
-        },
-        {
-          "name": "cmsInternal",
-          "text": "true"
-        },
-        {
-          "name": "cmsCategory",
-          "text": "System"
-        }
-      ],
+      "tag": "le-side-panel",
+      "readme": "# le-side-panel\n\n\n",
+      "docs": "",
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "allowedComponents",
-          "type": "string",
+          "name": "autoHideOnNarrow",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "allowed-components",
+          "attr": "auto-hide-on-narrow",
           "reflectToAttr": false,
-          "docs": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
+          "docs": "When crossing to narrow mode, automatically hide the panel (open=false).",
           "docsTags": [
             {
-              "name": "example",
-              "text": "\"le-card,le-button,le-text\""
+              "name": "default",
+              "text": "true"
             }
           ],
+          "default": "true",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "description",
-          "type": "string",
+          "name": "autoShowOnWide",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "description",
+          "attr": "auto-show-on-wide",
           "reflectToAttr": false,
-          "docs": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
-          "docsTags": [],
+          "docs": "When crossing to wide mode, automatically show the panel (collapsed=false).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "label",
+          "name": "collapseAt",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -8495,9 +8497,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "collapse-at",
           "reflectToAttr": false,
-          "docs": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
+          "docs": "Width breakpoint (in px or a CSS var like `--le-breakpoint-md`) below which the panel enters \"narrow\" mode.",
           "docsTags": [],
           "values": [
             {
@@ -8510,24 +8512,24 @@
           "setter": false
         },
         {
-          "name": "multiple",
+          "name": "collapsed",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "multiple",
-          "reflectToAttr": false,
-          "docs": "Whether multiple components can be dropped in this slot.",
+          "mutable": true,
+          "attr": "collapsed",
+          "reflectToAttr": true,
+          "docs": "Panel collapsed state for wide mode (fully hidden).",
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "false"
             }
           ],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -8539,27 +8541,27 @@
           "setter": false
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": "maxPanelWidth",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "name",
+          "attr": "max-panel-width",
           "reflectToAttr": false,
-          "docs": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
+          "docs": "Maximum allowed width when resizable.",
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "420"
             }
           ],
-          "default": "''",
+          "default": "420",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
@@ -8568,40 +8570,86 @@
           "setter": false
         },
         {
-          "name": "placeholder",
-          "type": "string",
+          "name": "minPanelWidth",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "min-panel-width",
           "reflectToAttr": false,
-          "docs": "Placeholder text for text/textarea inputs in admin mode.",
-          "docsTags": [],
+          "docs": "Minimum allowed width when resizable.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "220"
+            }
+          ],
+          "default": "220",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "narrowBehavior",
+          "type": "\"overlay\" | \"push\"",
+          "complexType": {
+            "original": "LeSidePanelNarrowBehavior",
+            "resolved": "\"overlay\" | \"push\"",
+            "references": {
+              "LeSidePanelNarrowBehavior": {
+                "location": "local",
+                "path": "/home/runner/work/le-kit/le-kit/src/components/le-side-panel/le-side-panel.tsx",
+                "id": "src/components/le-side-panel/le-side-panel.tsx::LeSidePanelNarrowBehavior"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "narrow-behavior",
+          "reflectToAttr": false,
+          "docs": "Behavior when in narrow mode.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'overlay'"
+            }
+          ],
+          "default": "'overlay'",
           "values": [
             {
+              "value": "overlay",
+              "type": "string"
+            },
+            {
+              "value": "push",
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "required",
+          "name": "open",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "required",
-          "reflectToAttr": false,
-          "docs": "Whether this slot is required to have content.",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Panel open state for narrow mode.\n- overlay: controls modal drawer visibility\n- push: controls whether panel is shown (non-modal)",
           "docsTags": [
             {
               "name": "default",
@@ -8620,7 +8668,7 @@
           "setter": false
         },
         {
-          "name": "slotStyle",
+          "name": "panelId",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -8628,9 +8676,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "slot-style",
+          "attr": "panel-id",
           "reflectToAttr": false,
-          "docs": "CSS styles for the slot dropzone container.\nUseful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\nOnly applies in admin mode for type=\"slot\".",
+          "docs": "Optional id used to match toggle requests.\nIf set, the panel only responds to toggle events with the same `panelId`.",
           "docsTags": [],
           "values": [
             {
@@ -8643,7 +8691,7 @@
           "setter": false
         },
         {
-          "name": "tag",
+          "name": "panelLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -8651,100 +8699,1299 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "tag",
+          "attr": "panel-label",
           "reflectToAttr": false,
-          "docs": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
+          "docs": "Accessible label for the panel navigation region.",
           "docsTags": [
             {
-              "name": "example",
-              "text": "\"h3\" - creates <h3 slot=\"header\">content</h3>"
-            },
-            {
-              "name": "example",
-              "text": "\"p\" - creates <p slot=\"content\">content</p>"
+              "name": "default",
+              "text": "'Navigation'"
             }
           ],
+          "default": "'Navigation'",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "type",
-          "type": "\"slot\" | \"text\" | \"textarea\"",
+          "name": "panelWidth",
+          "type": "number",
           "complexType": {
-            "original": "'slot' | 'text' | 'textarea'",
-            "resolved": "\"slot\" | \"text\" | \"textarea\"",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "panel-width",
           "reflectToAttr": false,
-          "docs": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area",
+          "docs": "Default panel width in pixels.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'slot'"
+              "text": "280"
             }
           ],
-          "default": "'slot'",
+          "default": "280",
           "values": [
             {
-              "value": "slot",
-              "type": "string"
-            },
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "persistKey",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "persist-key",
+          "reflectToAttr": false,
+          "docs": "When set, panel width + collapsed state are persisted in localStorage.",
+          "docsTags": [],
+          "values": [
             {
-              "value": "text",
               "type": "string"
-            },
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "resizable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "resizable",
+          "reflectToAttr": false,
+          "docs": "Allows users to resize the panel by dragging its edge.",
+          "docsTags": [
             {
-              "value": "textarea",
-              "type": "string"
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false,
           "getter": false,
           "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [
+        },
         {
-          "event": "leSlotChange",
-          "detail": "{ name: string; value: string; isValid: boolean; }",
-          "bubbles": true,
+          "name": "showCloseButton",
+          "type": "boolean",
           "complexType": {
-            "original": "{ name: string; value: string; isValid: boolean }",
-            "resolved": "{ name: string; value: string; isValid: boolean; }",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Default slot for placeholder content or drop zone UI"
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "le-box",
-        "le-button",
-        "le-card",
-        "le-checkbox",
-        "le-header",
+          "mutable": false,
+          "attr": "show-close-button",
+          "reflectToAttr": false,
+          "docs": "Show a close button inside the panel (primarily used in narrow overlay mode).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "side",
+          "type": "\"end\" | \"start\"",
+          "complexType": {
+            "original": "LeSidePanelSide",
+            "resolved": "\"end\" | \"start\"",
+            "references": {
+              "LeSidePanelSide": {
+                "location": "local",
+                "path": "/home/runner/work/le-kit/le-kit/src/components/le-side-panel/le-side-panel.tsx",
+                "id": "src/components/le-side-panel/le-side-panel.tsx::LeSidePanelSide"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "side",
+          "reflectToAttr": false,
+          "docs": "Which side the panel is attached to.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'start'"
+            }
+          ],
+          "default": "'start'",
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "leSidePanelCollapsedChange",
+          "detail": "{ collapsed: boolean; panelId?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ collapsed: boolean; panelId?: string }",
+            "resolved": "{ collapsed: boolean; panelId?: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "leSidePanelOpenChange",
+          "detail": "{ open: boolean; panelId?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ open: boolean; panelId?: string }",
+            "resolved": "{ open: boolean; panelId?: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "leSidePanelWidthChange",
+          "detail": "{ width: number; panelId?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ width: number; panelId?: string }",
+            "resolved": "{ width: number; panelId?: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "keydown",
+          "target": "document",
+          "capture": true,
+          "passive": false
+        },
+        {
+          "event": "leSidePanelRequestToggle",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "close-button",
+          "docs": ""
+        },
+        {
+          "name": "content",
+          "docs": ""
+        },
+        {
+          "name": "overlay",
+          "docs": ""
+        },
+        {
+          "name": "panel",
+          "docs": ""
+        },
+        {
+          "name": "panel-scroller",
+          "docs": ""
+        },
+        {
+          "name": "resize-handle",
+          "docs": ""
+        },
+        {
+          "name": "scrim",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [
+        "le-side-panel-toggle",
+        "le-icon"
+      ],
+      "dependencyGraph": {
+        "le-side-panel": [
+          "le-side-panel-toggle",
+          "le-icon"
+        ],
+        "le-side-panel-toggle": [
+          "le-button"
+        ],
+        "le-button": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-component": [
+          "le-button",
+          "le-select",
+          "le-checkbox",
+          "le-string-input",
+          "le-popover",
+          "le-popup"
+        ],
+        "le-select": [
+          "le-component",
+          "le-dropdown-base",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-dropdown-base": [
+          "le-popover"
+        ],
+        "le-string-input": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-slot": [
+          "le-popover",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-checkbox": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-popup": [
+          "le-slot",
+          "le-button",
+          "le-component"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx",
+      "encapsulation": "shadow",
+      "tag": "le-side-panel-toggle",
+      "readme": "# le-side-panel-toggle\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "action",
+          "type": "\"close\" | \"open\" | \"toggle\"",
+          "complexType": {
+            "original": "LeSidePanelToggleAction",
+            "resolved": "\"close\" | \"open\" | \"toggle\"",
+            "references": {
+              "LeSidePanelToggleAction": {
+                "location": "local",
+                "path": "/home/runner/work/le-kit/le-kit/src/components/le-side-panel-toggle/le-side-panel-toggle.tsx",
+                "id": "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx::LeSidePanelToggleAction"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "action",
+          "reflectToAttr": false,
+          "docs": "Action to emit. Default toggles the panel.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'toggle'"
+            }
+          ],
+          "default": "'toggle'",
+          "values": [
+            {
+              "value": "close",
+              "type": "string"
+            },
+            {
+              "value": "open",
+              "type": "string"
+            },
+            {
+              "value": "toggle",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "align",
+          "type": "\"center\" | \"end\" | \"space-between\" | \"start\"",
+          "complexType": {
+            "original": "'start' | 'center' | 'space-between' | 'end'",
+            "resolved": "\"center\" | \"end\" | \"space-between\" | \"start\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "align",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'center'"
+            }
+          ],
+          "default": "'center'",
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "space-between",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "color",
+          "type": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'",
+            "resolved": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'primary'"
+            }
+          ],
+          "default": "'primary'",
+          "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Disables the toggle.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "fullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "full-width",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "href",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "Node | string",
+          "complexType": {
+            "original": "string | Node",
+            "resolved": "Node | string",
+            "references": {
+              "Node": {
+                "location": "global",
+                "id": "global::Node"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Node"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "iconOnly",
+          "type": "Node | string",
+          "complexType": {
+            "original": "string | Node",
+            "resolved": "Node | string",
+            "references": {
+              "Node": {
+                "location": "global",
+                "id": "global::Node"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "icon-only",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Node"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "iconStart",
+          "type": "Node | string",
+          "complexType": {
+            "original": "string | Node",
+            "resolved": "Node | string",
+            "references": {
+              "Node": {
+                "location": "global",
+                "id": "global::Node"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Node"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mode",
+          "type": "\"admin\" | \"default\"",
+          "complexType": {
+            "original": "'default' | 'admin'",
+            "resolved": "\"admin\" | \"default\"",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "mode",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "admin",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "panelId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "panel-id",
+          "reflectToAttr": false,
+          "docs": "Optional id used to target a specific panel.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "shortcut",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "shortcut",
+          "reflectToAttr": false,
+          "docs": "Optional keyboard shortcut like `Mod+B` or `Alt+N`.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"small\"",
+          "complexType": {
+            "original": "'small' | 'medium' | 'large'",
+            "resolved": "\"large\" | \"medium\" | \"small\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'medium'"
+            }
+          ],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "target",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "target",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"button\" | \"reset\" | \"submit\"",
+          "complexType": {
+            "original": "'button' | 'submit' | 'reset'",
+            "resolved": "\"button\" | \"reset\" | \"submit\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'button'"
+            }
+          ],
+          "default": "'button'",
+          "values": [
+            {
+              "value": "button",
+              "type": "string"
+            },
+            {
+              "value": "reset",
+              "type": "string"
+            },
+            {
+              "value": "submit",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"clear\" | \"outlined\" | \"solid\" | \"system\"",
+          "complexType": {
+            "original": "'solid' | 'outlined' | 'clear' | 'system'",
+            "resolved": "\"clear\" | \"outlined\" | \"solid\" | \"system\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'solid'"
+            }
+          ],
+          "default": "'solid'",
+          "values": [
+            {
+              "value": "clear",
+              "type": "string"
+            },
+            {
+              "value": "outlined",
+              "type": "string"
+            },
+            {
+              "value": "solid",
+              "type": "string"
+            },
+            {
+              "value": "system",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "leSidePanelRequestToggle",
+          "detail": "{ panelId?: string; action: LeSidePanelToggleAction; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "LeSidePanelRequestToggleDetail",
+            "resolved": "{ panelId?: string; action: LeSidePanelToggleAction; }",
+            "references": {
+              "LeSidePanelRequestToggleDetail": {
+                "location": "local",
+                "path": "/home/runner/work/le-kit/le-kit/src/components/le-side-panel-toggle/le-side-panel-toggle.tsx",
+                "id": "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx::LeSidePanelRequestToggleDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "le-side-panel"
+      ],
+      "dependencies": [
+        "le-button"
+      ],
+      "dependencyGraph": {
+        "le-side-panel-toggle": [
+          "le-button"
+        ],
+        "le-button": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-component": [
+          "le-button",
+          "le-select",
+          "le-checkbox",
+          "le-string-input",
+          "le-popover",
+          "le-popup"
+        ],
+        "le-select": [
+          "le-component",
+          "le-dropdown-base",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-dropdown-base": [
+          "le-popover"
+        ],
+        "le-string-input": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-slot": [
+          "le-popover",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-checkbox": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-popup": [
+          "le-slot",
+          "le-button",
+          "le-component"
+        ],
+        "le-side-panel": [
+          "le-side-panel-toggle"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/le-slot/le-slot.tsx",
+      "encapsulation": "shadow",
+      "tag": "le-slot",
+      "readme": "# le-slot\n\n\n",
+      "docs": "Slot placeholder component for admin/CMS mode.\n\nThis component renders a visual placeholder for slots when in admin mode,\nallowing CMS systems to show available drop zones for content or inline editing.\n\nIn non-admin mode, this component renders nothing and acts as a passthrough.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- Default slot for placeholder content or drop zone UI"
+        },
+        {
+          "name": "cmsInternal",
+          "text": "true"
+        },
+        {
+          "name": "cmsCategory",
+          "text": "System"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "allowedComponents",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "allowed-components",
+          "reflectToAttr": false,
+          "docs": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "\"le-card,le-button,le-text\""
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "multiple",
+          "reflectToAttr": false,
+          "docs": "Whether multiple components can be dropped in this slot.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder text for text/textarea inputs in admin mode.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "Whether this slot is required to have content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "slotStyle",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "slot-style",
+          "reflectToAttr": false,
+          "docs": "CSS styles for the slot dropzone container.\nUseful for layouts - e.g., \"flex-direction: row\" for horizontal stacks.\nOnly applies in admin mode for type=\"slot\".",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tag",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tag",
+          "reflectToAttr": false,
+          "docs": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "\"h3\" - creates <h3 slot=\"header\">content</h3>"
+            },
+            {
+              "name": "example",
+              "text": "\"p\" - creates <p slot=\"content\">content</p>"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"slot\" | \"text\" | \"textarea\"",
+          "complexType": {
+            "original": "'slot' | 'text' | 'textarea'",
+            "resolved": "\"slot\" | \"text\" | \"textarea\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "The type of slot content.\n- `slot`: Default, shows a dropzone for components (default)\n- `text`: Shows a single-line text input\n- `textarea`: Shows a multi-line text area",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'slot'"
+            }
+          ],
+          "default": "'slot'",
+          "values": [
+            {
+              "value": "slot",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "textarea",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "leSlotChange",
+          "detail": "{ name: string; value: string; isValid: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ name: string; value: string; isValid: boolean }",
+            "resolved": "{ name: string; value: string; isValid: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Default slot for placeholder content or drop zone UI"
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "le-box",
+        "le-button",
+        "le-card",
+        "le-checkbox",
+        "le-header",
         "le-number-input",
         "le-popup",
         "le-stack",
@@ -12287,7 +13534,7 @@
           "name": "variant",
           "type": "\"code\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"p\" | \"quote\" | \"small\"",
           "complexType": {
-            "original": "'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'quote' | 'label' | 'small'",
+            "original": "| 'p'\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'code'\n    | 'quote'\n    | 'label'\n    | 'small'",
             "resolved": "\"code\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"p\" | \"quote\" | \"small\"",
             "references": {}
           },
@@ -12562,6 +13809,26 @@
       "docstring": "Result returned by the popup when closed",
       "path": "src/components/le-popup/le-popup.tsx"
     },
+    "src/components/le-side-panel/le-side-panel.tsx::LeSidePanelSide": {
+      "declaration": "export type LeSidePanelSide = 'start' | 'end';",
+      "docstring": "",
+      "path": "src/components/le-side-panel/le-side-panel.tsx"
+    },
+    "src/components/le-side-panel/le-side-panel.tsx::LeSidePanelNarrowBehavior": {
+      "declaration": "export type LeSidePanelNarrowBehavior = 'overlay' | 'push';",
+      "docstring": "",
+      "path": "src/components/le-side-panel/le-side-panel.tsx"
+    },
+    "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx::LeSidePanelToggleAction": {
+      "declaration": "export type LeSidePanelToggleAction = 'toggle' | 'open' | 'close';",
+      "docstring": "",
+      "path": "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx"
+    },
+    "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx::LeSidePanelRequestToggleDetail": {
+      "declaration": "{\n  panelId?: string;\n  action: LeSidePanelToggleAction;\n}",
+      "docstring": "",
+      "path": "src/components/le-side-panel-toggle/le-side-panel-toggle.tsx"
+    },
     "src/types/options.ts::LeOptionValue": {
       "declaration": "export type LeOptionValue = string | number;",
       "docstring": "",