le-kit 0.2.2 → 0.2.4

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

@@ -797,60 +797,38 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-card/le-card.tsx",
+      "path": "src/components/le-checkbox/le-checkbox.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",
+          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
+          "name": "LeCheckbox",
           "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": "Size of the checkbox input",
+              "name": "--le-checkbox-size"
             },
             {
-              "description": "The card header section",
-              "name": "header"
+              "description": "Color of the checkbox when checked",
+              "name": "--le-checkbox-color"
             },
             {
-              "description": "The card content section",
-              "name": "content"
+              "description": "Color of the label text",
+              "name": "--le-checkbox-label-color"
             },
             {
-              "description": "The card footer section",
-              "name": "footer"
+              "description": "Color of the description text",
+              "name": "--le-checkbox-desc-color"
             }
           ],
           "slots": [
             {
-              "description": "Card header content (title, actions)",
-              "name": "header"
-            },
-            {
-              "description": "Default slot for main card content",
+              "description": "The label text for the checkbox",
               "name": ""
             },
             {
-              "description": "Card footer content (buttons, links)",
-              "name": "footer"
+              "description": "Additional description text displayed below the label",
+              "name": "description"
             }
           ],
           "members": [
@@ -863,21 +841,50 @@
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "checked",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
+                "text": "boolean"
               },
-              "default": "'default'",
-              "description": "Card variant style"
+              "default": "false",
+              "description": "Whether the checkbox is checked"
             },
             {
               "kind": "field",
-              "name": "interactive",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the card is interactive (clickable)"
+              "description": "Whether the checkbox is disabled"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the checkbox input"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the checkbox input"
+            },
+            {
+              "kind": "field",
+              "name": "externalId",
+              "type": {
+                "text": "string"
+              },
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+            },
+            {
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -886,44 +893,76 @@
           ],
           "attributes": [
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Card variant style",
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
+                "text": "boolean"
               }
             },
             {
-              "name": "interactive",
-              "fieldName": "interactive",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the card is interactive (clickable)",
+              "description": "Whether the checkbox is disabled",
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the checkbox input",
+              "type": {
+                "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-checkbox",
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the checked state changes"
             }
           ],
-          "tagName": "le-card",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCard",
+          "name": "LeCheckbox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-card",
+          "name": "le-checkbox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         }
       ]
@@ -1113,38 +1152,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "path": "src/components/le-component/le-component.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
-          "name": "LeCheckbox",
-          "cssProperties": [
-            {
-              "description": "Size of the checkbox input",
-              "name": "--le-checkbox-size"
-            },
-            {
-              "description": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
-            },
-            {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
-            },
-            {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
-            }
-          ],
+          "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 label text for the checkbox",
+              "description": "The component's rendered content",
               "name": ""
