le-kit 0.1.10 → 0.1.11

package/custom-elements.json

@@ -1349,20 +1349,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-popover/le-popover.tsx",
+      "path": "src/components/le-number-input/le-number-input.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A popover component for displaying floating content.\n\nUses the native HTML Popover API for proper layering with dialogs\nand other top-layer elements. Falls back gracefully in older browsers.",
-          "name": "LePopover",
+          "description": "A number input component with validation, keyboard controls, and custom spinners.",
+          "name": "LeNumberInput",
+          "cssProperties": [
+            {
+              "description": "Input background color",
+              "name": "--le-input-bg"
+            },
+            {
+              "description": "Input text color",
+              "name": "--le-input-color"
+            },
+            {
+              "description": "Input border style",
+              "name": "--le-input-border"
+            },
+            {
+              "description": "Input border style when focused",
+              "name": "--le-input-border-focus"
+            },
+            {
+              "description": "Input border style when invalid",
+              "name": "--le-input-border-error"
+            },
+            {
+              "description": "Input border radius",
+              "name": "--le-input-radius"
+            },
+            {
+              "description": "Input padding",
+              "name": "--le-input-padding"
+            }
+          ],
           "slots": [
             {
-              "description": "Content to display inside the popover",
+              "description": "The label text for the input",
               "name": ""
             },
             {
-              "description": "Element that triggers the popover (optional)",
-              "name": "trigger"
+              "description": "Additional description text displayed below the input",
+              "name": "description"
+            },
+            {
+              "description": "Icon to display at the start of the input",
+              "name": "icon-start"
             }
           ],
           "members": [
@@ -1375,220 +1409,192 @@
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "value",
               "type": {
-                "text": "'default' | 'admin'"
+                "text": "number"
               },
-              "description": "Mode of the popover should be 'default' for internal use"
+              "description": "The value of the input"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the popover is currently open"
+              "description": "The name of the input"
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "label",
               "type": {
-                "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
+                "text": "string"
               },
-              "default": "'bottom'",
-              "description": "Position of the popover relative to its trigger"
+              "description": "Label for the input"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "placeholder",
               "type": {
-                "text": "'start' | 'center' | 'end'"
+                "text": "string"
               },
-              "default": "'start'",
-              "description": "Alignment of the popover"
+              "description": "Placeholder text"
             },
             {
               "kind": "field",
-              "name": "popoverTitle",
+              "name": "min",
               "type": {
-                "text": "string | undefined"
+                "text": "number | undefined"
               },
-              "description": "Optional title for the popover header"
+              "description": "Minimum allowed value"
             },
             {
               "kind": "field",
-              "name": "showClose",
+              "name": "max",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "true",
-              "description": "Whether to show a close button in the header"
+              "description": "Maximum allowed value"
             },
             {
               "kind": "field",
-              "name": "closeOnClickOutside",
+              "name": "step",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "true",
-              "description": "Whether clicking outside closes the popover"
+              "default": "1",
+              "description": "Step value for increment/decrement"
             },
             {
               "kind": "field",
-              "name": "closeOnEscape",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether pressing Escape closes the popover"
-            },
-            {
-              "kind": "field",
-              "name": "offset",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "Offset from the trigger element (in pixels)"
+              "default": "false",
+              "description": "Whether the input is required"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Fixed width for the popover (e.g., '300px', '20rem')"
+              "default": "false",
+              "description": "Whether the input is disabled"
             },
             {
               "kind": "field",
-              "name": "minWidth",
+              "name": "readonly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "default": "'200px'",
-              "description": "Minimum width for the popover (e.g., '200px', '15rem')"
+              "default": "false",
+              "description": "Whether the input is read-only"
             },
             {
               "kind": "field",
-              "name": "maxWidth",
+              "name": "iconStart",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Maximum width for the popover (e.g., '400px', '25rem')"
+              "description": "Icon for the start icon"
             },
             {
               "kind": "field",
-              "name": "isPositioned",
+              "name": "showSpinners",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "true",
+              "description": "Whether to show the spinner controls"
             },
             {
               "kind": "field",
-              "name": "triggerEl",
+              "name": "externalId",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "description": "External ID for linking with external systems"
             },
             {
               "kind": "field",
-              "name": "popoverEl",
+              "name": "isValid",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "true",
+              "description": "Internal validation state"
             },
             {
               "kind": "field",
-              "name": "uniqueId",
+              "name": "validationMessage",
               "type": {
                 "text": "string"
               },
               "privacy": "private",
-              "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
+              "default": "''"
             },
             {
-              "kind": "field",
-              "name": "scrollParents",
-              "type": {
-                "text": "Element[]"
-              },
-              "privacy": "private",
-              "default": "[]"
+              "kind": "method",
+              "name": "valueChanged"
             },
             {
               "kind": "method",
-              "name": "getScrollParents",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Element[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "Element"
-                  }
-                }
-              ],
-              "description": "Find all scrollable parent elements"
+              "name": "validate",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "addScrollListeners",
-              "privacy": "private",
-              "description": "Add scroll listeners to all scrollable parents"
+              "name": "emitChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "removeScrollListeners",
+              "name": "emitInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateValue",
               "privacy": "private",
