le-kit 0.1.12 → 0.1.13

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

@@ -445,139 +445,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-card/le-card.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
-          "name": "LeCard",
-          "cssProperties": [
-            {
-              "description": "Card background color",
-              "name": "--le-card-bg"
-            },
-            {
-              "description": "Card border radius",
-              "name": "--le-card-border-radius"
-            },
-            {
-              "description": "Card box shadow",
-              "name": "--le-card-shadow"
-            },
-            {
-              "description": "Card content padding",
-              "name": "--le-card-padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The main card container",
-              "name": "card"
-            },
-            {
-              "description": "The card header section",
-              "name": "header"
-            },
-            {
-              "description": "The card content section",
-              "name": "content"
-            },
-            {
-              "description": "The card footer section",
-              "name": "footer"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Card header content (title, actions)",
-              "name": "header"
-            },
-            {
-              "description": "Default slot for main card content",
-              "name": ""
-            },
-            {
-              "description": "Card footer content (buttons, links)",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
-              },
-              "default": "'default'",
-              "description": "Card variant style"
-            },
-            {
-              "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the card is interactive (clickable)"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Card variant style",
-              "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
-              }
-            },
-            {
-              "name": "interactive",
-              "fieldName": "interactive",
-              "default": "false",
-              "description": "Whether the card is interactive (clickable)",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "tagName": "le-card",
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeCard",
-          "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-card",
-          "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-button/le-button.tsx",
@@ -878,38 +745,60 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "path": "src/components/le-card/le-card.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
-          "name": "LeCheckbox",
+          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
+          "name": "LeCard",
           "cssProperties": [
             {
-              "description": "Size of the checkbox input",
-              "name": "--le-checkbox-size"
+              "description": "Card background color",
+              "name": "--le-card-bg"
             },
             {
-              "description": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
+              "description": "Card border radius",
+              "name": "--le-card-border-radius"
             },
             {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
+              "description": "Card box shadow",
+              "name": "--le-card-shadow"
             },
             {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
+              "description": "Card content padding",
+              "name": "--le-card-padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main card container",
+              "name": "card"
+            },
+            {
+              "description": "The card header section",
+              "name": "header"
+            },
+            {
+              "description": "The card content section",
+              "name": "content"
+            },
+            {
+              "description": "The card footer section",
+              "name": "footer"
             }
           ],
           "slots": [
             {
-              "description": "The label text for the checkbox",
+              "description": "Card header content (title, actions)",
+              "name": "header"
+            },
+            {
+              "description": "Default slot for main card content",
               "name": ""
             },
             {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
+              "description": "Card footer content (buttons, links)",
+              "name": "footer"
             }
           ],
           "members": [
@@ -922,50 +811,21 @@
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'outlined' | 'elevated'"
               },
-              "default": "false",
-              "description": "Whether the checkbox is checked"
+              "default": "'default'",
+              "description": "Card variant style"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "interactive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "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"
+              "description": "Whether the card is interactive (clickable)"
             },
             {
               "kind": "method",
@@ -974,76 +834,44 @@
           ],
           "attributes": [
             {
-              "name": "checked",
-              "fieldName": "checked",
-              "default": "false",
-              "description": "Whether the checkbox is checked",
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "Card variant style",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'outlined' | 'elevated'"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "interactive",
+              "fieldName": "interactive",
               "default": "false",
-              "description": "Whether the checkbox is disabled",
+              "description": "Whether the card is interactive (clickable)",
               "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": "LeCheckbox",
+          "name": "LeCard",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-checkbox",
+          "name": "le-card",
           "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
           }
         }
       ]
