luxen-ui 0.2.0 → 0.3.0

package/cdn/custom-elements.json

@@ -2048,7 +2048,7 @@
         {
           "kind": "variable",
           "name": "u",
-          "default": "class extends n{constructor(...e){super(...e),this.title=``,this.open=!1,this.lightDismiss=!1,this._mouseDownTarget=null,this._commandListener={handleEvent:e=>this._onCommand(e)}}static{this.styles=[o,s]}connectedCallback(){super.connectedCallback(),this.addEventListener(`command`,this._commandListener)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`command`,this._commandListener)}firstUpdated(){this.dialog.addEventListener(`cancel`,e=>this._onCancel(e)),this.dialog.addEventListener(`close`,()=>this._onNativeClose()),this.dialog.addEventListener(`mousedown`,e=>{this._mouseDownTarget=e.target}),this.dialog.addEventListener(`click`,e=>this._onDialogClick(e))}updated(e){if(e.has(`open`)){if(this.open&&!this.dialog.open)this.emit(`show`),this.toggleAttribute(`data-modal`,!0),this.dialog.showModal(),this._focusAutofocusTarget(),this._emitAfter(`after-show`);else if(!this.open&&this.dialog.open){if(!this.emit(`hide`,{cancelable:!0})){this.open=!0;return}this.dialog.close()}}}_onCommand(e){switch(e.command){case`--hide`:this.open=!1;break;case`--show`:this.open=!0;break}}_onCancel(e){this.emit(`hide`,{cancelable:!0})||e.preventDefault()}_onNativeClose(){this.open=!1,this.removeAttribute(`data-modal`),this._emitAfter(`after-hide`)}_onDialogClick(e){let t=e.target===this.dialog&&this._mouseDownTarget===this.dialog;if(this._mouseDownTarget=null,t){if(this.lightDismiss){c||(this.open=!1);return}this._nudgeDismiss()}}_nudgeDismiss(){matchMedia(`(prefers-reduced-motion: reduce)`).matches||(this._nudgeAnimation?.cancel(),this._nudgeAnimation=this.dialog.animate([{transform:`scale(1)`},{transform:`scale(1.02)`},{transform:`scale(1)`}],{duration:250,easing:`ease-in-out`}))}async _emitAfter(e){await new Promise(e=>requestAnimationFrame(()=>e(null)));let t=this.dialog.getAnimations({subtree:!1});await Promise.all(t.map(e=>e.finished.catch(()=>{}))),e===`after-show`===this.open&&this.emit(e)}_focusAutofocusTarget(){this.querySelector(`[autofocus]`)?.focus({preventScroll:!0})}render(){return e` <dialog part=\"dialog\" closedby=${this.lightDismiss&&c?`any`:t} > <header part=\"header\"> <h2 part=\"title\">${this.title}</h2> <slot name=\"close\"></slot> </header> <div part=\"body\"> <slot></slot> </div> <footer part=\"footer\"> <slot name=\"footer\"></slot> </footer> </dialog> `}}"
+          "default": "class extends n{constructor(...e){super(...e),this.title=``,this.open=!1,this.lightDismiss=!1,this.withoutHeader=!1,this._mouseDownTarget=null,this._commandListener={handleEvent:e=>this._onCommand(e)}}static{this.styles=[o,s]}connectedCallback(){super.connectedCallback(),this.addEventListener(`command`,this._commandListener)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`command`,this._commandListener)}firstUpdated(){this.dialog.addEventListener(`cancel`,e=>this._onCancel(e)),this.dialog.addEventListener(`close`,()=>this._onNativeClose()),this.dialog.addEventListener(`mousedown`,e=>{this._mouseDownTarget=e.target}),this.dialog.addEventListener(`click`,e=>this._onDialogClick(e))}updated(e){if(e.has(`open`)){if(this.open&&!this.dialog.open)this.emit(`show`),this.toggleAttribute(`data-modal`,!0),this.dialog.showModal(),this._focusAutofocusTarget(),this._emitAfter(`after-show`);else if(!this.open&&this.dialog.open){if(!this.emit(`hide`,{cancelable:!0})){this.open=!0;return}this.dialog.close()}}}_onCommand(e){switch(e.command){case`--hide`:this.open=!1;break;case`--show`:this.open=!0;break}}_onCancel(e){this.emit(`hide`,{cancelable:!0})||e.preventDefault()}_onNativeClose(){this.open=!1,this.removeAttribute(`data-modal`),this._emitAfter(`after-hide`)}_onDialogClick(e){let t=e.target===this.dialog&&this._mouseDownTarget===this.dialog;if(this._mouseDownTarget=null,t){if(this.lightDismiss){c||(this.open=!1);return}this._nudgeDismiss()}}_nudgeDismiss(){matchMedia(`(prefers-reduced-motion: reduce)`).matches||(this._nudgeAnimation?.cancel(),this._nudgeAnimation=this.dialog.animate([{transform:`scale(1)`},{transform:`scale(1.02)`},{transform:`scale(1)`}],{duration:250,easing:`ease-in-out`}))}async _emitAfter(e){await new Promise(e=>requestAnimationFrame(()=>e(null)));let t=this.dialog.getAnimations({subtree:!1});await Promise.all(t.map(e=>e.finished.catch(()=>{}))),e===`after-show`===this.open&&this.emit(e)}_focusAutofocusTarget(){this.querySelector(`[autofocus]`)?.focus({preventScroll:!0})}render(){return e` <dialog part=\"dialog\" closedby=${this.lightDismiss&&c?`any`:t} > ${this.withoutHeader?t:e` <header part=\"header\"> <slot name=\"title\"> ${this.title?e`<h2 part=\"title\">${this.title}</h2>`:t} </slot> <slot name=\"close\"></slot> </header> `} <div part=\"body\"> <slot></slot> </div> <footer part=\"footer\"> <slot name=\"footer\"></slot> </footer> </dialog> `}}"
         }
       ],
       "exports": [
@@ -2240,7 +2240,7 @@
         {
           "kind": "variable",
           "name": "r",
-          "default": "class extends e{constructor(...e){super(...e),this._cells=[],this._separatorEl=null,this._initialized=!1,this._updateCells=()=>{let e=this._input.value,t=this._input.maxLength||6,n=Math.min(this._input.selectionStart??0,t-1),r=document.activeElement===this._input;for(let t=0;t<this._cells.length;t++){let i=this._cells[t],a=i.firstElementChild,o=e[t]??``;a.textContent=o,o?i.setAttribute(`data-filled`,``):i.removeAttribute(`data-filled`),r&&t===n?i.setAttribute(`data-active`,``):i.removeAttribute(`data-active`)}},this._clearCells=()=>{for(let e of this._cells)e.removeAttribute(`data-active`)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>this._setup())}disconnectedCallback(){super.disconnectedCallback(),this._teardown()}_setup(){let e=this.querySelector(`input`);if(!e)return;this._input=e;let t=Number(getComputedStyle(this).getPropertyValue(`--digits`).trim())||6,n={type:`text`,inputmode:`numeric`,autocomplete:`one-time-code`,maxlength:String(t),pattern:String.raw`\\d{${t}}`};for(let[e,t]of Object.entries(n))this._input.hasAttribute(e)||this._input.setAttribute(e,t);this._container=document.createElement(`div`),this._container.className=`l-input-otp-cells`,this._container.setAttribute(`aria-hidden`,`true`);for(let e=0;e<t;e++){let n=document.createElement(`div`);n.className=`l-input-otp-cell`,n.appendChild(document.createElement(`span`)),this._cells.push(n),this._container.appendChild(n),this.separatorAfter&&e===this.separatorAfter-1&&e<t-1&&(this._separatorEl=document.createElement(`span`),this._separatorEl.className=`l-input-otp-separator`,this._container.appendChild(this._separatorEl))}this._input.replaceWith(this._container),this._container.appendChild(this._input),this._initialized=!0,this._updateCells(),this._input.addEventListener(`input`,this._updateCells),this._input.addEventListener(`click`,this._updateCells),this._input.addEventListener(`keyup`,this._updateCells),this._input.addEventListener(`focus`,this._updateCells),this._input.addEventListener(`blur`,this._clearCells)}_teardown(){this._initialized&&=(this._input.removeEventListener(`input`,this._updateCells),this._input.removeEventListener(`click`,this._updateCells),this._input.removeEventListener(`keyup`,this._updateCells),this._input.removeEventListener(`focus`,this._updateCells),this._input.removeEventListener(`blur`,this._clearCells),this._container.replaceWith(this._input),this._separatorEl?.remove(),this._cells=[],this._separatorEl=null,!1)}}"
+          "default": "class extends e{constructor(...e){super(...e),this._cells=[],this._separatorEl=null,this._initialized=!1,this._updateCells=()=>{let e=this._input.value,t=this._input.maxLength||6,n=Math.min(this._input.selectionStart??0,t-1),r=document.activeElement===this._input;for(let t=0;t<this._cells.length;t++){let i=this._cells[t],a=i.firstElementChild,o=e[t]??``;a.textContent=o,o?i.setAttribute(`data-filled`,``):i.removeAttribute(`data-filled`),r&&t===n?i.setAttribute(`data-active`,``):i.removeAttribute(`data-active`)}},this._clearCells=()=>{for(let e of this._cells)e.removeAttribute(`data-active`)},this._scheduleUpdateCells=()=>{requestAnimationFrame(this._updateCells)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>this._setup())}disconnectedCallback(){super.disconnectedCallback(),this._teardown()}_setup(){let e=this.querySelector(`input`);if(!e)return;this._input=e;let t=Number(getComputedStyle(this).getPropertyValue(`--digits`).trim())||6,n={type:`text`,inputmode:`numeric`,autocomplete:`one-time-code`,maxlength:String(t),pattern:String.raw`\\d{${t}}`};for(let[e,t]of Object.entries(n))this._input.hasAttribute(e)||this._input.setAttribute(e,t);this._container=document.createElement(`div`),this._container.className=`l-input-otp-cells`,this._container.setAttribute(`aria-hidden`,`true`);for(let e=0;e<t;e++){let n=document.createElement(`div`);n.className=`l-input-otp-cell`,n.appendChild(document.createElement(`span`)),this._cells.push(n),this._container.appendChild(n),this.separatorAfter&&e===this.separatorAfter-1&&e<t-1&&(this._separatorEl=document.createElement(`span`),this._separatorEl.className=`l-input-otp-separator`,this._container.appendChild(this._separatorEl))}this._input.replaceWith(this._container),this._container.appendChild(this._input),this._initialized=!0,this._updateCells(),this._input.addEventListener(`input`,this._updateCells),this._input.addEventListener(`click`,this._updateCells),this._input.addEventListener(`keyup`,this._updateCells),this._input.addEventListener(`focus`,this._scheduleUpdateCells),this._input.addEventListener(`blur`,this._clearCells)}_teardown(){this._initialized&&=(this._input.removeEventListener(`input`,this._updateCells),this._input.removeEventListener(`click`,this._updateCells),this._input.removeEventListener(`keyup`,this._updateCells),this._input.removeEventListener(`focus`,this._scheduleUpdateCells),this._input.removeEventListener(`blur`,this._clearCells),this._container.replaceWith(this._input),this._separatorEl?.remove(),this._cells=[],this._separatorEl=null,!1)}}"
         }
       ],
       "exports": [
@@ -3299,6 +3299,10 @@
               "description": "Body content.",
               "name": ""
             },