-            },
-            {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
             }
           ],
           "members": [
@@ -1157,218 +1174,68 @@
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "component",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the checkbox is checked"
+              "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": "disabled",
+              "name": "displayName",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the checkbox is disabled"
+              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "hostClass",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The name of the checkbox input"
+              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "hostStyle",
               "type": {
-                "text": "string"
+                "text": "{ [key: string]: string } | undefined"
               },
-              "description": "The value of the checkbox input"
+              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
             },
             {
               "kind": "field",
-              "name": "externalId",
+              "name": "hostElement",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | undefined"
               },
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+              "privacy": "private",
+              "description": "Reference to the host element (found automatically from parent)"
             },
             {
               "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "checked",
-              "fieldName": "checked",
-              "default": "false",
-              "description": "Whether the checkbox is checked",
+              "name": "adminMode",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Internal state to track admin mode"
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the checkbox is disabled",
+              "kind": "field",
+              "name": "componentMeta",
               "type": {
-                "text": "boolean"
-              }
+                "text": "ComponentMetadata | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "Component metadata loaded from Custom Elements Manifest"
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the checkbox input",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the checkbox input",
-              "type": {
-                "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-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": "LeCheckbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-checkbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-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": "field",
-              "name": "component",
-              "type": {
-                "text": "string"
-              },
-              "description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
-            },
-            {
-              "kind": "field",
-              "name": "displayName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
-            },
-            {
-              "kind": "field",
-              "name": "hostClass",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
-            },
-            {
-              "kind": "field",
-              "name": "hostStyle",
-              "type": {
-                "text": "{ [key: string]: string } | undefined"
-              },
-              "description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
-            },
-            {
-              "kind": "field",
-              "name": "hostElement",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private",
-              "description": "Reference to the host element (found automatically from parent)"
-            },
-            {
-              "kind": "field",
-              "name": "adminMode",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Internal state to track admin mode"
-            },
-            {
-              "kind": "field",
-              "name": "componentMeta",
-              "type": {
-                "text": "ComponentMetadata | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "description": "Component metadata loaded from Custom Elements Manifest"
-            },
-            {
-              "kind": "field",
-              "name": "propertyValues",
+              "kind": "field",
+              "name": "propertyValues",
               "type": {
                 "text": "Record<string, any>"
               },
@@ -1584,108 +1451,241 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-combobox/le-combobox.tsx",
+      "path": "src/components/le-card/le-card.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A combobox component with searchable dropdown.\n\nCombines a text input with a dropdown list, allowing users to\nfilter options by typing or select from the list.",
-          "name": "LeCombobox",
-          "members": [
+          "description": "A 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": [
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "description": "Card background color",
+              "name": "--le-card-bg"
             },
             {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Card border radius",
+              "name": "--le-card-border-radius"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
+              "description": "Card box shadow",
+              "name": "--le-card-shadow"
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Type to search...'",
-              "description": "Placeholder text for the input."
+              "description": "Card content padding",
+              "name": "--le-card-padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main card container",
+              "name": "card"
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the combobox is disabled."
+              "description": "The card header section",
+              "name": "header"
             },
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether selection is required."
+              "description": "The card content section",
+              "name": "content"
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Name attribute for form submission."
+              "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": "fullWidth",
+              "name": "el",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the multiselect should take full width of its container."
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "variant",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'default' | 'outlined' | 'elevated'"
               },
-              "default": "'medium'",
-              "description": "Size variant of the combobox."
+              "default": "'default'",
+              "description": "Card variant style"
             },
             {
               "kind": "field",
-              "name": "allowCustom",
+              "name": "interactive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to allow custom values not in the options list."
+              "description": "Whether the card is interactive (clickable)"
             },
             {
-              "kind": "field",
-              "name": "minSearchLength",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum characters before showing filtered results."
-            },
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Type to search...'",
+              "description": "Placeholder text for the input."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the combobox is disabled."
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether selection is required."
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission."
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the multiselect should take full width of its container."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "Size variant of the combobox."
+            },
+            {
+              "kind": "field",
+              "name": "allowCustom",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to allow custom values not in the options list."
+            },
+            {
+              "kind": "field",
+              "name": "minSearchLength",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Minimum characters before showing filtered results."
+            },
             {
               "kind": "field",
               "name": "emptyText",
@@ -3796,12 +3796,12 @@
             },
             {
               "kind": "field",
-              "name": "hamburgerAlign",
+              "name": "align",
               "type": {
-                "text": "'start' | 'end'"
+                "text": "'start' | 'end' | 'center' | 'space-between'"
               },
               "default": "'start'",
-              "description": "Alignment of the hamburger trigger within the row."
+              "description": "Alignment of the menu items within the navigation bar."
             },
             {
               "kind": "field",
@@ -4366,12 +4366,12 @@
               }
             },
             {
-              "name": "hamburger-align",
-              "fieldName": "hamburgerAlign",
+              "name": "align",
+              "fieldName": "align",
               "default": "'start'",
-              "description": "Alignment of the hamburger trigger within the row.",
+              "description": "Alignment of the menu items within the navigation bar.",
               "type": {
-                "text": "'start' | 'end'"
+                "text": "'start' | 'end' | 'center' | 'space-between'"
               }
             },
             {
@@ -6894,15 +6894,27 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-slot/le-slot.tsx",
+      "path": "src/components/le-stack/le-stack.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "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.",
-          "name": "LeSlot",
+          "description": "A flexible stack layout component using CSS flexbox.\n\n`le-stack` arranges its children in a row (horizontal) or column (vertical)\nwith configurable spacing, alignment, and wrapping behavior. Perfect for\ncreating responsive layouts.",
+          "name": "LeStack",
+          "cssProperties": [
+            {
+              "description": "Gap between items (defaults to var(--le-space-md))",
+              "name": "--le-stack-gap"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main stack container",
+              "name": "stack"
+            }
+          ],
           "slots": [
             {
-              "description": "Default slot for placeholder content or drop zone UI",
+              "description": "Default slot for stack items (le-box components recommended)",
               "name": ""
             }
           ],
@@ -6916,676 +6928,664 @@
             },
             {
               "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "'slot' | 'text' | 'textarea'"
-              },
-              "default": "'slot'",
-              "description": "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"
-            },
-            {
-              "kind": "field",
-              "name": "name",
+              "name": "direction",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "''",
-              "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "gap",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Label to display in admin mode.\nIf not provided, the slot name will be used."
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "align",
               "type": {
-                "text": "string | undefined"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               },
-              "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors."
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis"
             },
             {
               "kind": "field",
-              "name": "allowedComponents",
+              "name": "justify",
               "type": {
-                "text": "string | undefined"
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
               },
-              "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components."
+              "default": "'start'",
+              "description": "Distribution of items on the main axis"
             },
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "wrap",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether multiple components can be dropped in this slot."
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "alignContent",
               "type": {
-                "text": "boolean"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
               },