-              "description": "Remove scroll listeners"
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleScroll",
+              "name": "handleInput",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handlePopoverToggle",
+              "name": "handleChange",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOtherPopoverOpen",
+              "name": "handleKeyDown",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Opens the popover"
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Closes the popover"
-            },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "description": "Toggles the popover"
+              "kind": "field",
+              "name": "handleWheel",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTriggerClick",
+              "name": "increment",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "updatePosition",
+              "kind": "field",
+              "name": "decrement",
               "privacy": "private"
             },
             {
@@ -1598,125 +1604,130 @@
           ],
           "attributes": [
             {
-              "name": "mode",
-              "fieldName": "mode",
-              "description": "Mode of the popover should be 'default' for internal use",
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the input",
               "type": {
-                "text": "'default' | 'admin'"
+                "text": "number"
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
-              "default": "false",
-              "description": "Whether the popover is currently open",
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the input",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "position",
-              "fieldName": "position",
-              "default": "'bottom'",
-              "description": "Position of the popover relative to its trigger",
+              "name": "label",
+              "fieldName": "label",
+              "description": "Label for the input",
               "type": {
-                "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
+                "text": "string"
               }
             },
             {
-              "name": "align",
-              "fieldName": "align",
-              "default": "'start'",
-              "description": "Alignment of the popover",
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "description": "Placeholder text",
               "type": {
-                "text": "'start' | 'center' | 'end'"
+                "text": "string"
               }
             },
             {
-              "name": "popover-title",
-              "fieldName": "popoverTitle",
-              "description": "Optional title for the popover header",
+              "name": "min",
+              "fieldName": "min",
+              "description": "Minimum allowed value",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "show-close",
-              "fieldName": "showClose",
-              "default": "true",
-              "description": "Whether to show a close button in the header",
+              "name": "max",
+              "fieldName": "max",
+              "description": "Maximum allowed value",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "close-on-click-outside",
-              "fieldName": "closeOnClickOutside",
-              "default": "true",
-              "description": "Whether clicking outside closes the popover",
+              "name": "step",
+              "fieldName": "step",
+              "default": "1",
+              "description": "Step value for increment/decrement",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "default": "false",
+              "description": "Whether the input is required",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "close-on-escape",
-              "fieldName": "closeOnEscape",
-              "default": "true",
-              "description": "Whether pressing Escape closes the popover",
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the input is disabled",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "offset",
-              "fieldName": "offset",
-              "default": "8",
-              "description": "Offset from the trigger element (in pixels)",
+              "name": "readonly",
+              "fieldName": "readonly",
+              "default": "false",
+              "description": "Whether the input is read-only",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "width",
-              "fieldName": "width",
-              "description": "Fixed width for the popover (e.g., '300px', '20rem')",
+              "name": "icon-start",
+              "fieldName": "iconStart",
+              "description": "Icon for the start icon",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "min-width",
-              "fieldName": "minWidth",
-              "default": "'200px'",
-              "description": "Minimum width for the popover (e.g., '200px', '15rem')",
+              "name": "show-spinners",
+              "fieldName": "showSpinners",
+              "default": "true",
+              "description": "Whether to show the spinner controls",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "max-width",
-              "fieldName": "maxWidth",
-              "description": "Maximum width for the popover (e.g., '400px', '25rem')",
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-popover",
+          "tagName": "le-number-input",
           "events": [
             {
-              "name": "lePopoverOpen",
+              "name": "leChange",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
               },
-              "description": "Emitted when the popover opens"
+              "description": "Emitted when the value changes (on blur or Enter)"
             },
             {
-              "name": "lePopoverClose",
+              "name": "leInput",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
               },
-              "description": "Emitted when the popover closes"
+              "description": "Emitted when the input value changes (on keystroke/spin)"
             }
           ],
           "customElement": true
@@ -1725,18 +1736,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LePopover",
+          "name": "LeNumberInput",
           "declaration": {
-            "name": "LePopover",
-            "module": "src/components/le-popover/le-popover.tsx"
+            "name": "LeNumberInput",
+            "module": "src/components/le-number-input/le-number-input.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-popover",
+          "name": "le-number-input",
           "declaration": {
-            "name": "LePopover",
-            "module": "src/components/le-popover/le-popover.tsx"
+            "name": "LeNumberInput",
+            "module": "src/components/le-number-input/le-number-input.tsx"
           }
         }
       ]