@@ -1347,6 +1175,178 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
+          "name": "LeCheckbox",
+          "cssProperties": [
+            {
+              "description": "Size of the checkbox input",
+              "name": "--le-checkbox-size"
+            },
+            {
+              "description": "Color of the checkbox when checked",
+              "name": "--le-checkbox-color"
+            },
+            {
+              "description": "Color of the label text",
+              "name": "--le-checkbox-label-color"
+            },
+            {
+              "description": "Color of the description text",
+              "name": "--le-checkbox-desc-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The label text for the checkbox",
+              "name": ""
+            },
+            {
+              "description": "Additional description text displayed below the label",
+              "name": "description"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the checkbox is checked"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "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",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the checkbox is disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "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-number-input/le-number-input.tsx",
@@ -2148,26 +2148,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-popup/le-popup.tsx",
+      "path": "src/components/le-round-progress/le-round-progress.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A flexible popup/dialog component for alerts, confirms, prompts, and custom content.\n\nUses the native HTML <dialog> element for proper modal behavior, accessibility,\nand focus management. Can be used declaratively in HTML or programmatically \nvia leAlert(), leConfirm(), lePrompt().",
-          "name": "LePopup",
-          "slots": [
-            {
-              "description": "Default slot for custom body content",
-              "name": ""
-            },
-            {
-              "description": "Custom header content (replaces title)",
-              "name": "header"
-            },
-            {
-              "description": "Custom footer content (replaces default buttons)",
-              "name": "footer"
-            }
-          ],
+          "description": "",
+          "name": "LeRoundProgress",
           "members": [
             {
               "kind": "field",
@@ -2178,220 +2164,98 @@
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Whether the popup is currently visible"
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "PopupType"
-              },
-              "default": "'alert'",
-              "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
+              "kind": "method",
+              "name": "updateValue",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "popupTitle",
+              "name": "padding",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "Optional title for the popup header"
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "message",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Message text to display (for alert/confirm/prompt types)"
-            },
-            {
-              "kind": "field",
-              "name": "modal",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether the popup is modal (blocks interaction with page behind)"
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "PopupPosition"
-              },
-              "default": "'center'",
-              "description": "Position of the popup on screen"
-            },
-            {
-              "kind": "field",
-              "name": "confirmText",
-              "type": {
-                "text": "string"
-              },
-              "default": "'OK'",
-              "description": "Text for the confirm/OK button"
-            },
-            {
-              "kind": "field",
-              "name": "cancelText",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Cancel'",
-              "description": "Text for the cancel button"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text for prompt input"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Default value for prompt input"
-            },
-            {
-              "kind": "field",
-              "name": "closeOnBackdrop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether clicking the backdrop closes the popup (modal only)"
+              "kind": "method",
+              "name": "updatePadding",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "inputValue",
+              "name": "paths",
               "type": {
                 "text": "string"
-              },
-              "default": "''",
-              "description": "Internal state for prompt input value"
-            },
-            {
-              "kind": "field",
-              "name": "dialogEl",
-              "type": {
-                "text": "HTMLDialogElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "inputEl",
-              "type": {
-                "text": "HTMLInputElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "resolvePromise",
-              "type": {
-                "text": "(result: PopupResult) => void | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDialogCancel",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "Promise<PopupResult>"
-                }
-              },
-              "description": "Opens the popup and returns a promise that resolves when closed"
+              }
             },
             {
               "kind": "method",
-              "name": "hide",
+              "name": "updateProgressBackgrounds",
               "parameters": [
                 {
-                  "name": "confirmed",
-                  "default": "false",
+                  "name": "newValue",
                   "type": {
-                    "text": "boolean"
+                    "text": "string"
                   }
                 }
-              ],
-              "description": "Closes the popup with a result"
-            },
-            {
-              "kind": "field",
-              "name": "handleConfirm",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCancel",
-              "privacy": "private"
+              ]
             },
             {
               "kind": "field",
-              "name": "handleBackdropClick",
-              "privacy": "private"
+              "name": "progressPaths",
+              "type": {
+                "text": "any[]"
+              }
             },
             {
               "kind": "field",
-              "name": "handleInputChange",
-              "privacy": "private"
+              "name": "params",
+              "type": {
+                "text": "{\n    width: number;\n    diameter: number;\n    circumference: number;\n  }"
+              }
             },
             {
-              "kind": "field",
-              "name": "handleKeyDown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "calcParams"
             },
             {
               "kind": "method",
-              "name": "hasSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "getViewBox",
+              "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
             },
             {
               "kind": "method",
-              "name": "renderHeader",
-              "privacy": "private"
+              "name": "getPath",
+              "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
             },
             {
               "kind": "method",
-              "name": "renderBody",
-              "privacy": "private"
+              "name": "getStrokeDashArray"
             },
             {
               "kind": "method",
-              "name": "renderFooter",
-              "privacy": "private"
+              "name": "getPaths"
             },
             {
               "kind": "method",
@@ -2400,152 +2264,49 @@
           ],
           "attributes": [
             {
-              "name": "open",
-              "fieldName": "open",
-              "default": "false",
-              "description": "Whether the popup is currently visible",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "type",
-              "fieldName": "type",
-              "default": "'alert'",
-              "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom",
-              "type": {
-                "text": "PopupType"
-              }
-            },
-            {
-              "name": "popup-title",
-              "fieldName": "popupTitle",
-              "description": "Optional title for the popup header",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "message",
-              "fieldName": "message",
-              "description": "Message text to display (for alert/confirm/prompt types)",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "modal",
-              "fieldName": "modal",
-              "default": "true",
-              "description": "Whether the popup is modal (blocks interaction with page behind)",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "position",
-              "fieldName": "position",
-              "default": "'center'",
-              "description": "Position of the popup on screen",
-              "type": {
-                "text": "PopupPosition"
-              }
-            },
-            {
-              "name": "confirm-text",
-              "fieldName": "confirmText",
-              "default": "'OK'",
-              "description": "Text for the confirm/OK button",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "cancel-text",
-              "fieldName": "cancelText",
-              "default": "'Cancel'",
-              "description": "Text for the cancel button",
+              "name": "value",
+              "fieldName": "value",
+              "default": "0",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "''",
-              "description": "Placeholder text for prompt input",
+              "name": "padding",
+              "fieldName": "padding",
+              "default": "0",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "default-value",
-              "fieldName": "defaultValue",
-              "default": "''",
-              "description": "Default value for prompt input",
+              "name": "paths",
+              "fieldName": "paths",
               "type": {
                 "text": "string"
               }
-            },
-            {
-              "name": "close-on-backdrop",
-              "fieldName": "closeOnBackdrop",
-              "default": "true",
-              "description": "Whether clicking the backdrop closes the popup (modal only)",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "tagName": "le-popup",
-          "events": [
-            {
-              "name": "leConfirm",
-              "type": {
-                "text": "EventEmitter<PopupResult>"
-              },
-              "description": "Emitted when the popup is confirmed (OK clicked)"
-            },
-            {
-              "name": "leCancel",
-              "type": {
-                "text": "EventEmitter<PopupResult>"
-              },
-              "description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
-            },
-            {
-              "name": "leOpen",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the popup opens"
-            },
-            {
-              "name": "leClose",
-              "type": {
-                "text": "EventEmitter<PopupResult>"
-              },
-              "description": "Emitted when the popup closes"
             }
           ],
+          "tagName": "le-round-progress",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LePopup",
+          "name": "LeRoundProgress",
           "declaration": {
-            "name": "LePopup",
-            "module": "src/components/le-popup/le-popup.tsx"
+            "name": "LeRoundProgress",
+            "module": "src/components/le-round-progress/le-round-progress.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-popup",
+          "name": "le-round-progress",
           "declaration": {
-            "name": "LePopup",
-            "module": "src/components/le-popup/le-popup.tsx"
+            "name": "LeRoundProgress",
+            "module": "src/components/le-round-progress/le-round-progress.tsx"
           }
         }
       ]
@@ -2953,12 +2714,30 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-round-progress/le-round-progress.tsx",
+      "path": "src/components/le-stack/le-stack.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "LeRoundProgress",
+          "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 stack items (le-box components recommended)",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2969,130 +2748,244 @@
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "direction",
               "type": {
-                "text": "number"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "0"
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout"
             },
             {
-              "kind": "method",
-              "name": "updateValue",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
+            },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+              },
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis"
+            },
+            {
+              "kind": "field",
+              "name": "justify",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+              },
+              "default": "'start'",
+              "description": "Distribution of items on the main axis"
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines"
+            },
+            {
+              "kind": "field",
+              "name": "alignContent",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+              },
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)"
+            },
+            {
+              "kind": "field",
+              "name": "reverse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to reverse the order of items"
+            },
+            {
+              "kind": "field",
+              "name": "maxItems",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Maximum number of items allowed in the stack (for CMS validation)"
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the stack should take full width of its container"
+            },
+            {
+              "kind": "field",
+              "name": "fullHeight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the stack should take full height of its container"
             },
             {
               "kind": "field",
               "name": "padding",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "0"
+              "description": "Padding inside the stack container (CSS value)"
             },
             {
               "kind": "method",
-              "name": "updatePadding",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
+              "name": "getFlexDirection",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ]
+              }
             },
             {
-              "kind": "field",
-              "name": "paths",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getAlignItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getJustifyContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "updateProgressBackgrounds",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
+              "name": "getAlignContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ]
+              }
             },
             {
-              "kind": "field",
-              "name": "progressPaths",
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "direction",
+              "fieldName": "direction",
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout",
               "type": {
-                "text": "any[]"
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
-              "kind": "field",
-              "name": "params",
+              "name": "gap",
+              "fieldName": "gap",
+              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
               "type": {
-                "text": "{\n    width: number;\n    diameter: number;\n    circumference: number;\n  }"
+                "text": "string"
               }
             },
             {
-              "kind": "method",
-              "name": "calcParams"
+              "name": "align",
+              "fieldName": "align",
+              "default": "'stretch'",
+              "description": "Alignment of items on the cross axis",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+              }
             },
             {
-              "kind": "method",
-              "name": "getViewBox",
-              "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
+              "name": "justify",
+              "fieldName": "justify",
+              "default": "'start'",
+              "description": "Distribution of items on the main axis",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+              }
             },
             {
-              "kind": "method",
-              "name": "getPath",
-              "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
+              "name": "wrap",
+              "fieldName": "wrap",
+              "default": "false",
+              "description": "Whether items should wrap to multiple lines",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "getStrokeDashArray"
+              "name": "align-content",
+              "fieldName": "alignContent",
+              "default": "'stretch'",
+              "description": "Alignment of wrapped lines (only applies when wrap is true)",
+              "type": {
+                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+              }
             },
             {
-              "kind": "method",
-              "name": "getPaths"
+              "name": "reverse",
+              "fieldName": "reverse",
+              "default": "false",
+              "description": "Whether to reverse the order of items",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "fieldName": "value",
-              "default": "0",
+              "name": "max-items",
+              "fieldName": "maxItems",
+              "description": "Maximum number of items allowed in the stack (for CMS validation)",
               "type": {
                 "text": "number"
               }
             },
             {
-              "name": "padding",
-              "fieldName": "padding",
-              "default": "0",
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the stack should take full width of its container",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "paths",
-              "fieldName": "paths",
+              "name": "full-height",
+              "fieldName": "fullHeight",
+              "default": "false",
+              "description": "Whether the stack should take full height of its container",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "padding",
+              "fieldName": "padding",
+              "description": "Padding inside the stack container (CSS value)",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-round-progress",
+          "tagName": "le-stack",
           "events": [],
           "customElement": true
         }