-              "default": "false",
-              "description": "Whether this slot is required to have content."
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "reverse",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Placeholder text for text/textarea inputs in admin mode."
+              "default": "false",
+              "description": "Whether to reverse the order of items"
             },
             {
               "kind": "field",
-              "name": "tag",
+              "name": "maxItems",
               "type": {
-                "text": "string | undefined"
+                "text": "number | undefined"
               },
-              "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements."
+              "description": "Maximum number of items allowed in the stack (for CMS validation)"
             },
             {
               "kind": "field",
-              "name": "slotStyle",
+              "name": "fullWidth",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "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\"."
+              "default": "false",
+              "description": "Whether the stack should take full width of its container"
             },
             {
               "kind": "field",
-              "name": "adminMode",
+              "name": "fullHeight",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Internal state to track admin mode"
+              "description": "Whether the stack should take full height of its container"
             },
             {
               "kind": "field",
-              "name": "textValue",
+              "name": "padding",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "''",
-              "description": "Internal state for text input value (synced from slot content)"
-            },
-            {
-              "kind": "field",
-              "name": "isValidHtml",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "true",
-              "description": "Whether the current textValue contains valid HTML"
-            },
-            {
-              "kind": "field",
-              "name": "availableComponents",
-              "type": {
-                "text": "ComponentInfo[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Available components loaded from Custom Elements Manifest"
-            },
-            {
-              "kind": "field",
-              "name": "pickerOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether the component picker popover is open"
-            },
-            {
-              "kind": "field",
-              "name": "slotRef",
-              "type": {
-                "text": "HTMLSlotElement | undefined"
-              },
-              "privacy": "private",
-              "description": "Reference to the slot element to access assignedNodes"
-            },
-            {
-              "kind": "field",
-              "name": "slottedElement",
-              "type": {
-                "text": "Element | undefined"
-              },
-              "privacy": "private",
-              "description": "The original slotted element (e.g., <h3 slot=\"header\">)"
-            },
-            {
-              "kind": "field",
-              "name": "disconnectModeObserver",
-              "type": {
-                "text": "() => void | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "isUpdating",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Flag to prevent re-reading content right after we updated it"
-            },
-            {
-              "kind": "method",
-              "name": "readSlottedContent",
-              "privacy": "private",
-              "description": "Read content from slotted elements via assignedNodes()"
+              "description": "Padding inside the stack container (CSS value)"
             },
             {
               "kind": "method",
-              "name": "validateHtml",
+              "name": "getFlexDirection",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "html",
-                  "type": {
-                    "text": "string"
-                  }
+                  "text": "string"
                 }
-              ],
-              "description": "Validates if a string contains valid HTML"
-            },
-            {
-              "kind": "field",
-              "name": "handleTextInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "createSlottedElement",
-              "privacy": "private",
-              "description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
+              }
             },
             {
               "kind": "method",
-              "name": "loadAvailableComponents",
+              "name": "getAlignItems",
               "privacy": "private",
-              "description": "Load available components from Custom Elements Manifest"
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "formatComponentName",
+              "name": "getJustifyContent",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "string"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
+              }
             },
             {
               "kind": "method",
-              "name": "addComponent",
+              "name": "getAlignContent",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "tagName",
-                  "type": {
-                    "text": "string"
-                  }
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ],
-              "description": "Add a new component to the slot"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "description": "Handle slot change event to re-read content when nodes are assigned"
+              }
             },
             {
               "kind": "method",
               "name": "render"
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "type",
-              "fieldName": "type",
-              "default": "'slot'",
-              "description": "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",
+              "name": "direction",
+              "fieldName": "direction",
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout",
               "type": {
-                "text": "'slot' | 'text' | 'textarea'"
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
-              "default": "''",
-              "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
+              "name": "gap",
+              "fieldName": "gap",
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
-              "description": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
+              "name": "align",
+              "fieldName": "align",
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
               }
             },
             {
-              "name": "description",
-              "fieldName": "description",
-              "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
+              "name": "justify",
+              "fieldName": "justify",
+              "default": "'start'",
+              "description": "Distribution of items on the main axis",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
               }
             },
             {
-              "name": "allowed-components",
-              "fieldName": "allowedComponents",
-              "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
+              "name": "wrap",
+              "fieldName": "wrap",
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "multiple",
-              "fieldName": "multiple",
-              "default": "true",
-              "description": "Whether multiple components can be dropped in this slot.",
+              "name": "align-content",
+              "fieldName": "alignContent",
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)",
               "type": {
-                "text": "boolean"
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
               }
             },
             {
-              "name": "required",
-              "fieldName": "required",
+              "name": "reverse",
+              "fieldName": "reverse",
               "default": "false",
-              "description": "Whether this slot is required to have content.",
+              "description": "Whether to reverse the order of items",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "description": "Placeholder text for text/textarea inputs in admin mode.",
+              "name": "max-items",
+              "fieldName": "maxItems",
+              "description": "Maximum number of items allowed in the stack (for CMS validation)",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "tag",
-              "fieldName": "tag",
-              "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the stack should take full width of its container",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "slot-style",
-              "fieldName": "slotStyle",
-              "description": "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\".",
+              "name": "full-height",
+              "fieldName": "fullHeight",
+              "default": "false",
+              "description": "Whether the stack should take full height of its container",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
-            }
-          ],
-          "tagName": "le-slot",
-          "events": [
+            },
             {
-              "name": "leSlotChange",
+              "name": "padding",
+              "fieldName": "padding",
+              "description": "Padding inside the stack container (CSS value)",
               "type": {
-                "text": "EventEmitter<{ name: string; value: string; isValid: boolean }>"
-              },
-              "description": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity."
+                "text": "string"
+              }
             }
           ],