+            {
+              "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
+              "name": "title"
+            },
             {
               "description": "Close button (typically `<button class=\"l-close\">`).",
               "name": "close"
@@ -3384,6 +3388,15 @@
               "description": "Close when the backdrop is clicked.",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "withoutHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the header entirely (title and close slot).",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "_mouseDownTarget",
@@ -3731,6 +3744,14 @@
                 "name": "LuxenDialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
+            },
+            {
+              "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
+              "name": "title",
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
             }
           ],
           "events": [
@@ -3810,6 +3831,19 @@
                 "name": "LuxenDialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
+            },
+            {
+              "name": "without-header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "fieldName": "withoutHeader",
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
             }
           ],
           "members": [
@@ -3857,6 +3891,21 @@
                 "module": "src/html/elements/dialog/dialog.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "withoutHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "attribute": "without-header",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "dialog",
@@ -4589,11 +4638,31 @@
             },
             {
               "description": "Cell width and height (default: 2.75rem). Font size scales automatically.",
-              "name": "--size"
+              "name": "--cell-size"
             },
             {
               "description": "Space between cells (default: 0.5rem).",
-              "name": "--gap"
+              "name": "--cell-gap"
+            },
+            {
+              "description": "Cell background color.",
+              "name": "--cell-bg-color"
+            },
+            {
+              "description": "Cell border color.",
+              "name": "--cell-border-color"
+            },
+            {
+              "description": "Cell border-radius.",
+              "name": "--cell-border-radius"
+            },
+            {
+              "description": "Border + ring color of the active (focused) cell.",
+              "name": "--cell-focus-color"
+            },
+            {
+              "description": "`box-shadow` of the active cell ring (defaults to a 1px solid ring; set to `none` to disable).",
+              "name": "--cell-focus-ring"
             }
           ],
           "members": [
@@ -4637,6 +4706,10 @@
               "kind": "field",
               "name": "_clearCells"
             },