@@ -2548,30 +2559,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-stack/le-stack.tsx",
+      "path": "src/components/le-round-progress/le-round-progress.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"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for stack items (le-box components recommended)",
-              "name": ""
-            }
-          ],
+          "description": "",
+          "name": "LeRoundProgress",
           "members": [
             {
               "kind": "field",
@@ -2582,114 +2575,297 @@
             },
             {
               "kind": "field",
-              "name": "direction",
+              "name": "value",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "number"
               },
-              "default": "'horizontal'",
-              "description": "Direction of the stack layout"
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "gap",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Gap between items (CSS value like '8px', '1rem', 'var(--le-space-md)')"
+              "kind": "method",
+              "name": "updateValue",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "padding",
               "type": {
-                "text": "'start' | 'center' | 'end' | 'stretch' | 'baseline'"
+                "text": "number"
               },
-              "default": "'stretch'",
-              "description": "Alignment of items on the cross axis"
+              "default": "0"
             },
             {
-              "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": "method",
+              "name": "updatePadding",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "paths",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether items should wrap to multiple lines"
+                "text": "string"
+              }
             },
             {
-              "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": "method",
+              "name": "updateProgressBackgrounds",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "reverse",
+              "name": "progressPaths",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to reverse the order of items"
+                "text": "any[]"
+              }
             },
             {
               "kind": "field",
-              "name": "maxItems",
+              "name": "params",
               "type": {
-                "text": "number | undefined"
-              },
-              "description": "Maximum number of items allowed in the stack (for CMS validation)"
+                "text": "{\n    width: number;\n    diameter: number;\n    circumference: number;\n  }"
+              }
             },
             {
-              "kind": "field",
-              "name": "fullWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the stack should take full width of its container"
+              "kind": "method",
+              "name": "calcParams"
             },
             {
-              "kind": "field",
-              "name": "fullHeight",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the stack should take full height of its container"
+              "kind": "method",
+              "name": "getViewBox",
+              "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
             },
             {
-              "kind": "field",
-              "name": "padding",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Padding inside the stack container (CSS value)"
+              "kind": "method",
+              "name": "getPath",
+              "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
             },
             {
               "kind": "method",
-              "name": "getFlexDirection",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
+              "name": "getStrokeDashArray"
             },
             {
               "kind": "method",
-              "name": "getAlignItems",
-              "privacy": "private",
+              "name": "getPaths"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "fieldName": "value",
+              "default": "0",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "padding",
+              "fieldName": "padding",
+              "default": "0",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "paths",
+              "fieldName": "paths",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "le-round-progress",
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeRoundProgress",
+          "declaration": {
+            "name": "LeRoundProgress",
+            "module": "src/components/le-round-progress/le-round-progress.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-round-progress",
+          "declaration": {
+            "name": "LeRoundProgress",
+            "module": "src/components/le-round-progress/le-round-progress.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-stack/le-stack.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"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for stack items (le-box components recommended)",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'horizontal'",
+              "description": "Direction of the stack layout"
+            },
+            {
+              "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": "string | undefined"
+              },
+              "description": "Padding inside the stack container (CSS value)"
+            },
+            {
+              "kind": "method",
+              "name": "getFlexDirection",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAlignItems",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "string"
@@ -2845,54 +3021,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-number-input/le-number-input.tsx",
+      "path": "src/components/le-popover/le-popover.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A number input component with validation, keyboard controls, and custom spinners.",
-          "name": "LeNumberInput",
-          "cssProperties": [
-            {
-              "description": "Input background color",
-              "name": "--le-input-bg"
-            },
-            {
-              "description": "Input text color",
-              "name": "--le-input-color"
-            },
-            {
-              "description": "Input border style",
-              "name": "--le-input-border"
-            },
-            {
-              "description": "Input border style when focused",
-              "name": "--le-input-border-focus"
-            },
-            {
-              "description": "Input border style when invalid",
-              "name": "--le-input-border-error"
-            },
-            {
-              "description": "Input border radius",
-              "name": "--le-input-radius"
-            },
-            {
-              "description": "Input padding",
-              "name": "--le-input-padding"
-            }
-          ],
+          "description": "A popover component for displaying floating content.\n\nUses the native HTML Popover API for proper layering with dialogs\nand other top-layer elements. Falls back gracefully in older browsers.",
+          "name": "LePopover",
           "slots": [
             {
-              "description": "The label text for the input",
+              "description": "Content to display inside the popover",
               "name": ""
             },
             {
-              "description": "Additional description text displayed below the input",
-              "name": "description"
-            },
-            {
-              "description": "Icon to display at the start of the input",
-              "name": "icon-start"
+              "description": "Element that triggers the popover (optional)",
+              "name": "trigger"
             }
           ],
           "members": [
@@ -2905,192 +3047,220 @@
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "mode",
               "type": {
-                "text": "number"
+                "text": "'default' | 'admin'"
               },
-              "description": "The value of the input"
+              "description": "Mode of the popover should be 'default' for internal use"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The name of the input"
+              "default": "false",
+              "description": "Whether the popover is currently open"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
               },
-              "description": "Label for the input"
+              "default": "'bottom'",
+              "description": "Position of the popover relative to its trigger"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'start' | 'center' | 'end'"
               },
-              "description": "Placeholder text"
+              "default": "'start'",
+              "description": "Alignment of the popover"
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "popoverTitle",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "Minimum allowed value"
+              "description": "Optional title for the popover header"
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "showClose",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "Maximum allowed value"
+              "default": "true",
+              "description": "Whether to show a close button in the header"
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "closeOnClickOutside",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Step value for increment/decrement"
+              "default": "true",
+              "description": "Whether clicking outside closes the popover"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "closeOnEscape",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Whether the input is required"
+              "default": "true",
+              "description": "Whether pressing Escape closes the popover"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "offset",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Whether the input is disabled"
+              "default": "8",
+              "description": "Offset from the trigger element (in pixels)"
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "width",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the input is read-only"
+              "description": "Fixed width for the popover (e.g., '300px', '20rem')"
             },
             {
               "kind": "field",
-              "name": "iconStart",
+              "name": "minWidth",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Icon for the start icon"
+              "default": "'200px'",
+              "description": "Minimum width for the popover (e.g., '200px', '15rem')"
             },
             {
               "kind": "field",
-              "name": "showSpinners",
+              "name": "maxWidth",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Maximum width for the popover (e.g., '400px', '25rem')"
+            },
+            {
+              "kind": "field",
+              "name": "isPositioned",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether to show the spinner controls"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "externalId",
+              "name": "triggerEl",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | undefined"
               },