+          "tagName": "le-stack",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeSlot",
+          "name": "LeStack",
           "declaration": {
-            "name": "LeSlot",
-            "module": "src/components/le-slot/le-slot.tsx"
+            "name": "LeStack",
+            "module": "src/components/le-stack/le-stack.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-slot",
+          "name": "le-stack",
           "declaration": {
-            "name": "LeSlot",
-            "module": "src/components/le-slot/le-slot.tsx"
+            "name": "LeStack",
+            "module": "src/components/le-stack/le-stack.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-stack/le-stack.tsx",
+      "path": "src/components/le-slot/le-slot.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A flexible stack layout component using CSS flexbox.\n\n`le-stack` arranges its children in a row (horizontal) or column (vertical)\nwith configurable spacing, alignment, and wrapping behavior. Perfect for\ncreating responsive layouts.",
-          "name": "LeStack",
-          "cssProperties": [
-            {
-              "description": "Gap between items (defaults to var(--le-space-md))",
-              "name": "--le-stack-gap"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The main stack container",
-              "name": "stack"
-            }
-          ],
+          "description": "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.",
+          "name": "LeSlot",
           "slots": [
             {
-              "description": "Default slot for stack items (le-box components recommended)",
+              "description": "Default slot for placeholder content or drop zone UI",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'slot' | 'text' | 'textarea'"
+              },
+              "default": "'slot'",
+              "description": "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"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label to display in admin mode.\nIf not provided, the slot name will be used."
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors."
+            },
+            {
+              "kind": "field",
+              "name": "allowedComponents",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components."
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether multiple components can be dropped in this slot."
+            },
+            {
+              "kind": "field",
+              "name": "required",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this slot is required to have content."
             },
             {
               "kind": "field",
-              "name": "direction",
+              "name": "placeholder",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "string | undefined"
               },
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout"
+              "description": "Placeholder text for text/textarea inputs in admin mode."
             },
             {
               "kind": "field",
-              "name": "gap",
+              "name": "tag",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
+              "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements."
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "slotStyle",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string | undefined"
               },
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis"
+              "description": "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\"."
             },
             {
               "kind": "field",
-              "name": "justify",
+              "name": "adminMode",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+                "text": "boolean"
               },