+            {
+              "kind": "field",
+              "name": "_scheduleUpdateCells"
+            },
             {
               "kind": "method",
               "name": "emit",
@@ -9043,6 +9116,10 @@
               "description": "Body content.",
               "name": ""
             },
+            {
+              "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
+              "name": "title"
+            },
             {
               "description": "Close button (typically `<button class=\"l-close\">`).",
               "name": "close"
@@ -9085,6 +9162,17 @@
               "attribute": "light-dismiss",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "withoutHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "attribute": "without-header",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "dialog",
@@ -9262,6 +9350,15 @@
               "default": "false",
               "description": "Close when the backdrop is clicked.",
               "fieldName": "lightDismiss"
+            },
+            {
+              "name": "without-header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "fieldName": "withoutHeader"
             }
           ],
           "superclass": {
@@ -9562,6 +9659,14 @@
                 "name": "LuxenDialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
+            },
+            {
+              "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
+              "name": "title",
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
             }
           ],
           "members": [
@@ -9619,6 +9724,21 @@
                 "module": "src/html/elements/dialog/dialog.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "withoutHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "attribute": "without-header",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "dialog",
@@ -9876,6 +9996,19 @@
                 "name": "LuxenDialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
+            },
+            {
+              "name": "without-header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the header entirely (title and close slot).",
+              "fieldName": "withoutHeader",
+              "inheritedFrom": {
+                "name": "LuxenDialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
             }
           ],
           "superclass": {
@@ -10653,11 +10786,31 @@
             },
             {
               "description": "Cell width and height (default: 2.75rem). Font size scales automatically.",
-              "name": "--size"
+              "name": "--cell-size"
             },
             {
               "description": "Space between cells (default: 0.5rem).",
-              "name": "--gap"
+              "name": "--cell-gap"
+            },
+            {
+              "description": "Cell background color.",
+              "name": "--cell-bg-color"
+            },
+            {
+              "description": "Cell border color.",
+              "name": "--cell-border-color"
+            },
+            {
+              "description": "Cell border-radius.",
+              "name": "--cell-border-radius"
+            },
+            {
+              "description": "Border + ring color of the active (focused) cell.",
+              "name": "--cell-focus-color"
+            },
+            {
+              "description": "`box-shadow` of the active cell ring (defaults to a 1px solid ring; set to `none` to disable).",
+              "name": "--cell-focus-ring"
             }
           ],
           "members": [
@@ -10734,6 +10887,11 @@
               "name": "_clearCells",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_scheduleUpdateCells",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "emit",
@@ -13857,372 +14015,152 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/html/shared/controllers/popover.ts",
+      "path": "src/html/elements/tree-item/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/html/elements/tree-item/tree-item"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/tree-item/tree-item.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "PopoverController",
+          "description": "A node inside `<l-tree>`. Nested `<l-tree-item>` children become sub-nodes.",
+          "name": "LuxenTreeItem",
+          "cssProperties": [
+            {
+              "description": "Internal depth index driving indentation. Set by `<l-tree>`. Layout tokens (`--chevron-size`, `--row-height`, `--row-padding-inline`, `--item-gap`) live on `<l-tree>` and cascade down — see its CSS custom properties.",
+              "name": "--_depth"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The item row.",
+              "name": "base"
+            },
+            {
+              "description": "The chevron toggle area.",
+              "name": "expand-button"
+            },
+            {
+              "description": "The native checkbox input.",
+              "name": "checkbox"
+            },
+            {
+              "description": "The label container.",
+              "name": "label"
+            },
+            {
+              "description": "Wrapper around the content and children slots; carries the indent guide.",
+              "name": "branch"
+            },
+            {
+              "description": "The content slot wrapper (block area between the row and the children).",
+              "name": "content"
+            },
+            {
+              "description": "The nested items container.",
+              "name": "children"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Label content (kept to a single row).",
+              "name": ""
+            },
+            {
+              "description": "Leading content before the label (e.g. icon).",
+              "name": "prefix"
+            },
+            {
+              "description": "Trailing content.",
+              "name": "suffix"
+            },
+            {
+              "description": "Icon shown when the item is collapsed.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Icon shown when the item is expanded.",
+              "name": "collapse-icon"
+            },
+            {
+              "description": "Block content that belongs to the item but not to its header row (e.g. comment body, action bar). Hidden when a branch is collapsed.",
+              "name": "content"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "_host",
-              "type": {
-                "text": "ReactiveControllerHost & HTMLElement"
-              },
-              "privacy": "private",
-              "default": "host"
+              "name": "_internals",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_config",
+              "name": "_childObserver",
               "type": {
-                "text": "PopoverControllerConfig"
+                "text": "MutationObserver | undefined"
               },
-              "privacy": "private",
-              "default": "config"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_cleanupAutoUpdate",
+              "name": "expanded",
               "type": {
-                "text": "() => void | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether the item is expanded.",
+              "attribute": "expanded",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_cleanupSafePolygon",
+              "name": "selected",
               "type": {
-                "text": "() => void | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether the item is selected.",
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_handlers",
+              "name": "indeterminate",
               "type": {
-                "text": "TriggerHandlers | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether the checkbox is indeterminate (some descendants selected).",
+              "attribute": "indeterminate",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_triggerElement",
+              "name": "disabled",
               "type": {
-                "text": "HTMLElement | null | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether the item is disabled.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_currentPlacement",
+              "name": "lazy",
               "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "currentPlacement",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "updatePosition",
-              "parameters": [
-                {
-                  "name": "options",
-                  "type": {
-                    "text": "PositionOptions"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "startPositioning",
-              "parameters": [
-                {
-                  "name": "options",
-                  "type": {
-                    "text": "PositionOptions"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "stopPositioning"
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerLeave",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                },
-                {
-                  "name": "onHide",
-                  "type": {
-                    "text": "() => void"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "cleanupSafePolygon"
-            },
-            {
-              "kind": "method",
-              "name": "addTriggerListeners",
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "TriggerHandlers"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "removeTriggerListeners",
-              "parameters": [
-                {
-                  "name": "triggerOverride",
-                  "optional": true,
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "animateShow",
-              "parameters": [
-                {
-                  "name": "el",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "duration",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "keyframes",
-                  "optional": true,
-                  "type": {
-                    "text": "Keyframe[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "animateHide",
-              "parameters": [
-                {
-                  "name": "el",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "duration",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "keyframes",
-                  "optional": true,
-                  "type": {
-                    "text": "Keyframe[]"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PopoverController",
-          "declaration": {
-            "name": "PopoverController",
-            "module": "src/html/shared/controllers/popover.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/tree-item/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/html/elements/tree-item/tree-item"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/tree-item/tree-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A node inside `<l-tree>`. Nested `<l-tree-item>` children become sub-nodes.",
-          "name": "LuxenTreeItem",
-          "cssProperties": [
-            {
-              "description": "Internal depth index driving indentation. Set by `<l-tree>`. Layout tokens (`--chevron-size`, `--row-height`, `--row-padding-inline`, `--item-gap`) live on `<l-tree>` and cascade down — see its CSS custom properties.",
-              "name": "--_depth"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The item row.",
-              "name": "base"
-            },
-            {
-              "description": "The chevron toggle area.",
-              "name": "expand-button"
-            },
-            {
-              "description": "The native checkbox input.",
-              "name": "checkbox"
-            },
-            {
-              "description": "The label container.",
-              "name": "label"
-            },
-            {
-              "description": "Wrapper around the content and children slots; carries the indent guide.",
-              "name": "branch"
-            },
-            {
-              "description": "The content slot wrapper (block area between the row and the children).",
-              "name": "content"
-            },
-            {
-              "description": "The nested items container.",
-              "name": "children"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Label content (kept to a single row).",
-              "name": ""
-            },
-            {
-              "description": "Leading content before the label (e.g. icon).",
-              "name": "prefix"
-            },
-            {
-              "description": "Trailing content.",
-              "name": "suffix"
-            },
-            {
-              "description": "Icon shown when the item is collapsed.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "Icon shown when the item is expanded.",
-              "name": "collapse-icon"
-            },
-            {
-              "description": "Block content that belongs to the item but not to its header row (e.g. comment body, action bar). Hidden when a branch is collapsed.",
-              "name": "content"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "_internals",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_childObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the item is expanded.",
-              "attribute": "expanded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the item is selected.",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the checkbox is indeterminate (some descendants selected).",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the item is disabled.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "lazy",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
               "default": "false",
               "description": "Marks this item as having children that will be loaded on first expand.",
@@ -14481,6 +14419,226 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/shared/controllers/popover.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PopoverController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_host",
+              "type": {
+                "text": "ReactiveControllerHost & HTMLElement"
+              },
+              "privacy": "private",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "_config",
+              "type": {
+                "text": "PopoverControllerConfig"
+              },
+              "privacy": "private",
+              "default": "config"
+            },
+            {
+              "kind": "field",
+              "name": "_cleanupAutoUpdate",
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_cleanupSafePolygon",
+              "type": {
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handlers",
+              "type": {
+                "text": "TriggerHandlers | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_triggerElement",
+              "type": {
+                "text": "HTMLElement | null | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_currentPlacement",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "field",
+              "name": "currentPlacement",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "updatePosition",
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "PositionOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "startPositioning",
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "PositionOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "stopPositioning"
+            },
+            {
+              "kind": "method",
+              "name": "handlePointerLeave",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                },
+                {
+                  "name": "onHide",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cleanupSafePolygon"
+            },
+            {
+              "kind": "method",
+              "name": "addTriggerListeners",
+              "parameters": [
+                {
+                  "name": "handlers",
+                  "type": {
+                    "text": "TriggerHandlers"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeTriggerListeners",
+              "parameters": [
+                {
+                  "name": "triggerOverride",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "animateShow",
+              "parameters": [
+                {
+                  "name": "el",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "duration",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "keyframes",
+                  "optional": true,
+                  "type": {
+                    "text": "Keyframe[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "animateHide",
+              "parameters": [
+                {
+                  "name": "el",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "duration",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "keyframes",
+                  "optional": true,
+                  "type": {
+                    "text": "Keyframe[]"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PopoverController",
+          "declaration": {
+            "name": "PopoverController",
+            "module": "src/html/shared/controllers/popover.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/shared/styles/host.styles.ts",