@@ -3100,46 +2993,42 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeRoundProgress",
+          "name": "LeStack",
           "declaration": {
-            "name": "LeRoundProgress",
-            "module": "src/components/le-round-progress/le-round-progress.tsx"
+            "name": "LeStack",
+            "module": "src/components/le-stack/le-stack.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-round-progress",
+          "name": "le-stack",
           "declaration": {
-            "name": "LeRoundProgress",
-            "module": "src/components/le-round-progress/le-round-progress.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-popup/le-popup.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": "A flexible popup/dialog component for alerts, confirms, prompts, and custom content.\n\nUses the native HTML <dialog> element for proper modal behavior, accessibility,\nand focus management. Can be used declaratively in HTML or programmatically \nvia leAlert(), leConfirm(), lePrompt().",
+          "name": "LePopup",
           "slots": [
             {
-              "description": "Default slot for stack items (le-box components recommended)",
+              "description": "Default slot for custom body content",
               "name": ""
+            },
+            {
+              "description": "Custom header content (replaces title)",
+              "name": "header"
+            },
+            {
+              "description": "Custom footer content (replaces default buttons)",
+              "name": "footer"
             }
           ],
           "members": [
@@ -3152,139 +3041,220 @@
             },
             {
               "kind": "field",
-              "name": "direction",
+              "name": "open",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "boolean"
               },
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout"
+              "default": "false",
+              "description": "Whether the popup is currently visible"
             },
             {
               "kind": "field",
-              "name": "gap",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "PopupType"
               },
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
+              "default": "'alert'",
+              "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "popupTitle",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string | undefined"
               },
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis"
+              "description": "Optional title for the popup header"
             },
             {
               "kind": "field",
-              "name": "justify",
+              "name": "message",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'"
+                "text": "string | undefined"
               },