-              "default": "'start'",
-              "description": "Distribution of items on the main axis"
+              "privacy": "private",
+              "default": "false",
+              "description": "Internal state to track admin mode"
             },
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "textValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "Internal state for text input value (synced from slot content)"
+            },
+            {
+              "kind": "field",
+              "name": "isValidHtml",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines"
+              "privacy": "private",
+              "default": "true",
+              "description": "Whether the current textValue contains valid HTML"
             },
             {
               "kind": "field",
-              "name": "alignContent",
+              "name": "availableComponents",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "ComponentInfo[]"
               },
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Available components loaded from Custom Elements Manifest"
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "pickerOpen",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
-              "description": "Whether to reverse the order of items"
+              "description": "Whether the component picker popover is open"
             },
             {
               "kind": "field",
-              "name": "maxItems",
+              "name": "slotRef",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLSlotElement | undefined"
               },
-              "description": "Maximum number of items allowed in the stack (for CMS validation)"
+              "privacy": "private",
+              "description": "Reference to the slot element to access assignedNodes"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "slottedElement",
               "type": {
-                "text": "boolean"
+                "text": "Element | undefined"
               },
-              "default": "false",
-              "description": "Whether the stack should take full width of its container"
+              "privacy": "private",
+              "description": "The original slotted element (e.g., <h3 slot=\"header\">)"
             },
             {
               "kind": "field",
-              "name": "fullHeight",
+              "name": "disconnectModeObserver",
               "type": {
-                "text": "boolean"
+                "text": "() => void | undefined"
               },
-              "default": "false",
-              "description": "Whether the stack should take full height of its container"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "isUpdating",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Padding inside the stack container (CSS value)"
+              "privacy": "private",
+              "default": "false",
+              "description": "Flag to prevent re-reading content right after we updated it"
             },
             {
               "kind": "method",
-              "name": "getFlexDirection",
+              "name": "readSlottedContent",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "description": "Read content from slotted elements via assignedNodes()"
             },
             {
               "kind": "method",
-              "name": "getAlignItems",
+              "name": "validateHtml",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "html",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Validates if a string contains valid HTML"
+            },
+            {
+              "kind": "field",
+              "name": "handleTextInput",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getJustifyContent",
+              "name": "createSlottedElement",
+              "privacy": "private",
+              "description": "Create a new slotted element when none exists.\nThe element is appended to the host component's light DOM."
+            },
+            {
+              "kind": "method",
+              "name": "loadAvailableComponents",
+              "privacy": "private",
+              "description": "Load available components from Custom Elements Manifest"
+            },
+            {
+              "kind": "method",
+              "name": "formatComponentName",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "string"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "tagName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Format a tag name into a display name\ne.g., 'le-card' -> 'Card'"
             },
             {
               "kind": "method",
-              "name": "getAlignContent",
+              "name": "addComponent",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
+              "parameters": [
+                {
+                  "name": "tagName",
+                  "type": {
+                    "text": "string"
+                  }
                 }
-              }
+              ],
+              "description": "Add a new component to the slot"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "description": "Handle slot change event to re-read content when nodes are assigned"
             },
             {
               "kind": "method",
               "name": "render"
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "direction",
-              "fieldName": "direction",
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout",
+              "name": "type",
+              "fieldName": "type",
+              "default": "'slot'",
+              "description": "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",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "'slot' | 'text' | 'textarea'"
               }
             },
             {
-              "name": "gap",
-              "fieldName": "gap",
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
+              "name": "name",
+              "fieldName": "name",
+              "default": "''",
+              "description": "The name of the slot this placeholder represents.\nShould match the slot name in the parent component.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "align",
-              "fieldName": "align",
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis",
+              "name": "label",
+              "fieldName": "label",
+              "description": "Label to display in admin mode.\nIf not provided, the slot name will be used.",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string"
               }
             },
             {
-              "name": "justify",
-              "fieldName": "justify",
-              "default": "'start'",
-              "description": "Distribution of items on the main axis",
+              "name": "description",
+              "fieldName": "description",
+              "description": "Description of what content this slot accepts.\nShown in admin mode to guide content editors.",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+                "text": "string"
               }
             },
             {
-              "name": "wrap",
-              "fieldName": "wrap",
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines",
+              "name": "allowed-components",
+              "fieldName": "allowedComponents",
+              "description": "Comma-separated list of allowed component tags for this slot.\nUsed by CMS to filter available components.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "align-content",
-              "fieldName": "alignContent",
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)",
+              "name": "multiple",
+              "fieldName": "multiple",
+              "default": "true",
+              "description": "Whether multiple components can be dropped in this slot.",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "boolean"
               }
             },
             {
-              "name": "reverse",
-              "fieldName": "reverse",
+              "name": "required",
+              "fieldName": "required",
               "default": "false",
-              "description": "Whether to reverse the order of items",
+              "description": "Whether this slot is required to have content.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "max-items",
-              "fieldName": "maxItems",
-              "description": "Maximum number of items allowed in the stack (for CMS validation)",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the stack should take full width of its container",
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "description": "Placeholder text for text/textarea inputs in admin mode.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "full-height",
-              "fieldName": "fullHeight",
-              "default": "false",
-              "description": "Whether the stack should take full height of its container",
+              "name": "tag",
+              "fieldName": "tag",
+              "description": "The HTML tag to create when there's no slotted element.\nUsed with type=\"text\" or type=\"textarea\" to auto-create elements.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "padding",
-              "fieldName": "padding",
-              "description": "Padding inside the stack container (CSS value)",
+              "name": "slot-style",
+              "fieldName": "slotStyle",
+              "description": "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\".",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-stack",
-          "events": [],
+          "tagName": "le-slot",
+          "events": [
+            {
+              "name": "leSlotChange",
+              "type": {
+                "text": "EventEmitter<{ name: string; value: string; isValid: boolean }>"
+              },
+              "description": "Emitted when text content changes in admin mode.\nThe event detail contains the new text value and validity."
+            }
+          ],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeStack",
+          "name": "LeSlot",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LeSlot",
+            "module": "src/components/le-slot/le-slot.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-stack",
+          "name": "le-slot",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LeSlot",
+            "module": "src/components/le-slot/le-slot.tsx"
           }
         }
       ]