-              "description": "External ID for linking with external systems"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "isValid",
+              "name": "popoverEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | undefined"
               },
-              "privacy": "private",
-              "default": "true",
-              "description": "Internal validation state"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "uniqueId",
               "type": {
                 "text": "string"
               },
               "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "method",
-              "name": "valueChanged"
+              "default": "`le-popover-${Math.random().toString(36).substr(2, 9)}`"
             },
             {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "private"
+              "kind": "field",
+              "name": "scrollParents",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "emitChange",
-              "privacy": "private"
+              "name": "getScrollParents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ],
+              "description": "Find all scrollable parent elements"
             },
             {
               "kind": "method",
-              "name": "emitInput",
-              "privacy": "private"
+              "name": "addScrollListeners",
+              "privacy": "private",
+              "description": "Add scroll listeners to all scrollable parents"
             },
             {
               "kind": "method",
-              "name": "updateValue",
+              "name": "removeScrollListeners",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "description": "Remove scroll listeners"
             },
             {
               "kind": "field",
-              "name": "handleInput",
+              "name": "handleScroll",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleChange",
+              "name": "handlePopoverToggle",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleKeyDown",
+              "name": "handleOtherPopoverOpen",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleWheel",
-              "privacy": "private"
+              "kind": "method",
+              "name": "show",
+              "description": "Opens the popover"
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Closes the popover"
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "description": "Toggles the popover"
             },
             {
               "kind": "field",
-              "name": "increment",
+              "name": "handleTriggerClick",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "decrement",
+              "kind": "method",
+              "name": "updatePosition",
               "privacy": "private"
             },
             {
@@ -3100,315 +3270,145 @@
           ],
           "attributes": [
             {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the input",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the input",
+              "name": "mode",
+              "fieldName": "mode",
+              "description": "Mode of the popover should be 'default' for internal use",
               "type": {
-                "text": "string"
+                "text": "'default' | 'admin'"
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
-              "description": "Label for the input",
+              "name": "open",
+              "fieldName": "open",
+              "default": "false",
+              "description": "Whether the popover is currently open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "description": "Placeholder text",
+              "name": "position",
+              "fieldName": "position",
+              "default": "'bottom'",
+              "description": "Position of the popover relative to its trigger",
               "type": {
-                "text": "string"
+                "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
               }
             },
             {
-              "name": "min",
-              "fieldName": "min",
-              "description": "Minimum allowed value",
+              "name": "align",
+              "fieldName": "align",
+              "default": "'start'",
+              "description": "Alignment of the popover",
               "type": {
-                "text": "number"
+                "text": "'start' | 'center' | 'end'"
               }
             },
             {
-              "name": "max",
-              "fieldName": "max",
-              "description": "Maximum allowed value",
+              "name": "popover-title",
+              "fieldName": "popoverTitle",
+              "description": "Optional title for the popover header",
               "type": {
-                "text": "number"
+                "text": "string"
               }
             },
             {
-              "name": "step",
-              "fieldName": "step",
-              "default": "1",
-              "description": "Step value for increment/decrement",
+              "name": "show-close",
+              "fieldName": "showClose",
+              "default": "true",
+              "description": "Whether to show a close button in the header",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "required",
-              "fieldName": "required",
-              "default": "false",
-              "description": "Whether the input is required",
+              "name": "close-on-click-outside",
+              "fieldName": "closeOnClickOutside",
+              "default": "true",
+              "description": "Whether clicking outside closes the popover",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the input is disabled",
+              "name": "close-on-escape",
+              "fieldName": "closeOnEscape",
+              "default": "true",
+              "description": "Whether pressing Escape closes the popover",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "readonly",
-              "fieldName": "readonly",
-              "default": "false",
-              "description": "Whether the input is read-only",
+              "name": "offset",
+              "fieldName": "offset",
+              "default": "8",
+              "description": "Offset from the trigger element (in pixels)",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "icon-start",
-              "fieldName": "iconStart",
-              "description": "Icon for the start icon",
+              "name": "width",
+              "fieldName": "width",
+              "description": "Fixed width for the popover (e.g., '300px', '20rem')",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "show-spinners",
-              "fieldName": "showSpinners",
-              "default": "true",
-              "description": "Whether to show the spinner controls",
+              "name": "min-width",
+              "fieldName": "minWidth",
+              "default": "'200px'",
+              "description": "Minimum width for the popover (e.g., '200px', '15rem')",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems",
+              "name": "max-width",
+              "fieldName": "maxWidth",
+              "description": "Maximum width for the popover (e.g., '400px', '25rem')",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "le-number-input",
+          "tagName": "le-popover",
           "events": [
             {
-              "name": "leChange",
-              "type": {
-                "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
-              },
-              "description": "Emitted when the value changes (on blur or Enter)"
-            },
-            {
-              "name": "leInput",
-              "type": {
-                "text": "EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>"
-              },
-              "description": "Emitted when the input value changes (on keystroke/spin)"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeNumberInput",
-          "declaration": {
-            "name": "LeNumberInput",
-            "module": "src/components/le-number-input/le-number-input.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-number-input",
-          "declaration": {
-            "name": "LeNumberInput",
-            "module": "src/components/le-number-input/le-number-input.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-round-progress/le-round-progress.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LeRoundProgress",
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
+              "name": "lePopoverOpen",
               "type": {
-                "text": "number"
+                "text": "EventEmitter<void>"
               },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "updateValue",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "Emitted when the popover opens"
             },
             {
-              "kind": "field",
-              "name": "padding",
+              "name": "lePopoverClose",
               "type": {
-                "text": "number"
+                "text": "EventEmitter<void>"
               },
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "updatePadding",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "paths",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateProgressBackgrounds",
-              "parameters": [
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "progressPaths",
-              "type": {
-                "text": "any[]"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "params",
-              "type": {
-                "text": "{\n    width: number;\n    diameter: number;\n    circumference: number;\n  }"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "calcParams"
-            },
-            {
-              "kind": "method",
-              "name": "getViewBox",
-              "description": "Returns the viewPath attribute value for the SVG\nbased on the width of the parent element"
-            },
-            {
-              "kind": "method",
-              "name": "getPath",
-              "description": "Returns the circular path for the progress stroke\nand additional paths in the background"
-            },
-            {
-              "kind": "method",
-              "name": "getStrokeDashArray"
-            },
-            {
-              "kind": "method",
-              "name": "getPaths"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "fieldName": "value",
-              "default": "0",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "padding",
-              "fieldName": "padding",
-              "default": "0",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "paths",
-              "fieldName": "paths",
-              "type": {
-                "text": "string"
-              }
+              "description": "Emitted when the popover closes"
             }
           ],
-          "tagName": "le-round-progress",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeRoundProgress",
+          "name": "LePopover",
           "declaration": {
-            "name": "LeRoundProgress",
-            "module": "src/components/le-round-progress/le-round-progress.tsx"
+            "name": "LePopover",
+            "module": "src/components/le-popover/le-popover.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-round-progress",
+          "name": "le-popover",
           "declaration": {
-            "name": "LeRoundProgress",
-            "module": "src/components/le-round-progress/le-round-progress.tsx"
+            "name": "LePopover",
+            "module": "src/components/le-popover/le-popover.tsx"
           }
         }
       ]