-              "default": "'start'",
-              "description": "Distribution of items on the main axis"
+              "description": "Message text to display (for alert/confirm/prompt types)"
             },
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "modal",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines"
+              "default": "true",
+              "description": "Whether the popup is modal (blocks interaction with page behind)"
             },
             {
               "kind": "field",
-              "name": "alignContent",
+              "name": "position",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "PopupPosition"
               },
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)"
+              "default": "'center'",
+              "description": "Position of the popup on screen"
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "confirmText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'OK'",
+              "description": "Text for the confirm/OK button"
+            },
+            {
+              "kind": "field",
+              "name": "cancelText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Cancel'",
+              "description": "Text for the cancel button"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text for prompt input"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Default value for prompt input"
+            },
+            {
+              "kind": "field",
+              "name": "closeOnBackdrop",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether to reverse the order of items"
+              "default": "true",
+              "description": "Whether clicking the backdrop closes the popup (modal only)"
             },
             {
               "kind": "field",
-              "name": "maxItems",
+              "name": "inputValue",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "Maximum number of items allowed in the stack (for CMS validation)"
+              "default": "''",
+              "description": "Internal state for prompt input value"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "dialogEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDialogElement | undefined"
               },
-              "default": "false",
-              "description": "Whether the stack should take full width of its container"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "fullHeight",
+              "name": "inputEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLInputElement | undefined"
               },