@@ -9489,47 +9489,264 @@
               "default": "'medium'",
               "description": "The size of the tag.",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "The visual variant of the tag.",
+              "type": {
+                "text": "'default' | 'primary' | 'success' | 'warning' | 'danger'"
+              }
+            }
+          ],
+          "tagName": "le-tag",
+          "events": [
+            {
+              "name": "leDismiss",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dismiss button is clicked."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeTag",
+          "declaration": {
+            "name": "LeTag",
+            "module": "src/components/le-tag/le-tag.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-tag",
+          "declaration": {
+            "name": "LeTag",
+            "module": "src/components/le-tag/le-tag.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-turntable/le-turntable.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LeTurntable",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "center",
+              "type": {
+                "text": "string"
+              },
+              "default": "'center'"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "updateValue",
+              "parameters": [
+                {
+                  "name": "newValue"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "rotating",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Internal state\n\nusing properties instead of"
+            },
+            {
+              "kind": "field",
+              "name": "centerX",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "centerY",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pageX",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pageY",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "currentAngle",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "startAngle",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseDown",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "Event listeners"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseMove",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "Fires when the mouse moves\nchecks is the element rotating right now and if it is\nthen calc the current angle and rotate the element\n\nTODO: attach events only after the dragStart?"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseUp",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleWindowResize"
+            },
+            {
+              "kind": "method",
+              "name": "getTransformOrigin",
+              "description": "Calculates the transform origin of the component\nand the page offset in pixels\n\nWe'll need these values to calculate the angle of pointer event"
+            },
+            {
+              "kind": "method",
+              "name": "getAngle",
+              "parameters": [
+                {
+                  "name": "posX",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "horizontal mouse position"
+                },
+                {
+                  "name": "posY",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "vertical mouse position"
+                }
+              ],
+              "description": "Calculates current angle"
+            },
+            {
+              "kind": "method",
+              "name": "setAngle",
+              "parameters": [
+                {
+                  "name": "angle"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "center",
+              "fieldName": "center",
+              "default": "'center'",
+              "type": {
+                "text": "string"
               }
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "The visual variant of the tag.",
+              "name": "value",
+              "fieldName": "value",
+              "default": "0",
               "type": {
-                "text": "'default' | 'primary' | 'success' | 'warning' | 'danger'"
+                "text": "number"
               }
             }
           ],
-          "tagName": "le-tag",
-          "events": [
-            {
-              "name": "leDismiss",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dismiss button is clicked."
-            }
-          ],
+          "tagName": "le-turntable",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeTag",
+          "name": "LeTurntable",
           "declaration": {
-            "name": "LeTag",
-            "module": "src/components/le-tag/le-tag.tsx"
+            "name": "LeTurntable",
+            "module": "src/components/le-turntable/le-turntable.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-tag",
+          "name": "le-turntable",
           "declaration": {
-            "name": "LeTag",
-            "module": "src/components/le-tag/le-tag.tsx"
+            "name": "LeTurntable",
+            "module": "src/components/le-turntable/le-turntable.tsx"
           }
         }
       ]
@@ -9901,223 +10118,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-turntable/le-turntable.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LeTurntable",
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "center",
-              "type": {
-                "text": "string"
-              },
-              "default": "'center'"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "updateValue",
-              "parameters": [
-                {
-                  "name": "newValue"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "rotating",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal state\n\nusing properties instead of"
-            },
-            {
-              "kind": "field",
-              "name": "centerX",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "centerY",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pageX",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pageY",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "currentAngle",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "startAngle",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseDown",
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "description": "Event listeners"
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseMove",
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "description": "Fires when the mouse moves\nchecks is the element rotating right now and if it is\nthen calc the current angle and rotate the element\n\nTODO: attach events only after the dragStart?"
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseUp",
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleWindowResize"
-            },
-            {
-              "kind": "method",
-              "name": "getTransformOrigin",
-              "description": "Calculates the transform origin of the component\nand the page offset in pixels\n\nWe'll need these values to calculate the angle of pointer event"
-            },
-            {
-              "kind": "method",
-              "name": "getAngle",
-              "parameters": [
-                {
-                  "name": "posX",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "horizontal mouse position"
-                },
-                {
-                  "name": "posY",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "vertical mouse position"
-                }
-              ],
-              "description": "Calculates current angle"
-            },
-            {
-              "kind": "method",
-              "name": "setAngle",
-              "parameters": [
-                {
-                  "name": "angle"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "center",
-              "fieldName": "center",
-              "default": "'center'",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "default": "0",
-              "type": {
-                "text": "number"
-              }
-            }
-          ],
-          "tagName": "le-turntable",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeTurntable",
-          "declaration": {
-            "name": "LeTurntable",
-            "module": "src/components/le-turntable/le-turntable.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-turntable",
-          "declaration": {
-            "name": "LeTurntable",
-            "module": "src/components/le-turntable/le-turntable.tsx"
-          }
-        }
-      ]
     }
   ]
 }