@f-ewald/components 1.1.1 → 1.2.0

package/custom-elements.json

@@ -3485,7 +3485,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A styled dropdown select: a trigger button showing the current option's\nlabel, opening a listbox popover on click. Drop-in generic replacement for\na native `<select>` wherever consistent cross-browser styling and a\n`change` event carrying `{ value }` are wanted (e.g. a task's status\npicker).\n\nThe trigger fills its host's width (`justify-content: space-between`\npushes the chevron to the far edge), but the host itself stays\n`display: inline-block` — so usages that never size the host (a filter\nbar, a status picker) keep shrink-to-fit auto-width unchanged. To make an\ninstance full-width, size the host itself: `form-select { width: 100%; }`.\n\nSet `searchable` to replace the button trigger with an editable combobox\nthat filters the predefined options by case-insensitive label infix. Typed\ntext is only a query: `value` changes exclusively when an actual option is\nselected, and an uncommitted query is discarded when the list closes.\nEach option may also provide a pre-rendered `icon` and square `iconSize`;\niconless options reserve no leading space.",
+          "description": "A styled dropdown select: a trigger button showing the current option's\nlabel, opening a listbox popover on click. Drop-in generic replacement for\na native `<select>` wherever consistent cross-browser styling and a\n`change` event carrying `{ value }` are wanted (e.g. a task's status\npicker).\n\nThe trigger fills its host's width (`justify-content: space-between`\npushes the chevron to the far edge), and the host is `display: block`, so a\n`form-select` fills its container's width by default — matching the other\nform fields. To make an instance shrink to its content instead (e.g. in a\nfilter bar or a status picker), constrain the host:\n`form-select { display: inline-block; }` (or `width: fit-content`).\n\nSet `searchable` to replace the button trigger with an editable combobox\nthat filters the predefined options by case-insensitive label infix. Typed\ntext is only a query: `value` changes exclusively when an actual option is\nselected, and an uncommitted query is discarded when the list closes.\nEach option may also provide a pre-rendered `icon` and square `iconSize`;\niconless options reserve no leading space.",
           "name": "FormSelect",
           "members": [
             {
@@ -5557,6 +5557,30 @@
             "module": "./form-select.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "MultiSelect",
+          "declaration": {
+            "name": "MultiSelect",
+            "module": "./multi-select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MultiSelectOption",
+          "declaration": {
+            "name": "MultiSelectOption",
+            "module": "./multi-select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MultiSelectVariant",
+          "declaration": {
+            "name": "MultiSelectVariant",
+            "module": "./multi-select.js"
+          }
+        },
         {
           "kind": "js",
           "name": "DataTable",
@@ -5661,6 +5685,62 @@
             "module": "./calendar-year.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "KanbanBoard",
+          "declaration": {
+            "name": "KanbanBoard",
+            "module": "./kanban-board.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanCardData",
+          "declaration": {
+            "name": "KanbanCardData",
+            "module": "./kanban-board.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanColumnData",
+          "declaration": {
+            "name": "KanbanColumnData",
+            "module": "./kanban-board.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanCardMoveDetail",
+          "declaration": {
+            "name": "KanbanCardMoveDetail",
+            "module": "./kanban-board.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanCardOpenDetail",
+          "declaration": {
+            "name": "KanbanCardOpenDetail",
+            "module": "./kanban-board.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanColumn",
+          "declaration": {
+            "name": "KanbanColumn",
+            "module": "./kanban-column.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "KanbanCard",
+          "declaration": {
+            "name": "KanbanCard",
+            "module": "./kanban-card.js"
+          }
+        },
         {
           "kind": "js",
           "name": "formatDuration",
@@ -5713,475 +5793,2423 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/kbd-hint.ts",
+      "path": "src/kanban-board.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a keyboard shortcut as one boxed keycap per `+`-separated token.\nModifier keys are platform-aware: `Mod` becomes Command on macOS and\nControl elsewhere. Keycaps derive their presentation from `currentColor`,\nso the hint works inside neutral and accent-colored controls.",
-          "name": "KbdHint",
+          "description": "A configurable kanban board: a horizontally scrolling row of columns, each\nholding cards. **A card's column is its state** — moving a card to another\ncolumn (by drag-and-drop, keyboard, or the detail popover's state selector)\nchanges its state, and the board emits a single `card-move` for all three.\n\nData-driven: set the `columns` property to `KanbanColumnData[]`. The board\nkeeps its own working copy and mutates it optimistically on every move, so it\nworks standalone; re-assign `columns` at any time to stay controlled from a\nstore. Cards show only their ticket number and title in the overview; the\nfull detail (description, state, created/updated timestamps) opens in a\nscreen-centered `popover-panel`.\n\nPointer drag-and-drop supports both cross-column moves and within-column\nreordering with a live drop indicator (set `reorderable` false to keep only\ncross-column moves when intra-column order isn't persisted). Keyboard parity:\nfocus a card and press Space to pick it up, arrow keys to move it (left/right\nacross columns, up/down within a column), Space to drop, or Escape to cancel;\nEnter opens the detail. Moves are announced in a polite live region, and the\nmoved card briefly flashes a warm highlight so you can see where it landed.\n\nSet `manual` for a server-authoritative board (API + WebSocket/SSE): every\nmove still emits `card-move`, but the board does NOT apply it locally, so it\nreflects only what you assign to `columns` — e.g. the change echoed back over\nthe socket. The default is optimistic local updates.",
+          "name": "KanbanBoard",
           "members": [
             {
               "kind": "field",
-              "name": "keys",
+              "name": "columns",
               "type": {
-                "text": "string"
+                "text": "KanbanColumnData[]"
               },
-              "default": "\"\"",
-              "description": "Shortcut as case-insensitive, `+`-separated tokens, e.g. `\"Mod+Enter\"`.",
-              "attribute": "keys"
+              "default": "[]",
+              "description": "Columns (with their cards) to render, in display order."
             },
             {
               "kind": "field",
-              "name": "platform",
+              "name": "label",
               "type": {
-                "text": "KbdPlatform"
+                "text": "string"
               },
-              "default": "\"auto\"",
-              "description": "Platform override; `auto` detects macOS from the browser.",
-              "attribute": "platform"
+              "default": "\"Board\"",
+              "description": "Accessible label for the board's group role.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "isMac",
+              "name": "manual",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "description": "Whether modifier aliases should use macOS glyphs.",
-              "readonly": true
+              "default": "false",
+              "description": "Server-authoritative mode. When true, moves emit `card-move` but are not\napplied to the board locally; it reflects only what you assign to\n`columns` (e.g. echoed back over WebSocket/SSE), keeping the server as the\nsingle source of truth. Defaults to optimistic local updates.",
+              "attribute": "manual",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "parsedKeys",
+              "name": "reorderable",
               "type": {
-                "text": "KeyRender[]"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "description": "Parses the shortcut into visual/spoken key descriptors.",
-              "readonly": true
-            }
-          ],
-          "attributes": [
+              "default": "true",
+              "description": "Whether cards can be reordered within a column. Defaults to true. Set false\nwhen intra-column order isn't persisted (no server `rank`): drag and\nkeyboard still move cards *between* columns (appended to the target), but\nreordering inside a column is disabled, so the UI only offers what sticks.",
+              "attribute": "reorderable",
+              "reflects": true
+            },
             {
-              "name": "keys",
+              "kind": "field",
+              "name": "_cols",
               "type": {
-                "text": "string"
+                "text": "KanbanColumnData[]"
               },
-              "default": "\"\"",
-              "description": "Shortcut as case-insensitive, `+`-separated tokens, e.g. `\"Mod+Enter\"`.",
-              "fieldName": "keys"
+              "privacy": "private",
+              "default": "[]"
             },
             {
-              "name": "platform",
+              "kind": "field",
+              "name": "_openCardId",
               "type": {
-                "text": "KbdPlatform"
+                "text": "string | null"
               },
-              "default": "\"auto\"",
-              "description": "Platform override; `auto` detects macOS from the browser.",
-              "fieldName": "platform"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "kbd-hint",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "KbdHint",
-          "declaration": {
-            "name": "KbdHint",
-            "module": "src/kbd-hint.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "kbd-hint",
-          "declaration": {
-            "name": "KbdHint",
-            "module": "src/kbd-hint.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/live-timer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Per-second ticking count-up timer, e.g. a live \"running for 12s\" or\n\"Sleeping for 3 seconds\" indicator. Renders nothing while `since` is unset\nor unparseable.",
-          "name": "LiveTimer",
-          "members": [
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
-              "name": "since",
+              "name": "_drag",
               "type": {
-                "text": "string | null"
+                "text": "DragState | null"
               },
-              "default": "null",
-              "description": "ISO-8601 start instant; elapsed time is measured from here.",
-              "attribute": "since"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "format",
+              "name": "_pointer",
               "type": {
-                "text": "DurationFormat"
+                "text": "Indicator | null"
               },
-              "default": "\"seconds\"",
-              "description": "`\"seconds\"` -> \"1 second\", \"12 seconds\"; `\"compact\"` -> \"12s\", \"3m 12s\", \"1h 03m 12s\".",
-              "attribute": "format"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "prefix",
+              "name": "_grab",
               "type": {
-                "text": "string"
+                "text": "GrabState | null"
               },
-              "default": "\"\"",
-              "description": "Text rendered before the formatted value.",
-              "attribute": "prefix"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "suffix",
+              "name": "_liveMessage",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "Text rendered after the formatted value.",
-              "attribute": "suffix"
+              "privacy": "private",
+              "default": "\"\""
             },
             {
               "kind": "field",
-              "name": "_now",
-              "privacy": "private"
+              "name": "_highlighted",
+              "privacy": "private",
+              "default": "new Set<string>()"
             },
             {
               "kind": "field",
-              "name": "_timer",
+              "name": "#refocus",
+              "privacy": "private",
               "type": {
-                "text": "ReturnType<typeof setInterval> | null"
+                "text": "string | null"
               },
-              "privacy": "private",
               "default": "null"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "since",
+              "kind": "field",
+              "name": "#pendingHighlight",
+              "privacy": "private",
               "type": {
                 "text": "string | null"
               },
-              "default": "null",
-              "description": "ISO-8601 start instant; elapsed time is measured from here.",
-              "fieldName": "since"
+              "default": "null"
             },
             {
-              "name": "format",
-              "type": {
-                "text": "DurationFormat"
+              "kind": "field",
+              "name": "#highlightTimers",
+              "privacy": "private",
+              "default": "new Map<string, ReturnType<typeof setTimeout>>()"
+            },
+            {
+              "kind": "method",
+              "name": "#findCard",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{ card: KanbanCardData; column: KanbanColumnData; index: number } | null"
+                }
               },
-              "default": "\"seconds\"",
-              "description": "`\"seconds\"` -> \"1 second\", \"12 seconds\"; `\"compact\"` -> \"12s\", \"3m 12s\", \"1h 03m 12s\".",
-              "fieldName": "format"
+              "parameters": [
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Returns the card, its column, and index for a card id, or null if unknown."
             },
             {
-              "name": "prefix",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "#columnCount",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "\"\"",
-              "description": "Text rendered before the formatted value.",
-              "fieldName": "prefix"
+              "parameters": [
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Number of cards currently in a column (0 if unknown)."
             },
             {
-              "name": "suffix",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "#highlight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "\"\"",
-              "description": "Text rendered after the formatted value.",
-              "fieldName": "suffix"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "live-timer",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LiveTimer",
-          "declaration": {
+              "parameters": [
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Flashes the warm \"just moved\" highlight on a card, clearing it after HIGHLIGHT_MS."
+            },
+            {
+              "kind": "method",
+              "name": "#move",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fromColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "toColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "toIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Applies a move to the working copy and emits `card-move`. `toIndex` is the destination index after removal."
+            },
+            {
+              "kind": "method",
+              "name": "#toDestIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "fromColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "originIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "toColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "domIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Converts a DOM insertion index (which counts the moving card) into a destination index after removal."
+            },
+            {
+              "kind": "method",
+              "name": "#pointerIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "clientY",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Computes the DOM insertion index within a column from the pointer's vertical position."
+            },
+            {
+              "kind": "method",
+              "name": "#onDragStart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onDragOver",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onDrop",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onDragEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onCardKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#startGrab",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "columnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#grabMove",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "columnDelta",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "indexDelta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#commitGrab",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#cancelGrab",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#announce",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#openDetail",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#closeDetail",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onStateChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "cardId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fromColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "toColumnId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#renderColumn",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "KanbanColumnData"
+                  }
+                },
+                {
+                  "name": "indicator",
+                  "type": {
+                    "text": "Indicator | null"
+                  }
+                },
+                {
+                  "name": "dragCardId",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#renderDetail",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "card-move",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "A card changed column/position; detail: { cardId, fromColumnId, toColumnId, toIndex }."
+            },
+            {
+              "name": "card-open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "A card's detail view was opened; detail: { cardId }."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Board\"",
+              "description": "Accessible label for the board's group role.",
+              "fieldName": "label"
+            },
+            {
+              "name": "manual",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Server-authoritative mode. When true, moves emit `card-move` but are not\napplied to the board locally; it reflects only what you assign to\n`columns` (e.g. echoed back over WebSocket/SSE), keeping the server as the\nsingle source of truth. Defaults to optimistic local updates.",
+              "fieldName": "manual"
+            },
+            {
+              "name": "reorderable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether cards can be reordered within a column. Defaults to true. Set false\nwhen intra-column order isn't persisted (no server `rank`): drag and\nkeyboard still move cards *between* columns (appended to the target), but\nreordering inside a column is disabled, so the UI only offers what sticks.",
+              "fieldName": "reorderable"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kanban-board",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KanbanBoard",
+          "declaration": {
+            "name": "KanbanBoard",
+            "module": "src/kanban-board.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kanban-board",
+          "declaration": {
+            "name": "KanbanBoard",
+            "module": "src/kanban-board.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/kanban-card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A single kanban card's compact overview: its ticket number and title only.\nPurely presentational and metadata-only — it is created and driven by\n`kanban-board`, which owns drag-and-drop, selection, and the richer detail\nview (description, state, and timestamps live in the board's popover, not\nhere). The board sets `draggable`, toggles the `dragging`/`grabbed`\nattributes for pointer and keyboard moves, and binds the open/keyboard\nhandlers; focus is delegated to the inner control so the board can move\nkeyboard focus to a card after a move.",
+          "name": "KanbanCard",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "ticket",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Ticket identifier shown before the title, e.g. `\"PROJ-142\"`.",
+              "attribute": "ticket"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Card title shown in the overview.",
+              "attribute": "heading"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "ticket",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Ticket identifier shown before the title, e.g. `\"PROJ-142\"`.",
+              "fieldName": "ticket"
+            },
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Card title shown in the overview.",
+              "fieldName": "heading"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kanban-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KanbanCard",
+          "declaration": {
+            "name": "KanbanCard",
+            "module": "src/kanban-card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kanban-card",
+          "declaration": {
+            "name": "KanbanCard",
+            "module": "src/kanban-card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/kanban-column.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A single kanban column: a titled, vertically scrollable region that holds\nits `kanban-card` children (its default `<slot>`), with a header showing the\ncolumn title and card count. Purely presentational and metadata-only —\n`kanban-board` creates it, positions the cards inside it, and drives the\ndrop-target highlight via the reflected `dragover` attribute and the empty\nhint via `empty`.",
+          "name": "KanbanColumn",
+          "slots": [
+            {
+              "description": "The column's `kanban-card` elements, in display order.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Column title shown in the header.",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "count",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of cards in the column, shown as a count badge.",
+              "attribute": "count"
+            },
+            {
+              "kind": "field",
+              "name": "dragover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set by the board while a card is dragged over this column, for highlight.",
+              "attribute": "dragover",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the column currently has no cards, so it renders an empty hint.",
+              "attribute": "empty",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Column title shown in the header.",
+              "fieldName": "heading"
+            },
+            {
+              "name": "count",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of cards in the column, shown as a count badge.",
+              "fieldName": "count"
+            },
+            {
+              "name": "dragover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set by the board while a card is dragged over this column, for highlight.",
+              "fieldName": "dragover"
+            },
+            {
+              "name": "empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the column currently has no cards, so it renders an empty hint.",
+              "fieldName": "empty"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kanban-column",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KanbanColumn",
+          "declaration": {
+            "name": "KanbanColumn",
+            "module": "src/kanban-column.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kanban-column",
+          "declaration": {
+            "name": "KanbanColumn",
+            "module": "src/kanban-column.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/kbd-hint.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Renders a keyboard shortcut as one boxed keycap per `+`-separated token.\nModifier keys are platform-aware: `Mod` becomes Command on macOS and\nControl elsewhere. Keycaps derive their presentation from `currentColor`,\nso the hint works inside neutral and accent-colored controls.",
+          "name": "KbdHint",
+          "members": [
+            {
+              "kind": "field",
+              "name": "keys",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Shortcut as case-insensitive, `+`-separated tokens, e.g. `\"Mod+Enter\"`.",
+              "attribute": "keys"
+            },
+            {
+              "kind": "field",
+              "name": "platform",
+              "type": {
+                "text": "KbdPlatform"
+              },
+              "default": "\"auto\"",
+              "description": "Platform override; `auto` detects macOS from the browser.",
+              "attribute": "platform"
+            },
+            {
+              "kind": "field",
+              "name": "isMac",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether modifier aliases should use macOS glyphs.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "parsedKeys",
+              "type": {
+                "text": "KeyRender[]"
+              },
+              "privacy": "private",
+              "description": "Parses the shortcut into visual/spoken key descriptors.",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "keys",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Shortcut as case-insensitive, `+`-separated tokens, e.g. `\"Mod+Enter\"`.",
+              "fieldName": "keys"
+            },
+            {
+              "name": "platform",
+              "type": {
+                "text": "KbdPlatform"
+              },
+              "default": "\"auto\"",
+              "description": "Platform override; `auto` detects macOS from the browser.",
+              "fieldName": "platform"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "kbd-hint",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KbdHint",
+          "declaration": {
+            "name": "KbdHint",
+            "module": "src/kbd-hint.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "kbd-hint",
+          "declaration": {
+            "name": "KbdHint",
+            "module": "src/kbd-hint.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/live-timer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Per-second ticking count-up timer, e.g. a live \"running for 12s\" or\n\"Sleeping for 3 seconds\" indicator. Renders nothing while `since` is unset\nor unparseable.",
+          "name": "LiveTimer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "since",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ISO-8601 start instant; elapsed time is measured from here.",
+              "attribute": "since"
+            },
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "DurationFormat"
+              },
+              "default": "\"seconds\"",
+              "description": "`\"seconds\"` -> \"1 second\", \"12 seconds\"; `\"compact\"` -> \"12s\", \"3m 12s\", \"1h 03m 12s\".",
+              "attribute": "format"
+            },
+            {
+              "kind": "field",
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text rendered before the formatted value.",
+              "attribute": "prefix"
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text rendered after the formatted value.",
+              "attribute": "suffix"
+            },
+            {
+              "kind": "field",
+              "name": "_now",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_timer",
+              "type": {
+                "text": "ReturnType<typeof setInterval> | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "since",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ISO-8601 start instant; elapsed time is measured from here.",
+              "fieldName": "since"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "DurationFormat"
+              },
+              "default": "\"seconds\"",
+              "description": "`\"seconds\"` -> \"1 second\", \"12 seconds\"; `\"compact\"` -> \"12s\", \"3m 12s\", \"1h 03m 12s\".",
+              "fieldName": "format"
+            },
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text rendered before the formatted value.",
+              "fieldName": "prefix"
+            },
+            {
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text rendered after the formatted value.",
+              "fieldName": "suffix"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "live-timer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LiveTimer",
+          "declaration": {
+            "name": "LiveTimer",
+            "module": "src/live-timer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "live-timer",
+          "declaration": {
             "name": "LiveTimer",
             "module": "src/live-timer.ts"
           }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/map-circle.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A plain circular map marker: a light-to-dark gradient fill with a white\nouter ring, no point/tail (unlike `<map-pin>`) — for markers that don't\nneed to visually \"point\" at their exact coordinate. Purely a visual\nprimitive — it has no `mapbox-gl` (or any mapping library) dependency;\nthe consumer positions it, e.g. via `new mapboxgl.Marker({ element: el })`.\nIt can also replace the former `<map-point>` dense-layer primitive: use\n`size=\"14\" ring-width=\"3\"`, leave the slot empty, and rasterize one marker\nper color for use as a map `icon-image`.",
+          "name": "MapCircle",
+          "slots": [
+            {
+              "description": "Optional badge content shown centered on the circle — a rank number, an emoji, a small icon.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"#4f46e5\"",
+              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "18",
+              "description": "Diameter, in CSS pixels.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "ringWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
+              "attribute": "ring-width"
+            },
+            {
+              "kind": "field",
+              "name": "highlighted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Scales and glows the circle — a generic emphasis state (e.g. hover, selection).",
+              "attribute": "highlighted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_gradId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`map-circle-grad-${gradientIdCounter++}`"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"#4f46e5\"",
+              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
+              "fieldName": "color"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "18",
+              "description": "Diameter, in CSS pixels.",
+              "fieldName": "size"
+            },
+            {
+              "name": "ring-width",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
+              "fieldName": "ringWidth"
+            },
+            {
+              "name": "highlighted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Scales and glows the circle — a generic emphasis state (e.g. hover, selection).",
+              "fieldName": "highlighted"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "map-circle",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MapCircle",
+          "declaration": {
+            "name": "MapCircle",
+            "module": "src/map-circle.ts"
+          }
         },
         {
           "kind": "custom-element-definition",
-          "name": "live-timer",
+          "name": "map-circle",
           "declaration": {
-            "name": "LiveTimer",
-            "module": "src/live-timer.ts"
+            "name": "MapCircle",
+            "module": "src/map-circle.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/map-circle.ts",
+      "path": "src/map-pin.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A plain circular map marker: a light-to-dark gradient fill with a white\nouter ring, no point/tail (unlike `<map-pin>`) — for markers that don't\nneed to visually \"point\" at their exact coordinate. Purely a visual\nprimitive — it has no `mapbox-gl` (or any mapping library) dependency;\nthe consumer positions it, e.g. via `new mapboxgl.Marker({ element: el })`.\nIt can also replace the former `<map-point>` dense-layer primitive: use\n`size=\"14\" ring-width=\"3\"`, leave the slot empty, and rasterize one marker\nper color for use as a map `icon-image`.",
-          "name": "MapCircle",
+          "description": "A circular \"Apple Maps\"-style map pin: a light-to-dark gradient fill with\na slight point at the bottom. Purely a visual primitive — it has no\n`mapbox-gl` (or any mapping library) dependency; the consumer positions\nit, e.g. via `new mapboxgl.Marker({ element: pinEl })`.",
+          "name": "MapPin",
           "slots": [
             {
-              "description": "Optional badge content shown centered on the circle — a rank number, an emoji, a small icon.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "description": "Badge content shown centered on the pin's circular head — a rank number, an emoji, a small icon.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"#4f46e5\"",
+              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "32",
+              "description": "Diameter of the circular head, in CSS pixels.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "highlighted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
+              "attribute": "highlighted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_gradId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`map-pin-grad-${gradientIdCounter++}`"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"#4f46e5\"",
+              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
+              "fieldName": "color"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "32",
+              "description": "Diameter of the circular head, in CSS pixels.",
+              "fieldName": "size"
+            },
+            {
+              "name": "highlighted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
+              "fieldName": "highlighted"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "map-pin",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MapPin",
+          "declaration": {
+            "name": "MapPin",
+            "module": "src/map-pin.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "map-pin",
+          "declaration": {
+            "name": "MapPin",
+            "module": "src/map-pin.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/mcp-server.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/multi-select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A form-associated multi-select: a trigger showing a compact summary of the\ncurrent selection, opening a multi-selectable listbox popover, with an\noptional removable-chip list of the chosen values. A drop-in generic\nreplacement for a native `<select multiple>` — set `name` on the element\nitself and each\nselected value is submitted as a repeated `name=value` entry, matching native\nmultiple-select semantics; `new FormData(form).getAll(name)` and\n`form.reset()` work unchanged.\n\nThe trigger visually follows `form-select`: a `2rem` field showing the\n`placeholder` when empty, the single selected label when one value is chosen,\nand `N selected` when several are. Set `show-chips` to additionally render\nthe selected values as compact chips below the trigger, each with an\naccessible `32px` remove control; chips are off by default and the region\nreserves no space while nothing is selected. Like `form-select`, the host is\n`display: block` and fills its container by default; constrain the host\n(`multi-select { display: inline-block; }`) to shrink it to its content\ninstead.\n\nSet `searchable` to replace the button trigger with an editable combobox that\ninfix-filters the predefined options by case-insensitive label. Typed text is\nonly a query: `values` changes exclusively when options are toggled, and an\nuncommitted query is discarded when the list closes.\n\nThe `variant` chooses between two presentations, and `searchable` applies to\nboth:\n\n- `\"dropdown\"` (default) is the popover form described above: a compact\n  trigger (button, or search combobox when `searchable`) that opens a\n  multi-selectable listbox on demand, closes on outside click / Escape, and\n  shows a chevron.\n- `\"list\"` renders the options as a persistently visible, bordered surface\n  with no popover, no chevron, and no `open` host state; it never registers\n  outside-click listeners. Its scroll viewport is sized to roughly\n  `visibleRows` `2rem` rows (see `visible-rows`). When not `searchable` the\n  `listbox` itself is focusable and drives Arrow/Home/End/Enter/Space keyboard\n  navigation via `aria-activedescendant`; when `searchable` a `2rem` search\n  field sits above the list and owns navigation, and Escape only clears the\n  query instead of hiding the list.",
+          "name": "MultiSelect",
+          "members": [
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "MultiSelectOption[]"
+              },
+              "default": "[]",
+              "description": "The full list of selectable options."
+            },
+            {
+              "kind": "field",
+              "name": "values",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The currently selected values. Programmatic assignments are deduplicated\nwhile preserving order and never fire `change`."
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Form control name; each selected value submits under it.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Accessible label applied to the trigger.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Select options\"",
+              "description": "Text shown on the trigger when nothing is selected.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the whole control, preventing the popover from opening.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the control as required for native form validation.",
+              "attribute": "required"
+            },
+            {
+              "kind": "field",
+              "name": "searchable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables editable, case-insensitive infix filtering by option label.\nTyped text never becomes a selected value.",
+              "attribute": "searchable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Maximum number of selectable values; `0` (default) means unlimited.",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "MultiSelectVariant"
+              },
+              "default": "\"dropdown\"",
+              "description": "Presentation variant. `\"dropdown\"` (default) opens a popover listbox;\n`\"list\"` renders a persistently visible, bordered list surface. Reflected\nso consumers can style by `[variant=\"list\"]`.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visibleRows",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "description": "Number of `2rem` rows the `list` variant's scroll viewport shows before it\nscrolls, mirroring a native `<select size>`. Normalized to an integer of at\nleast `1` (default `5`); ignored by the `dropdown` variant.",
+              "attribute": "visible-rows"
+            },
+            {
+              "kind": "field",
+              "name": "showChips",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the selected values are also rendered as removable chips below\nthe trigger, each with an accessible `32px` remove control. Off by default:\nthe trigger already summarizes the selection, and values can be toggled off\nin the listbox. Applies to both variants.",
+              "attribute": "show-chips"
+            },
+            {
+              "kind": "field",
+              "name": "_open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_activeIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
+            },
+            {
+              "kind": "field",
+              "name": "_query",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_formDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#defaultValues",
+              "privacy": "private",
+              "type": {
+                "text": "string[] | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#listboxPointerDown",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#suppressNextBlur",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#restoringSearchFocus",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#searchSelection",
+              "privacy": "private",
+              "type": {
+                "text": "[number | null, number | null] | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#isComposing",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#compositionJustEnded",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#compositionEndTimer",
+              "privacy": "private",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#blurTimer",
+              "privacy": "private",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#listboxId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`multi-select-listbox-${++instanceCount}`"
+            },
+            {
+              "kind": "field",
+              "name": "#isDisabled",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the host or an ancestor fieldset currently disables the control.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#rows",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              },
+              "description": "`visibleRows` normalized to a whole number of rows, at least `1`.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Restores the selection captured at first render, per the form contract."
+            },
+            {
+              "kind": "method",
+              "name": "formDisabledCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Mirrors an ancestor fieldset's disabled state and closes the popover."
+            },
+            {
+              "kind": "method",
+              "name": "formStateRestoreCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "string | File | FormData | null"
+                  }
+                }
+              ],
+              "description": "Restores the selection from the saved form state on navigation/autofill."
+            },
+            {
+              "kind": "method",
+              "name": "#syncFormValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncValidity",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#anchorElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#dedupe",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "values",
+                  "type": {
+                    "text": "readonly string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#optionByValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "MultiSelectOption | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "First option matching `value`, so duplicate values resolve deterministically."
+            },
+            {
+              "kind": "method",
+              "name": "#labelFor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#summaryText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#liveText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#visibleOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "MultiSelectOption[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#atCap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Whether `value` is currently at the selection cap and cannot be added."
+            },
+            {
+              "kind": "method",
+              "name": "#isOptionDisabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiSelectOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#toggleOption",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiSelectOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#removeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#commit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#onWindowMousedown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#toggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#open",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#close",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#initialActiveIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#moveActive",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#toggleActive",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "#onTriggerKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchMousedown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onListFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Seeds the active option when the persistent (non-searchable) list focuses."
+            },
+            {
+              "kind": "method",
+              "name": "#onListKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Keyboard navigation for the focusable, non-searchable persistent list."
+            },
+            {
+              "kind": "method",
+              "name": "#onListSearchInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ],
+              "description": "Infix-filters the persistent list as the searchable-list query changes."
+            },
+            {
+              "kind": "method",
+              "name": "#onListSearchKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Keyboard navigation for the search field above a searchable persistent list."
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onSearchBlur",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#focusSearchInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onCompositionStart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onCompositionEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onListboxMousedown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onOptionMousedown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "attribute": "color"
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiSelectOption"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "#optionIconSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "18",
-              "description": "Diameter, in CSS pixels.",
-              "attribute": "size"
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiSelectOption"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "ringWidth",
-              "type": {
-                "text": "number"
-              },
-              "default": "4",
-              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
-              "attribute": "ring-width"
+              "kind": "method",
+              "name": "#renderOptionIcon",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "MultiSelectOption"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "highlighted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Scales and glows the circle — a generic emphasis state (e.g. hover, selection).",
-              "attribute": "highlighted",
-              "reflects": true
+              "kind": "method",
+              "name": "renderOptionItems",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "MultiSelectOption[]"
+                  }
+                }
+              ],
+              "description": "The shared `<li role=\"option\">` items for both variants' listboxes."
             },
             {
-              "kind": "field",
-              "name": "_gradId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`map-circle-grad-${gradientIdCounter++}`"
+              "kind": "method",
+              "name": "renderListbox",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderChips",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderSearchTrigger",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderButtonTrigger",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderListSearch",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderPersistentList",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderListVariant",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired with `{ values: string[] }` (a copied array) when a value is added or removed through the UI. Programmatic `values` assignments do not fire it."
             }
           ],
           "attributes": [
             {
-              "name": "color",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "fieldName": "color"
+              "default": "\"\"",
+              "description": "Form control name; each selected value submits under it.",
+              "fieldName": "name"
             },
             {
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "18",
-              "description": "Diameter, in CSS pixels.",
-              "fieldName": "size"
+              "default": "\"\"",
+              "description": "Accessible label applied to the trigger.",
+              "fieldName": "label"
             },
             {
-              "name": "ring-width",
+              "name": "placeholder",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "4",
-              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
-              "fieldName": "ringWidth"
+              "default": "\"Select options\"",
+              "description": "Text shown on the trigger when nothing is selected.",
+              "fieldName": "placeholder"
             },
             {
-              "name": "highlighted",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Scales and glows the circle — a generic emphasis state (e.g. hover, selection).",
-              "fieldName": "highlighted"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "map-circle",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MapCircle",
-          "declaration": {
-            "name": "MapCircle",
-            "module": "src/map-circle.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "map-circle",
-          "declaration": {
-            "name": "MapCircle",
-            "module": "src/map-circle.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/map-pin.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A circular \"Apple Maps\"-style map pin: a light-to-dark gradient fill with\na slight point at the bottom. Purely a visual primitive — it has no\n`mapbox-gl` (or any mapping library) dependency; the consumer positions\nit, e.g. via `new mapboxgl.Marker({ element: pinEl })`.",
-          "name": "MapPin",
-          "slots": [
-            {
-              "description": "Badge content shown centered on the pin's circular head — a rank number, an emoji, a small icon.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "attribute": "color"
+              "description": "Disables the whole control, preventing the popover from opening.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "32",
-              "description": "Diameter of the circular head, in CSS pixels.",
-              "attribute": "size"
+              "default": "false",
+              "description": "Marks the control as required for native form validation.",
+              "fieldName": "required"
             },
             {
-              "kind": "field",
-              "name": "highlighted",
+              "name": "searchable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
-              "attribute": "highlighted",
-              "reflects": true
+              "description": "Enables editable, case-insensitive infix filtering by option label.\nTyped text never becomes a selected value.",
+              "fieldName": "searchable"
             },
             {
-              "kind": "field",
-              "name": "_gradId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`map-pin-grad-${gradientIdCounter++}`"
-            }
-          ],
-          "attributes": [
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Maximum number of selectable values; `0` (default) means unlimited.",
+              "fieldName": "max"
+            },
             {
-              "name": "color",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "MultiSelectVariant"
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "fieldName": "color"
+              "default": "\"dropdown\"",
+              "description": "Presentation variant. `\"dropdown\"` (default) opens a popover listbox;\n`\"list\"` renders a persistently visible, bordered list surface. Reflected\nso consumers can style by `[variant=\"list\"]`.",
+              "fieldName": "variant"
             },
             {
-              "name": "size",
+              "name": "visible-rows",
               "type": {
                 "text": "number"
               },
-              "default": "32",
-              "description": "Diameter of the circular head, in CSS pixels.",
-              "fieldName": "size"
+              "default": "5",
+              "description": "Number of `2rem` rows the `list` variant's scroll viewport shows before it\nscrolls, mirroring a native `<select size>`. Normalized to an integer of at\nleast `1` (default `5`); ignored by the `dropdown` variant.",
+              "fieldName": "visibleRows"
             },
             {
-              "name": "highlighted",
+              "name": "show-chips",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
-              "fieldName": "highlighted"
+              "description": "When true, the selected values are also rendered as removable chips below\nthe trigger, each with an accessible `32px` remove control. Off by default:\nthe trigger already summarizes the selection, and values can be toggled off\nin the listbox. Applies to both variants.",
+              "fieldName": "showChips"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "map-pin",
+          "tagName": "multi-select",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MapPin",
+          "name": "MultiSelect",
           "declaration": {
-            "name": "MapPin",
-            "module": "src/map-pin.ts"
+            "name": "MultiSelect",
+            "module": "src/multi-select.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "map-pin",
+          "name": "multi-select",
           "declaration": {
-            "name": "MapPin",
-            "module": "src/map-pin.ts"
+            "name": "MultiSelect",
+            "module": "src/multi-select.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/mcp-server.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/percent-bar-chart.ts",
@@ -8388,7 +10416,7 @@
           "type": {
             "text": "Record<string, string>"
           },
-          "default": "{ // Colors \"--ui-primary\": \"#4f46e5\", // indigo-600 \"--ui-primary-hover\": \"#4338ca\", // indigo-700 \"--ui-info\": \"#0ea5e9\", // sky-500 \"--ui-info-hover\": \"#0284c7\", // sky-600 \"--ui-danger\": \"#dc2626\", // red-600 \"--ui-danger-hover\": \"#b91c1c\", // red-700 \"--ui-success\": \"#16a34a\", // green-600 \"--ui-warning\": \"#d97706\", // amber-600 \"--ui-warning-hover\": \"#b45309\", // amber-700 \"--ui-on-accent\": \"#ffffff\", \"--ui-text\": \"#0f172a\", // slate-900 \"--ui-text-muted\": \"#64748b\", // slate-500 \"--ui-border\": \"#e2e8f0\", // slate-200 \"--ui-surface\": \"#ffffff\", // white \"--ui-surface-muted\": \"#f8fafc\", // slate-50 \"--ui-tooltip\": \"#0f172a\", // slate-900 \"--ui-hover-overlay\": \"rgb(255 255 255 / 0.32)\", \"--ui-overlay\": \"rgb(15 23 42 / 0.45)\", // slate-900 / 45% // Shape / depth \"--ui-radius\": \"0.5rem\", // rounded-lg \"--ui-radius-sm\": \"0.25rem\", // rounded \"--ui-shadow\": \"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)\", // shadow-md \"--ui-shadow-lg\": \"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)\", // shadow-xl \"--ui-focus-ring\": \"0 0 0 3px rgb(79 70 229 / 0.35)\", // Type \"--ui-font\": 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"', \"--ui-font-mono\": \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\", \"--ui-font-size-lg\": \"1rem\", // text-base \"--ui-font-size\": \"0.875rem\", // text-sm \"--ui-font-size-sm\": \"0.75rem\", // text-xs \"--ui-font-size-xs\": \"0.6875rem\", // Font weights — the only four weights the system uses. \"--ui-font-weight-regular\": \"400\", \"--ui-font-weight-medium\": \"500\", \"--ui-font-weight-semibold\": \"600\", \"--ui-font-weight-bold\": \"700\", // Line heights — glyph (icon/marker box), tight (headings), normal (body). \"--ui-line-height-glyph\": \"1\", \"--ui-line-height-tight\": \"1.25\", \"--ui-line-height-normal\": \"1.5\", // Letter spacing / tracking — default and the single widened step. \"--ui-tracking-normal\": \"0\", \"--ui-tracking-wide\": \"0.04em\", }",
+          "default": "{ // Colors \"--ui-primary\": \"#4f46e5\", // indigo-600 \"--ui-primary-hover\": \"#4338ca\", // indigo-700 \"--ui-info\": \"#0ea5e9\", // sky-500 \"--ui-info-hover\": \"#0284c7\", // sky-600 \"--ui-danger\": \"#dc2626\", // red-600 \"--ui-danger-hover\": \"#b91c1c\", // red-700 \"--ui-success\": \"#16a34a\", // green-600 \"--ui-warning\": \"#d97706\", // amber-600 \"--ui-warning-hover\": \"#b45309\", // amber-700 \"--ui-on-accent\": \"#ffffff\", \"--ui-text\": \"#0f172a\", // slate-900 \"--ui-text-muted\": \"#64748b\", // slate-500 \"--ui-border\": \"#e2e8f0\", // slate-200 \"--ui-surface\": \"#ffffff\", // white \"--ui-surface-muted\": \"#f8fafc\", // slate-50 \"--ui-highlight\": \"#fde68a\", // amber-200 — transient \"just changed\" flash \"--ui-tooltip\": \"#0f172a\", // slate-900 \"--ui-hover-overlay\": \"rgb(255 255 255 / 0.32)\", \"--ui-overlay\": \"rgb(15 23 42 / 0.45)\", // slate-900 / 45% // Shape / depth \"--ui-radius\": \"0.5rem\", // rounded-lg \"--ui-radius-sm\": \"0.25rem\", // rounded \"--ui-shadow\": \"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)\", // shadow-md \"--ui-shadow-lg\": \"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)\", // shadow-xl \"--ui-focus-ring\": \"0 0 0 3px rgb(79 70 229 / 0.35)\", // Type \"--ui-font\": 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"', \"--ui-font-mono\": \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\", \"--ui-font-size-lg\": \"1rem\", // text-base \"--ui-font-size\": \"0.875rem\", // text-sm \"--ui-font-size-sm\": \"0.75rem\", // text-xs \"--ui-font-size-xs\": \"0.6875rem\", // Font weights — the only four weights the system uses. \"--ui-font-weight-regular\": \"400\", \"--ui-font-weight-medium\": \"500\", \"--ui-font-weight-semibold\": \"600\", \"--ui-font-weight-bold\": \"700\", // Line heights — glyph (icon/marker box), tight (headings), normal (body). \"--ui-line-height-glyph\": \"1\", \"--ui-line-height-tight\": \"1.25\", \"--ui-line-height-normal\": \"1.5\", // Letter spacing / tracking — default and the single widened step. \"--ui-tracking-normal\": \"0\", \"--ui-tracking-wide\": \"0.04em\", }",
           "description": "Design token values, sourced from Tailwind v4's default theme palette.\nEach entry maps a `--ui-*` custom property name to its default value.\nThese are the same values baked in as `var(--ui-*, <fallback>)` fallbacks\nthroughout component styles, so components render correctly with zero\nexternal CSS. Consumers may override any of these by setting the custom\nproperty on `:root` or an ancestor element (see `tokens.css`)."
         },
         {
@@ -8397,7 +10425,7 @@
           "type": {
             "text": "Record<string, string>"
           },
-          "default": "{ \"--ui-primary\": \"#6366f1\", // indigo-500 \"--ui-primary-hover\": \"#818cf8\", // indigo-400 \"--ui-info\": \"#38bdf8\", // sky-400 \"--ui-info-hover\": \"#7dd3fc\", // sky-300 \"--ui-danger\": \"#ef4444\", // red-500 \"--ui-danger-hover\": \"#f87171\", // red-400 \"--ui-success\": \"#22c55e\", // green-500 \"--ui-warning\": \"#f59e0b\", // amber-500 \"--ui-warning-hover\": \"#fbbf24\", // amber-400 \"--ui-on-accent\": \"#ffffff\", \"--ui-text\": \"#f1f5f9\", // slate-100 \"--ui-text-muted\": \"#94a3b8\", // slate-400 \"--ui-border\": \"#334155\", // slate-700 \"--ui-surface\": \"#0f172a\", // slate-900 \"--ui-surface-muted\": \"#1e293b\", // slate-800 \"--ui-tooltip\": \"#020617\", // slate-950 \"--ui-hover-overlay\": \"rgb(255 255 255 / 0.12)\", \"--ui-overlay\": \"rgb(2 6 23 / 0.6)\", // slate-950 / 60% \"--ui-focus-ring\": \"0 0 0 3px rgb(99 102 241 / 0.45)\", }",
+          "default": "{ \"--ui-primary\": \"#6366f1\", // indigo-500 \"--ui-primary-hover\": \"#818cf8\", // indigo-400 \"--ui-info\": \"#38bdf8\", // sky-400 \"--ui-info-hover\": \"#7dd3fc\", // sky-300 \"--ui-danger\": \"#ef4444\", // red-500 \"--ui-danger-hover\": \"#f87171\", // red-400 \"--ui-success\": \"#22c55e\", // green-500 \"--ui-warning\": \"#f59e0b\", // amber-500 \"--ui-warning-hover\": \"#fbbf24\", // amber-400 \"--ui-on-accent\": \"#ffffff\", \"--ui-text\": \"#f1f5f9\", // slate-100 \"--ui-text-muted\": \"#94a3b8\", // slate-400 \"--ui-border\": \"#334155\", // slate-700 \"--ui-surface\": \"#0f172a\", // slate-900 \"--ui-surface-muted\": \"#1e293b\", // slate-800 \"--ui-highlight\": \"#854d0e\", // amber-800 — transient \"just changed\" flash on dark \"--ui-tooltip\": \"#020617\", // slate-950 \"--ui-hover-overlay\": \"rgb(255 255 255 / 0.12)\", \"--ui-overlay\": \"rgb(2 6 23 / 0.6)\", // slate-950 / 60% \"--ui-focus-ring\": \"0 0 0 3px rgb(99 102 241 / 0.45)\", }",
           "description": "Dark-mode overrides for the same `--ui-*` custom properties, applied by\n`tokens.css` via `@media (prefers-color-scheme: dark)` and `[data-theme]`\n(see generate-tokens-css.mjs). Same Tailwind slate scale as the light\npalette, inverted, with primary/danger/success lightened one step (500\ninstead of 600) for sufficient contrast against dark surfaces. Shape/type\ntokens are theme-independent and not repeated here."
         },
         {