-              "default": "false",
-              "description": "Whether the stack should take full height of its container"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "resolvePromise",
               "type": {
-                "text": "string | undefined"
+                "text": "(result: PopupResult) => void | undefined"
               },
-              "description": "Padding inside the stack container (CSS value)"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDialogCancel",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getFlexDirection",
-              "privacy": "private",
+              "name": "show",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "Promise<PopupResult>"
                 }
-              }
+              },
+              "description": "Opens the popup and returns a promise that resolves when closed"
             },
             {
               "kind": "method",
-              "name": "getAlignItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
+              "name": "hide",
+              "parameters": [
+                {
+                  "name": "confirmed",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
-              }
+              ],
+              "description": "Closes the popup with a result"
+            },
+            {
+              "kind": "field",
+              "name": "handleConfirm",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleCancel",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleBackdropClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getJustifyContent",
+              "name": "hasSlot",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getAlignContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "name": "renderHeader",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderBody",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderFooter",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -3293,122 +3263,152 @@
           ],
           "attributes": [
             {
-              "name": "direction",
-              "fieldName": "direction",
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout",
+              "name": "open",
+              "fieldName": "open",
+              "default": "false",
+              "description": "Whether the popup is currently visible",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "boolean"
               }
             },
             {
-              "name": "gap",
-              "fieldName": "gap",
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')",
+              "name": "type",
+              "fieldName": "type",
+              "default": "'alert'",
+              "description": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom",
               "type": {
-                "text": "string"
+                "text": "PopupType"
               }
             },
             {
-              "name": "align",
-              "fieldName": "align",
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis",
+              "name": "popup-title",
+              "fieldName": "popupTitle",
+              "description": "Optional title for the popup header",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "string"
               }
             },
             {
-              "name": "justify",
-              "fieldName": "justify",
-              "default": "'start'",
-              "description": "Distribution of items on the main axis",
+              "name": "message",
+              "fieldName": "message",
+              "description": "Message text to display (for alert/confirm/prompt types)",
               "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": "modal",
+              "fieldName": "modal",
+              "default": "true",
+              "description": "Whether the popup is modal (blocks interaction with page behind)",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "align-content",
-              "fieldName": "alignContent",
-              "default": "'stretch'",
-              "description": "Alignment of wrapped lines (only applies when wrap is true)",
+              "name": "position",
+              "fieldName": "position",
+              "default": "'center'",
+              "description": "Position of the popup on screen",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around'"
+                "text": "PopupPosition"
               }
             },
             {
-              "name": "reverse",
-              "fieldName": "reverse",
-              "default": "false",
-              "description": "Whether to reverse the order of items",
+              "name": "confirm-text",
+              "fieldName": "confirmText",
+              "default": "'OK'",
+              "description": "Text for the confirm/OK button",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "max-items",
-              "fieldName": "maxItems",
-              "description": "Maximum number of items allowed in the stack (for CMS validation)",
+              "name": "cancel-text",
+              "fieldName": "cancelText",
+              "default": "'Cancel'",
+              "description": "Text for the cancel button",
               "type": {
-                "text": "number"
+                "text": "string"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the stack should take full width of its container",
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "''",
+              "description": "Placeholder text for prompt input",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "full-height",
-              "fieldName": "fullHeight",
-              "default": "false",
-              "description": "Whether the stack should take full height of its container",
+              "name": "default-value",
+              "fieldName": "defaultValue",
+              "default": "''",
+              "description": "Default value for prompt input",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "padding",
-              "fieldName": "padding",
-              "description": "Padding inside the stack container (CSS value)",
+              "name": "close-on-backdrop",
+              "fieldName": "closeOnBackdrop",
+              "default": "true",
+              "description": "Whether clicking the backdrop closes the popup (modal only)",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             }
           ],
-          "tagName": "le-stack",
-          "events": [],
+          "tagName": "le-popup",
+          "events": [
+            {
+              "name": "leConfirm",
+              "type": {
+                "text": "EventEmitter<PopupResult>"
+              },
+              "description": "Emitted when the popup is confirmed (OK clicked)"
+            },
+            {
+              "name": "leCancel",
+              "type": {
+                "text": "EventEmitter<PopupResult>"
+              },
+              "description": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
+            },
+            {
+              "name": "leOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the popup opens"
+            },
+            {
+              "name": "leClose",
+              "type": {
+                "text": "EventEmitter<PopupResult>"
+              },
+              "description": "Emitted when the popup closes"
+            }
+          ],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeStack",
+          "name": "LePopup",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LePopup",
+            "module": "src/components/le-popup/le-popup.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-stack",
+          "name": "le-popup",
           "declaration": {
-            "name": "LeStack",
-            "module": "src/components/le-stack/le-stack.tsx"
+            "name": "LePopup",
+            "module": "src/components/le-popup/le-popup.tsx"
           }
         }
       ]