@f-ewald/components 0.5.0 → 0.6.0

package/custom-elements.json

@@ -1164,6 +1164,201 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/chat-message.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "One conversation entry in a chat-style activity feed. Tool calls and\n\"thinking\" traces are variants of this component rather than separate\nones — they share the same header, collapse behavior, and body card as a\nnormal message, just dimmed and collapsible with an always-visible summary.",
+          "name": "ChatMessage",
+          "slots": [
+            {
+              "description": "Message body (consumers slot in already-rendered content, e.g. sanitized markdown HTML).",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ChatMessageRole"
+              },
+              "default": "\"agent\"",
+              "description": "Whose message this is; drives the card background/border.",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ChatMessageVariant"
+              },
+              "default": "\"normal\"",
+              "description": "`tool`/`thinking` render dimmed and smaller, with `tool` using monospace for its body.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "author",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Header label, e.g. \"Freddy\" or \"Architect\".",
+              "attribute": "author"
+            },
+            {
+              "kind": "field",
+              "name": "timestamp",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ISO-8601 timestamp, rendered via `relative-time` in the header.",
+              "attribute": "timestamp"
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Always-visible one-liner for `tool`/`thinking` variants (e.g. a truncated args preview).",
+              "attribute": "summary"
+            },
+            {
+              "kind": "field",
+              "name": "collapsible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether clicking the header/summary toggles the body slot.",
+              "attribute": "collapsible"
+            },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Current collapse state (reflected as an attribute).",
+              "attribute": "collapsed",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_toggle",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired with `{ collapsed: boolean }` when the header/summary is clicked in collapsible mode."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "role",
+              "type": {
+                "text": "ChatMessageRole"
+              },
+              "default": "\"agent\"",
+              "description": "Whose message this is; drives the card background/border.",
+              "fieldName": "role"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ChatMessageVariant"
+              },
+              "default": "\"normal\"",
+              "description": "`tool`/`thinking` render dimmed and smaller, with `tool` using monospace for its body.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "author",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Header label, e.g. \"Freddy\" or \"Architect\".",
+              "fieldName": "author"
+            },
+            {
+              "name": "timestamp",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "ISO-8601 timestamp, rendered via `relative-time` in the header.",
+              "fieldName": "timestamp"
+            },
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Always-visible one-liner for `tool`/`thinking` variants (e.g. a truncated args preview).",
+              "fieldName": "summary"
+            },
+            {
+              "name": "collapsible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether clicking the header/summary toggles the body slot.",
+              "fieldName": "collapsible"
+            },
+            {
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Current collapse state (reflected as an attribute).",
+              "fieldName": "collapsed"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "chat-message",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChatMessage",
+          "declaration": {
+            "name": "ChatMessage",
+            "module": "src/chat-message.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "chat-message",
+          "declaration": {
+            "name": "ChatMessage",
+            "module": "src/chat-message.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/confirm-dialog.ts",
@@ -1441,6 +1636,110 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/data-table.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A generic, presentational table shell: renders a `<thead>` from `columns`\nand one `<tr>` per entry in `rows`, with each cell's content produced by\n`renderCell` (default: plain property lookup on the row object). Knows\nnothing about what a \"row\" means — callers own the data shape entirely.\n\nOptional `rowHref` makes whole rows clickable (navigating via `location.hash`),\nwithout hijacking clicks on nested interactive elements (links/buttons) a\ncell's rendered content might contain.",
+          "name": "DataTable",
+          "members": [
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "DataTableColumn[]"
+              },
+              "default": "[]",
+              "description": "Column headers, in display order."
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "unknown[]"
+              },
+              "default": "[]",
+              "description": "Row data; opaque to this component beyond what `renderCell` does with it."
+            },
+            {
+              "kind": "field",
+              "name": "rowKey",
+              "type": {
+                "text": "(row: unknown, index: number) => string | number"
+              },
+              "description": "Stable identity for `rows[i]`, used as the repeat-directive key. Defaults to the row's index."
+            },
+            {
+              "kind": "field",
+              "name": "renderCell",
+              "type": {
+                "text": "(row: unknown, key: string) => unknown"
+              },
+              "description": "Produces a cell's rendered content for `row`/`column.key`. Default: `row[key]`."
+            },
+            {
+              "kind": "field",
+              "name": "rowHref",
+              "type": {
+                "text": "((row: unknown) => string | null) | null"
+              },
+              "default": "null",
+              "description": "When set, clicking a row (outside any nested link/button) navigates to this hash."
+            },
+            {
+              "kind": "method",
+              "name": "#onRowClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "data-table",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DataTable",
+          "declaration": {
+            "name": "DataTable",
+            "module": "src/data-table.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "data-table",
+          "declaration": {
+            "name": "DataTable",
+            "module": "src/data-table.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/distance-value.ts",
@@ -1711,1291 +2010,3177 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/icons.ts",
+      "path": "src/editable-text.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "iconX",
-          "parameters": [
+          "kind": "class",
+          "description": "Jira/GitHub-style click-to-edit text: a display span that turns into an\n`<input>` (or auto-growing `<textarea>` when `multiline`) on click. The\ninput/textarea inherits the host's font, so a title wrapped in an `<h1>`\nedits at title size.",
+          "name": "EditableText",
+          "members": [
             {
-              "name": "size",
-              "default": "18"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconBars3",
-          "parameters": [
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Current text.",
+              "attribute": "value"
+            },
             {
-              "name": "size",
-              "default": "18"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconChevronLeft",
-          "parameters": [
+              "kind": "field",
+              "name": "multiline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`false` renders an `<input>`, `true` an auto-growing `<textarea>`.",
+              "attribute": "multiline"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconChevronRight",
-          "parameters": [
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Muted placeholder text shown when `value` is empty, and as the input's placeholder.",
+              "attribute": "placeholder"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconCog",
-          "parameters": [
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables entering edit mode.",
+              "attribute": "readonly"
+            },
             {
-              "name": "size",
-              "default": "20"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconInfo",
-          "parameters": [
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "`aria-label` applied to the input/textarea.",
+              "attribute": "label"
+            },
             {
-              "name": "size",
-              "default": "20"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconQuestionMarkCircle",
-          "parameters": [
+              "kind": "field",
+              "name": "_editing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
-              "name": "size",
-              "default": "20"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconPencil",
-          "parameters": [
+              "kind": "field",
+              "name": "_draft",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "\"\""
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconTrash",
-          "parameters": [
+              "kind": "field",
+              "name": "_field",
+              "type": {
+                "text": "HTMLInputElement | HTMLTextAreaElement | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconPlus",
-          "parameters": [
+              "kind": "method",
+              "name": "_startEdit",
+              "privacy": "private",
+              "description": "Enters edit mode, seeding the draft from the current value."
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconListBullet",
-          "parameters": [
+              "kind": "method",
+              "name": "_commit",
+              "privacy": "private",
+              "description": "Commits the draft (reverting an empty single-line commit) and exits edit mode.\n\nGuarded on `_editing`: removing the focused input/textarea from the DOM\n(which happens as soon as `_editing` flips to false) makes the browser\nfire a native `blur` on it, re-invoking this handler a second time after\na cancel already ran — the guard makes that second call a no-op instead\nof re-committing the stale draft."
+            },
             {
-              "name": "size",
-              "default": "18"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconCurrencyDollar",
-          "parameters": [
+              "kind": "method",
+              "name": "_cancel",
+              "privacy": "private",
+              "description": "Discards the draft and exits edit mode without committing."
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconHome",
-          "parameters": [
+              "kind": "method",
+              "name": "_onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconMapPin",
-          "parameters": [
+              "kind": "method",
+              "name": "_onSingleLineKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconClock",
-          "parameters": [
+              "kind": "method",
+              "name": "_onMultilineKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
-              "name": "size",
-              "default": "16"
+              "kind": "method",
+              "name": "_resize",
+              "privacy": "private",
+              "description": "Grows the textarea's height to fit its content."
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconTag",
-          "parameters": [
+          ],
+          "events": [
             {
-              "name": "size",
-              "default": "16"
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired with `{ value: string }` when the committed value differs from the previous one."
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconCalendar",
-          "parameters": [
+          ],
+          "attributes": [
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconArrowsPointingOut",
-          "parameters": [
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Current text.",
+              "fieldName": "value"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconMap",
-          "parameters": [
+              "name": "multiline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`false` renders an `<input>`, `true` an auto-growing `<textarea>`.",
+              "fieldName": "multiline"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconCheckCircle",
-          "parameters": [
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Muted placeholder text shown when `value` is empty, and as the input's placeholder.",
+              "fieldName": "placeholder"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconSun",
-          "parameters": [
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables entering edit mode.",
+              "fieldName": "readonly"
+            },
             {
-              "name": "size",
-              "default": "16"
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "`aria-label` applied to the input/textarea.",
+              "fieldName": "label"
             }
-          ]
-        },
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "editable-text",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
-          "kind": "function",
-          "name": "iconShieldExclamation",
-          "parameters": [
-            {
-              "name": "size",
-              "default": "16"
-            }
-          ]
+          "kind": "js",
+          "name": "EditableText",
+          "declaration": {
+            "name": "EditableText",
+            "module": "src/editable-text.ts"
+          }
         },
         {
-          "kind": "function",
-          "name": "iconArrowPath",
-          "parameters": [
-            {
-              "name": "size",
-              "default": "12"
-            }
-          ]
-        },
+          "kind": "custom-element-definition",
+          "name": "editable-text",
+          "declaration": {
+            "name": "EditableText",
+            "module": "src/editable-text.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/form-select.ts",
+      "declarations": [
         {
-          "kind": "function",
-          "name": "iconArrowRight",
-          "parameters": [
+          "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).",
+          "name": "FormSelect",
+          "members": [
             {
-              "name": "size",
-              "default": "12"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconLink",
-          "parameters": [
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SelectOption[]"
+              },
+              "default": "[]",
+              "description": "The full list of selectable options."
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconHeart",
-          "parameters": [
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Currently selected value; must match one of `options[].value`.",
+              "attribute": "value"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconHeartSolid",
-          "parameters": [
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "`aria-label` applied to the trigger button.",
+              "attribute": "label"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconEye",
-          "parameters": [
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the trigger, preventing the popover from opening.",
+              "attribute": "disabled"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconEyeSlash",
-          "parameters": [
+              "kind": "field",
+              "name": "_open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
-              "name": "size",
-              "default": "16"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconShieldCheck",
-          "parameters": [
+              "kind": "field",
+              "name": "_activeIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
+            },
             {
-              "name": "size",
-              "default": "16"
+              "kind": "field",
+              "name": "#onWindowMousedown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#toggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#select",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "SelectOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onTriggerKeydown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#moveActive",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "delta",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#confirmActive",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderListbox",
+              "privacy": "private"
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "iconUserCircle",
-          "parameters": [
+          ],
+          "events": [
             {
-              "name": "size",
-              "default": "20"
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired with `{ value: string }` when a different option is picked."
             }
-          ]
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Currently selected value; must match one of `options[].value`.",
+              "fieldName": "value"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "`aria-label` applied to the trigger button.",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the trigger, preventing the popover from opening.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "form-select",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "iconX",
+          "name": "FormSelect",
           "declaration": {
-            "name": "iconX",
-            "module": "src/icons.ts"
+            "name": "FormSelect",
+            "module": "src/form-select.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "iconBars3",
+          "kind": "custom-element-definition",
+          "name": "form-select",
           "declaration": {
-            "name": "iconBars3",
-            "module": "src/icons.ts"
+            "name": "FormSelect",
+            "module": "src/form-select.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/gallery-item-variant.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "iconChevronLeft",
-          "declaration": {
-            "name": "iconChevronLeft",
-            "module": "src/icons.ts"
-          }
-        },
+          "kind": "class",
+          "description": "Responsive image source metadata for a parent `gallery-item`.",
+          "name": "GalleryItemVariant",
+          "members": [
+            {
+              "kind": "field",
+              "name": "media",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional media query that controls when this source is selected.",
+              "attribute": "media",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "srcset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Responsive image candidate string passed to a generated `<source>`.",
+              "attribute": "srcset",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "media",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional media query that controls when this source is selected.",
+              "fieldName": "media"
+            },
+            {
+              "name": "srcset",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Responsive image candidate string passed to a generated `<source>`.",
+              "fieldName": "srcset"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "gallery-item-variant",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "iconChevronRight",
+          "name": "GalleryItemVariant",
           "declaration": {
-            "name": "iconChevronRight",
-            "module": "src/icons.ts"
+            "name": "GalleryItemVariant",
+            "module": "src/gallery-item-variant.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "iconCog",
+          "kind": "custom-element-definition",
+          "name": "gallery-item-variant",
           "declaration": {
-            "name": "iconCog",
-            "module": "src/icons.ts"
+            "name": "GalleryItemVariant",
+            "module": "src/gallery-item-variant.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/gallery-item.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "iconInfo",
-          "declaration": {
-            "name": "iconInfo",
-            "module": "src/icons.ts"
-          }
-        },
+          "kind": "class",
+          "description": "Declarative image metadata consumed by a parent `photo-gallery`.",
+          "name": "GalleryItem",
+          "slots": [
+            {
+              "description": "Optional `gallery-item-variant` elements for responsive sources.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "URL of the fallback image.",
+              "attribute": "src",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Required alternative text for the image.",
+              "attribute": "alt",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional visible caption rendered below the image.",
+              "attribute": "caption",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variants",
+              "type": {
+                "text": "GalleryItemVariant[]"
+              },
+              "readonly": true,
+              "description": "Responsive source variants declared inside this item."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "URL of the fallback image.",
+              "fieldName": "src"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Required alternative text for the image.",
+              "fieldName": "alt"
+            },
+            {
+              "name": "caption",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional visible caption rendered below the image.",
+              "fieldName": "caption"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "gallery-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "iconQuestionMarkCircle",
+          "name": "GalleryItem",
           "declaration": {
-            "name": "iconQuestionMarkCircle",
-            "module": "src/icons.ts"
+            "name": "GalleryItem",
+            "module": "src/gallery-item.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "iconPencil",
+          "kind": "custom-element-definition",
+          "name": "gallery-item",
           "declaration": {
-            "name": "iconPencil",
-            "module": "src/icons.ts"
+            "name": "GalleryItem",
+            "module": "src/gallery-item.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icons.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "iconTrash",
-          "declaration": {
-            "name": "iconTrash",
-            "module": "src/icons.ts"
-          }
+          "kind": "function",
+          "name": "iconX",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
         },
         {
-          "kind": "js",
-          "name": "iconPlus",
-          "declaration": {
-            "name": "iconPlus",
-            "module": "src/icons.ts"
-          }
+          "kind": "function",
+          "name": "iconBars3",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
         },
         {
-          "kind": "js",
-          "name": "iconListBullet",
-          "declaration": {
-            "name": "iconListBullet",
-            "module": "src/icons.ts"
-          }
+          "kind": "function",
+          "name": "iconChevronLeft",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
-          "name": "iconCurrencyDollar",
-          "declaration": {
-            "name": "iconCurrencyDollar",
-            "module": "src/icons.ts"
-          }
+          "kind": "function",
+          "name": "iconChevronRight",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
-          "name": "iconHome",
-          "declaration": {
-            "name": "iconHome",
-            "module": "src/icons.ts"
-          }
+          "kind": "function",
+          "name": "iconCog",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "20"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
+          "name": "iconInfo",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "20"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconQuestionMarkCircle",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "20"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconPencil",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconTrash",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconPlus",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconListBullet",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconCurrencyDollar",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconHome",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
           "name": "iconMapPin",
-          "declaration": {
-            "name": "iconMapPin",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconClock",
-          "declaration": {
-            "name": "iconClock",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconTag",
-          "declaration": {
-            "name": "iconTag",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconCalendar",
-          "declaration": {
-            "name": "iconCalendar",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconArrowsPointingOut",
-          "declaration": {
-            "name": "iconArrowsPointingOut",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconMap",
-          "declaration": {
-            "name": "iconMap",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconCheckCircle",
-          "declaration": {
-            "name": "iconCheckCircle",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconSun",
-          "declaration": {
-            "name": "iconSun",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconShieldExclamation",
-          "declaration": {
-            "name": "iconShieldExclamation",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconArrowPath",
-          "declaration": {
-            "name": "iconArrowPath",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "12"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconArrowRight",
-          "declaration": {
-            "name": "iconArrowRight",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "12"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconLink",
-          "declaration": {
-            "name": "iconLink",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconHeart",
-          "declaration": {
-            "name": "iconHeart",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
           "name": "iconHeartSolid",
-          "declaration": {
-            "name": "iconHeartSolid",
-            "module": "src/icons.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "iconEye",
-          "declaration": {
-            "name": "iconEye",
-            "module": "src/icons.ts"
-          }
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
         },
         {
-          "kind": "js",
+          "kind": "function",
+          "name": "iconEye",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
           "name": "iconEyeSlash",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconShieldCheck",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconUserCircle",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "20"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconClipboardDocumentList",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconCpuChip",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconFolder",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconChevronDown",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "16"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconDocument",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconSquares2x2",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "iconChatBubbleLeftRight",
+          "parameters": [
+            {
+              "name": "size",
+              "default": "18"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "iconX",
           "declaration": {
-            "name": "iconEyeSlash",
+            "name": "iconX",
             "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "iconShieldCheck",
+          "name": "iconBars3",
           "declaration": {
-            "name": "iconShieldCheck",
+            "name": "iconBars3",
             "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "iconUserCircle",
+          "name": "iconChevronLeft",
           "declaration": {
-            "name": "iconUserCircle",
+            "name": "iconChevronLeft",
             "module": "src/icons.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "AnimateConfetti",
+          "name": "iconChevronRight",
           "declaration": {
-            "name": "AnimateConfetti",
-            "module": "./animate-confetti.js"
+            "name": "iconChevronRight",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RevealButton",
+          "name": "iconCog",
           "declaration": {
-            "name": "RevealButton",
-            "module": "./reveal-button.js"
+            "name": "iconCog",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RomanNumeral",
+          "name": "iconInfo",
           "declaration": {
-            "name": "RomanNumeral",
-            "module": "./roman-numeral.js"
+            "name": "iconInfo",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ConfirmDialog",
+          "name": "iconQuestionMarkCircle",
           "declaration": {
-            "name": "ConfirmDialog",
-            "module": "./confirm-dialog.js"
+            "name": "iconQuestionMarkCircle",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ToastNotification",
+          "name": "iconPencil",
           "declaration": {
-            "name": "ToastNotification",
-            "module": "./toast-notification.js"
+            "name": "iconPencil",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "notifySuccess",
+          "name": "iconTrash",
           "declaration": {
-            "name": "notifySuccess",
-            "module": "./toast-notification.js"
+            "name": "iconTrash",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "notifyError",
+          "name": "iconPlus",
           "declaration": {
-            "name": "notifyError",
-            "module": "./toast-notification.js"
+            "name": "iconPlus",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "notifyInfo",
+          "name": "iconListBullet",
           "declaration": {
-            "name": "notifyInfo",
-            "module": "./toast-notification.js"
+            "name": "iconListBullet",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ToastVariant",
+          "name": "iconCurrencyDollar",
           "declaration": {
-            "name": "ToastVariant",
-            "module": "./toast-notification.js"
+            "name": "iconCurrencyDollar",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "SlidePanel",
+          "name": "iconHome",
           "declaration": {
-            "name": "SlidePanel",
-            "module": "./slide-panel.js"
+            "name": "iconHome",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "CopyLinkButton",
+          "name": "iconMapPin",
           "declaration": {
-            "name": "CopyLinkButton",
-            "module": "./copy-link-button.js"
+            "name": "iconMapPin",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RelativeTime",
+          "name": "iconClock",
           "declaration": {
-            "name": "RelativeTime",
-            "module": "./relative-time.js"
+            "name": "iconClock",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DistanceValue",
+          "name": "iconTag",
           "declaration": {
-            "name": "DistanceValue",
-            "module": "./distance-value.js"
+            "name": "iconTag",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PriceHistoryChart",
+          "name": "iconCalendar",
           "declaration": {
-            "name": "PriceHistoryChart",
-            "module": "./price-history-chart.js"
+            "name": "iconCalendar",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PricePoint",
+          "name": "iconArrowsPointingOut",
           "declaration": {
-            "name": "PricePoint",
-            "module": "./price-history-chart.js"
+            "name": "iconArrowsPointingOut",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DistributionChart",
+          "name": "iconMap",
           "declaration": {
-            "name": "DistributionChart",
-            "module": "./distribution-chart.js"
+            "name": "iconMap",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DistributionValue",
+          "name": "iconCheckCircle",
           "declaration": {
-            "name": "DistributionValue",
-            "module": "./distribution-chart.js"
+            "name": "iconCheckCircle",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PercentBarChart",
+          "name": "iconSun",
           "declaration": {
-            "name": "PercentBarChart",
-            "module": "./percent-bar-chart.js"
+            "name": "iconSun",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PercentBarGroup",
+          "name": "iconShieldExclamation",
           "declaration": {
-            "name": "PercentBarGroup",
-            "module": "./percent-bar-chart.js"
+            "name": "iconShieldExclamation",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WeightBarChart",
+          "name": "iconArrowPath",
           "declaration": {
-            "name": "WeightBarChart",
-            "module": "./weight-bar-chart.js"
+            "name": "iconArrowPath",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WeightBarItem",
+          "name": "iconArrowRight",
           "declaration": {
-            "name": "WeightBarItem",
-            "module": "./weight-bar-chart.js"
+            "name": "iconArrowRight",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AddressAutocomplete",
+          "name": "iconLink",
           "declaration": {
-            "name": "AddressAutocomplete",
-            "module": "./address-autocomplete.js"
+            "name": "iconLink",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AddressSuggestion",
+          "name": "iconHeart",
           "declaration": {
-            "name": "AddressSuggestion",
-            "module": "./address-autocomplete.js"
+            "name": "iconHeart",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AutocompleteInput",
+          "name": "iconHeartSolid",
           "declaration": {
-            "name": "AutocompleteInput",
-            "module": "./autocomplete-input.js"
+            "name": "iconHeartSolid",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AutocompleteOption",
+          "name": "iconEye",
           "declaration": {
-            "name": "AutocompleteOption",
-            "module": "./autocomplete-input.js"
+            "name": "iconEye",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "UserAvatar",
+          "name": "iconEyeSlash",
           "declaration": {
-            "name": "UserAvatar",
-            "module": "./user-avatar.js"
+            "name": "iconEyeSlash",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MapPin",
+          "name": "iconShieldCheck",
           "declaration": {
-            "name": "MapPin",
-            "module": "./map-pin.js"
+            "name": "iconShieldCheck",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MapCircle",
+          "name": "iconUserCircle",
           "declaration": {
-            "name": "MapCircle",
-            "module": "./map-circle.js"
+            "name": "iconUserCircle",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "MapPoint",
+          "name": "iconClipboardDocumentList",
           "declaration": {
-            "name": "MapPoint",
-            "module": "./map-point.js"
+            "name": "iconClipboardDocumentList",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RadioCards",
+          "name": "iconCpuChip",
           "declaration": {
-            "name": "RadioCards",
-            "module": "./radio-cards.js"
+            "name": "iconCpuChip",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RadioCardOption",
+          "name": "iconFolder",
           "declaration": {
-            "name": "RadioCardOption",
-            "module": "./radio-cards.js"
+            "name": "iconFolder",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RadioPills",
+          "name": "iconChevronDown",
           "declaration": {
-            "name": "RadioPills",
-            "module": "./radio-pills.js"
+            "name": "iconChevronDown",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "RadioPillOption",
+          "name": "iconDocument",
           "declaration": {
-            "name": "RadioPillOption",
-            "module": "./radio-pills.js"
+            "name": "iconDocument",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "UiButton",
+          "name": "iconSquares2x2",
           "declaration": {
-            "name": "UiButton",
-            "module": "./ui-button.js"
+            "name": "iconSquares2x2",
+            "module": "src/icons.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ButtonVariant",
+          "name": "iconChatBubbleLeftRight",
           "declaration": {
-            "name": "ButtonVariant",
-            "module": "./ui-button.js"
+            "name": "iconChatBubbleLeftRight",
+            "module": "src/icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AnimateConfetti",
+          "declaration": {
+            "name": "AnimateConfetti",
+            "module": "./animate-confetti.js"
           }
         },
         {
           "kind": "js",
-          "name": "StatMeter",
+          "name": "GalleryItem",
           "declaration": {
-            "name": "StatMeter",
-            "module": "./stat-meter.js"
+            "name": "GalleryItem",
+            "module": "./gallery-item.js"
           }
         },
         {
           "kind": "js",
-          "name": "tokens",
+          "name": "GalleryItemVariant",
           "declaration": {
-            "name": "tokens",
-            "module": "./tokens.js"
+            "name": "GalleryItemVariant",
+            "module": "./gallery-item-variant.js"
           }
         },
         {
           "kind": "js",
-          "name": "tokenValues",
+          "name": "PhotoGallery",
           "declaration": {
-            "name": "tokenValues",
-            "module": "./tokens.js"
+            "name": "PhotoGallery",
+            "module": "./photo-gallery.js"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "PhotoGalleryChangeReason",
           "declaration": {
-            "name": "*",
-            "module": "src/icons.js"
+            "name": "PhotoGalleryChangeReason",
+            "module": "./photo-gallery.js"
           }
-        }
-      ]
-    },
-    {
-      "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 })`.",
-          "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": "js",
+          "name": "PhotoGalleryObjectFit",
+          "declaration": {
+            "name": "PhotoGalleryObjectFit",
+            "module": "./photo-gallery.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PhotoGallerySlideChangeDetail",
+          "declaration": {
+            "name": "PhotoGallerySlideChangeDetail",
+            "module": "./photo-gallery.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RevealButton",
+          "declaration": {
+            "name": "RevealButton",
+            "module": "./reveal-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RomanNumeral",
+          "declaration": {
+            "name": "RomanNumeral",
+            "module": "./roman-numeral.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConfirmDialog",
+          "declaration": {
+            "name": "ConfirmDialog",
+            "module": "./confirm-dialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ToastNotification",
+          "declaration": {
+            "name": "ToastNotification",
+            "module": "./toast-notification.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "notifySuccess",
+          "declaration": {
+            "name": "notifySuccess",
+            "module": "./toast-notification.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "notifyError",
+          "declaration": {
+            "name": "notifyError",
+            "module": "./toast-notification.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "notifyInfo",
+          "declaration": {
+            "name": "notifyInfo",
+            "module": "./toast-notification.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ToastVariant",
+          "declaration": {
+            "name": "ToastVariant",
+            "module": "./toast-notification.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SlidePanel",
+          "declaration": {
+            "name": "SlidePanel",
+            "module": "./slide-panel.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CopyLinkButton",
+          "declaration": {
+            "name": "CopyLinkButton",
+            "module": "./copy-link-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RelativeTime",
+          "declaration": {
+            "name": "RelativeTime",
+            "module": "./relative-time.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DistanceValue",
+          "declaration": {
+            "name": "DistanceValue",
+            "module": "./distance-value.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PriceHistoryChart",
+          "declaration": {
+            "name": "PriceHistoryChart",
+            "module": "./price-history-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PricePoint",
+          "declaration": {
+            "name": "PricePoint",
+            "module": "./price-history-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DistributionChart",
+          "declaration": {
+            "name": "DistributionChart",
+            "module": "./distribution-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DistributionValue",
+          "declaration": {
+            "name": "DistributionValue",
+            "module": "./distribution-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PercentBarChart",
+          "declaration": {
+            "name": "PercentBarChart",
+            "module": "./percent-bar-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PercentBarGroup",
+          "declaration": {
+            "name": "PercentBarGroup",
+            "module": "./percent-bar-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WeightBarChart",
+          "declaration": {
+            "name": "WeightBarChart",
+            "module": "./weight-bar-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WeightBarItem",
+          "declaration": {
+            "name": "WeightBarItem",
+            "module": "./weight-bar-chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AddressAutocomplete",
+          "declaration": {
+            "name": "AddressAutocomplete",
+            "module": "./address-autocomplete.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AddressSuggestion",
+          "declaration": {
+            "name": "AddressSuggestion",
+            "module": "./address-autocomplete.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AutocompleteInput",
+          "declaration": {
+            "name": "AutocompleteInput",
+            "module": "./autocomplete-input.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AutocompleteOption",
+          "declaration": {
+            "name": "AutocompleteOption",
+            "module": "./autocomplete-input.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "UserAvatar",
+          "declaration": {
+            "name": "UserAvatar",
+            "module": "./user-avatar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MapPin",
+          "declaration": {
+            "name": "MapPin",
+            "module": "./map-pin.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MapCircle",
+          "declaration": {
+            "name": "MapCircle",
+            "module": "./map-circle.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MapPoint",
+          "declaration": {
+            "name": "MapPoint",
+            "module": "./map-point.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RadioCards",
+          "declaration": {
+            "name": "RadioCards",
+            "module": "./radio-cards.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RadioCardOption",
+          "declaration": {
+            "name": "RadioCardOption",
+            "module": "./radio-cards.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RadioPills",
+          "declaration": {
+            "name": "RadioPills",
+            "module": "./radio-pills.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RadioPillOption",
+          "declaration": {
+            "name": "RadioPillOption",
+            "module": "./radio-pills.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "UiButton",
+          "declaration": {
+            "name": "UiButton",
+            "module": "./ui-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ButtonVariant",
+          "declaration": {
+            "name": "ButtonVariant",
+            "module": "./ui-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "StatMeter",
+          "declaration": {
+            "name": "StatMeter",
+            "module": "./stat-meter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "StatusPill",
+          "declaration": {
+            "name": "StatusPill",
+            "module": "./status-pill.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "StatusPillColor",
+          "declaration": {
+            "name": "StatusPillColor",
+            "module": "./status-pill.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EditableText",
+          "declaration": {
+            "name": "EditableText",
+            "module": "./editable-text.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LiveTimer",
+          "declaration": {
+            "name": "LiveTimer",
+            "module": "./live-timer.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ChatMessage",
+          "declaration": {
+            "name": "ChatMessage",
+            "module": "./chat-message.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ChatMessageRole",
+          "declaration": {
+            "name": "ChatMessageRole",
+            "module": "./chat-message.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ChatMessageVariant",
+          "declaration": {
+            "name": "ChatMessageVariant",
+            "module": "./chat-message.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FormSelect",
+          "declaration": {
+            "name": "FormSelect",
+            "module": "./form-select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SelectOption",
+          "declaration": {
+            "name": "SelectOption",
+            "module": "./form-select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DataTable",
+          "declaration": {
+            "name": "DataTable",
+            "module": "./data-table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DataTableColumn",
+          "declaration": {
+            "name": "DataTableColumn",
+            "module": "./data-table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TileGrid",
+          "declaration": {
+            "name": "TileGrid",
+            "module": "./tile-grid.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PopoverPanel",
+          "declaration": {
+            "name": "PopoverPanel",
+            "module": "./popover-panel.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatDuration",
+          "declaration": {
+            "name": "formatDuration",
+            "module": "./utils/duration.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DurationFormat",
+          "declaration": {
+            "name": "DurationFormat",
+            "module": "./utils/duration.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tokens",
+          "declaration": {
+            "name": "tokens",
+            "module": "./tokens.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tokenValues",
+          "declaration": {
+            "name": "tokenValues",
+            "module": "./tokens.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "darkTokenValues",
+          "declaration": {
+            "name": "darkTokenValues",
+            "module": "./tokens.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/icons.js"
+          }
+        }
+      ]
+    },
+    {
+      "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 })`.",
+          "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": "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"
+            },
+            {
+              "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/map-point.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A small plain-colored map marker for dense point layers (transit stops,\namenities, hazard points, etc.): a light-to-dark gradient fill with a thin\nwhite ring, no badge/content slot — every instance on a given layer shares\nthe same look, so there's nothing to render per-feature (unlike\n`<map-pin>`/`<map-circle>`, which carry per-marker slotted content).\nPurely a visual primitive — it has no `mapbox-gl` (or any mapping library)\ndependency; typically rasterized once per color and used as a Mapbox\n`icon-image` on a `symbol` layer rather than mounted as individual DOM\nmarkers, so a whole layer's worth of points shares one icon image.",
+          "name": "MapPoint",
+          "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": "14",
+              "description": "Diameter, in CSS pixels.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "ringWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
+              "attribute": "ring-width"
+            },
+            {
+              "kind": "field",
+              "name": "_gradId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`map-point-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": "14",
+              "description": "Diameter, in CSS pixels.",
+              "fieldName": "size"
+            },
+            {
+              "name": "ring-width",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
+              "fieldName": "ringWidth"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "map-point",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MapPoint",
+          "declaration": {
+            "name": "MapPoint",
+            "module": "src/map-point.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "map-point",
+          "declaration": {
+            "name": "MapPoint",
+            "module": "src/map-point.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/percent-bar-chart.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Horizontal bar chart for labeled percentage rows, using D3's linear scale.\nEach group gets its own labeled row; bars are proportional to percentage of 100.",
+          "name": "PercentBarChart",
+          "members": [
+            {
+              "kind": "field",
+              "name": "groups",
+              "type": {
+                "text": "PercentBarGroup[]"
+              },
+              "default": "[]",
+              "description": "Rows to render, one per group."
+            },
+            {
+              "kind": "field",
+              "name": "_width",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_ro",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "percent-bar-chart",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PercentBarChart",
+          "declaration": {
+            "name": "PercentBarChart",
+            "module": "src/percent-bar-chart.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "percent-bar-chart",
+          "declaration": {
+            "name": "PercentBarChart",
+            "module": "src/percent-bar-chart.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/photo-gallery.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Responsive, accessible image carousel composed from declarative\n`gallery-item` children.",
+          "name": "PhotoGallery",
+          "slots": [
+            {
+              "description": "`gallery-item` elements rendered as slides.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "currentIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Zero-based active image index.",
+              "attribute": "current-index",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Autoplay interval in milliseconds. Set to zero to disable autoplay.",
+              "attribute": "delay"
+            },
+            {
+              "kind": "field",
+              "name": "showControls",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether previous and next buttons are shown.",
+              "attribute": "show-controls"
+            },
+            {
+              "kind": "field",
+              "name": "showCounter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether a current/total counter is shown.",
+              "attribute": "show-counter"
+            },
+            {
+              "kind": "field",
+              "name": "showIndicators",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether clickable slide indicators are shown.",
+              "attribute": "show-indicators"
+            },
+            {
+              "kind": "field",
+              "name": "showAutoplayControl",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether autoplay includes a built-in pause/play control.",
+              "attribute": "show-autoplay-control"
+            },
+            {
+              "kind": "field",
+              "name": "paused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether autoplay is explicitly paused.",
+              "attribute": "paused",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "aspectRatio",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"16 / 9\"",
+              "description": "CSS aspect ratio used by the image viewport.",
+              "attribute": "aspect-ratio"
+            },
+            {
+              "kind": "field",
+              "name": "objectFit",
+              "type": {
+                "text": "PhotoGalleryObjectFit"
+              },
+              "default": "\"cover\"",
+              "description": "How images fit within the stable viewport.",
+              "attribute": "object-fit"
+            },
+            {
+              "kind": "field",
+              "name": "_galleryItems",
+              "type": {
+                "text": "GalleryItem[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_previousIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_itemsVersion",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_autoplayTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_transitionTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_metadataObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_hovered",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_focusWithin",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_nextChangeReason",
+              "type": {
+                "text": "PhotoGalleryChangeReason | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_pendingChange",
+              "type": {
+                "text": "PhotoGallerySlideChangeDetail | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_pointerStart",
+              "type": {
+                "text": "{ id: number; x: number; y: number } | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_itemsChanged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_activeItem",
+              "type": {
+                "text": "GalleryItem | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_renderedIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "_normalizeIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Wraps any requested index into the current item range."
+            },
+            {
+              "kind": "method",
+              "name": "_variantsFor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "GalleryItemVariant[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "GalleryItem"
+                  }
+                }
+              ],
+              "description": "Returns responsive variants declared directly under an item."
+            },
+            {
+              "kind": "method",
+              "name": "_goTo",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "reason",
+                  "type": {
+                    "text": "PhotoGalleryChangeReason"
+                  }
+                }
+              ],
+              "description": "Changes slides through the shared state and event path."
+            },
+            {
+              "kind": "method",
+              "name": "_showPrevious",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "reason",
+                  "default": "\"previous\"",
+                  "type": {
+                    "text": "PhotoGalleryChangeReason"
+                  }
+                }
+              ],
+              "description": "Moves to the previous image."
+            },
+            {
+              "kind": "method",
+              "name": "_showNext",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "reason",
+                  "default": "\"next\"",
+                  "type": {
+                    "text": "PhotoGalleryChangeReason"
+                  }
+                }
+              ],
+              "description": "Moves to the next image."
+            },
+            {
+              "kind": "method",
+              "name": "_togglePaused",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles explicit autoplay pause state."
+            },
+            {
+              "kind": "method",
+              "name": "_restartAutoplay",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Clears and conditionally schedules the next autoplay advance."
+            },
+            {
+              "kind": "method",
+              "name": "_canAutoplay",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Reports whether autoplay may currently schedule a transition."
+            },
+            {
+              "kind": "method",
+              "name": "_clearAutoplay",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Clears the pending autoplay timeout."
+            },
+            {
+              "kind": "method",
+              "name": "_scheduleTransitionCleanup",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Removes the outgoing crossfade layer after the animation completes."
+            },
+            {
+              "kind": "method",
+              "name": "_clearTransition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Clears pending transition cleanup."
+            },
+            {
+              "kind": "method",
+              "name": "_handleMetadataChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Refreshes item metadata and clamps the active index after light-DOM changes."
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Refreshes item state after the default slot changes."
+            },
+            {
+              "kind": "method",
+              "name": "_handleMouseEnter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Temporarily pauses autoplay while the pointer is over the gallery."
+            },
+            {
+              "kind": "method",
+              "name": "_handleMouseLeave",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Resumes autoplay with a fresh delay after hover ends."
+            },
+            {
+              "kind": "method",
+              "name": "_handleFocusIn",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Temporarily pauses autoplay while focus is inside the gallery."
+            },
+            {
+              "kind": "method",
+              "name": "_handleFocusOut",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Resumes autoplay with a fresh delay after focus leaves the gallery."
+            },
+            {
+              "kind": "field",
+              "name": "_handleVisibilityChange",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Pauses or resumes scheduling when page visibility changes."
+            },
+            {
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handles Left and Right arrow keyboard navigation."
+            },
+            {
+              "kind": "method",
+              "name": "_handlePointerDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "description": "Records the starting point of a primary pointer gesture."
+            },
+            {
+              "kind": "method",
+              "name": "_handlePointerUp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "description": "Converts a sufficiently horizontal pointer gesture into navigation."
+            },
+            {
+              "kind": "method",
+              "name": "_handlePointerCancel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Cancels an incomplete pointer gesture."
+            },
+            {
+              "kind": "method",
+              "name": "_renderPicture",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "\"current\" | \"previous\""
+                  }
+                }
+              ],
+              "description": "Renders one responsive image layer for the crossfade stack."
             },
             {
-              "kind": "field",
-              "name": "highlighted",
+              "kind": "method",
+              "name": "_renderFooter",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "itemCount",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Renders enabled counter, indicator, and autoplay controls."
+            }
+          ],
+          "events": [
+            {
+              "name": "slide-change",
               "type": {
-                "text": "boolean"
+                "text": "CustomEvent"
               },
-              "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++}`"
+              "description": "The active image changed."
             }
           ],
           "attributes": [
             {
-              "name": "color",
+              "name": "current-index",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "fieldName": "color"
+              "default": "0",
+              "description": "Zero-based active image index.",
+              "fieldName": "currentIndex"
             },
             {
-              "name": "size",
+              "name": "delay",
               "type": {
                 "text": "number"
               },
-              "default": "18",
-              "description": "Diameter, in CSS pixels.",
-              "fieldName": "size"
+              "default": "0",
+              "description": "Autoplay interval in milliseconds. Set to zero to disable autoplay.",
+              "fieldName": "delay"
             },
             {
-              "name": "ring-width",
+              "name": "show-controls",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "4",
-              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
-              "fieldName": "ringWidth"
+              "default": "true",
+              "description": "Whether previous and next buttons are shown.",
+              "fieldName": "showControls"
             },
             {
-              "name": "highlighted",
+              "name": "show-counter",
               "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": [
+              "description": "Whether a current/total counter is shown.",
+              "fieldName": "showCounter"
+            },
             {
-              "kind": "field",
-              "name": "color",
+              "name": "show-indicators",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "attribute": "color"
+              "default": "false",
+              "description": "Whether clickable slide indicators are shown.",
+              "fieldName": "showIndicators"
             },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "show-autoplay-control",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "32",
-              "description": "Diameter of the circular head, in CSS pixels.",
-              "attribute": "size"
+              "default": "true",
+              "description": "Whether autoplay includes a built-in pause/play control.",
+              "fieldName": "showAutoplayControl"
             },
             {
-              "kind": "field",
-              "name": "highlighted",
+              "name": "paused",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
-              "attribute": "highlighted",
-              "reflects": true
+              "description": "Whether autoplay is explicitly paused.",
+              "fieldName": "paused"
             },
             {
-              "kind": "field",
-              "name": "_gradId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`map-pin-grad-${gradientIdCounter++}`"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
+              "name": "aspect-ratio",
               "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"
+              "default": "\"16 / 9\"",
+              "description": "CSS aspect ratio used by the image viewport.",
+              "fieldName": "aspectRatio"
             },
             {
-              "name": "highlighted",
+              "name": "object-fit",
               "type": {
-                "text": "boolean"
+                "text": "PhotoGalleryObjectFit"
               },
-              "default": "false",
-              "description": "Scales and glows the pin — a generic emphasis state (e.g. hover, selection).",
-              "fieldName": "highlighted"
+              "default": "\"cover\"",
+              "description": "How images fit within the stable viewport.",
+              "fieldName": "objectFit"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "map-pin",
+          "tagName": "photo-gallery",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MapPin",
+          "name": "PhotoGallery",
           "declaration": {
-            "name": "MapPin",
-            "module": "src/map-pin.ts"
+            "name": "PhotoGallery",
+            "module": "src/photo-gallery.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "map-pin",
+          "name": "photo-gallery",
           "declaration": {
-            "name": "MapPin",
-            "module": "src/map-pin.ts"
+            "name": "PhotoGallery",
+            "module": "src/photo-gallery.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/map-point.ts",
+      "path": "src/popover-panel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A small plain-colored map marker for dense point layers (transit stops,\namenities, hazard points, etc.): a light-to-dark gradient fill with a thin\nwhite ring, no badge/content slot — every instance on a given layer shares\nthe same look, so there's nothing to render per-feature (unlike\n`<map-pin>`/`<map-circle>`, which carry per-marker slotted content).\nPurely a visual primitive — it has no `mapbox-gl` (or any mapping library)\ndependency; typically rasterized once per color and used as a Mapbox\n`icon-image` on a `symbol` layer rather than mounted as individual DOM\nmarkers, so a whole layer's worth of points shares one icon image.",
-          "name": "MapPoint",
+          "description": "Generic anchored popover shell: a floating card positioned relative to its\nnearest `position: relative` ancestor (place it next to its trigger button\ninside such a wrapper), as opposed to `slide-panel`'s fixed screen-edge\ndrawer. Closes on outside click or Escape. Header chrome and close button\nmatch `slide-panel`'s API (`heading`, `panel-close`) so either can be\nswapped in for the other with no consumer-side changes beyond the wrapper.\n\nSet `centered` to render as a screen-centered modal with a translucent\nbackdrop instead of the default anchored placement.",
+          "name": "PopoverPanel",
           "members": [
             {
               "kind": "field",
-              "name": "color",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"#4f46e5\"",
-              "description": "Fill color; the gradient's light (top) and dark (bottom) stops are derived from this.",
-              "attribute": "color"
+              "default": "false",
+              "description": "Whether the popover is currently visible.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "heading",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "14",
-              "description": "Diameter, in CSS pixels.",
-              "attribute": "size"
+              "default": "\"\"",
+              "description": "Title text shown in the popover header.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "ringWidth",
+              "name": "centered",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "3",
-              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
-              "attribute": "ring-width"
+              "default": "false",
+              "description": "Render as a screen-centered modal with a backdrop instead of anchored placement.",
+              "attribute": "centered",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_gradId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`map-point-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": "14",
-              "description": "Diameter, in CSS pixels.",
-              "fieldName": "size"
+              "name": "#onWindowMousedown",
+              "privacy": "private"
             },
             {
-              "name": "ring-width",
-              "type": {
-                "text": "number"
-              },
-              "default": "3",
-              "description": "White outer ring thickness, in the same viewBox units as `size` (scales with it).",
-              "fieldName": "ringWidth"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "map-point",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MapPoint",
-          "declaration": {
-            "name": "MapPoint",
-            "module": "src/map-point.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "map-point",
-          "declaration": {
-            "name": "MapPoint",
-            "module": "src/map-point.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/percent-bar-chart.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Horizontal bar chart for labeled percentage rows, using D3's linear scale.\nEach group gets its own labeled row; bars are proportional to percentage of 100.",
-          "name": "PercentBarChart",
-          "members": [
+              "kind": "field",
+              "name": "#onWindowKeydown",
+              "privacy": "private"
+            },
             {
-              "kind": "field",
-              "name": "groups",
+              "kind": "method",
+              "name": "#close",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "panel-close",
               "type": {
-                "text": "PercentBarGroup[]"
+                "text": "CustomEvent"
               },
-              "default": "[]",
-              "description": "Rows to render, one per group."
+              "description": "User clicked the close (✕) button, pressed Escape, or clicked outside/the backdrop."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the popover is currently visible.",
+              "fieldName": "open"
             },
             {
-              "kind": "field",
-              "name": "_width",
+              "name": "heading",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "\"\"",
+              "description": "Title text shown in the popover header.",
+              "fieldName": "heading"
             },
             {
-              "kind": "field",
-              "name": "_ro",
+              "name": "centered",
               "type": {
-                "text": "ResizeObserver | null"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "false",
+              "description": "Render as a screen-centered modal with a backdrop instead of anchored placement.",
+              "fieldName": "centered"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "percent-bar-chart",
+          "tagName": "popover-panel",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PercentBarChart",
+          "name": "PopoverPanel",
           "declaration": {
-            "name": "PercentBarChart",
-            "module": "src/percent-bar-chart.ts"
+            "name": "PopoverPanel",
+            "module": "src/popover-panel.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "percent-bar-chart",
+          "name": "popover-panel",
           "declaration": {
-            "name": "PercentBarChart",
-            "module": "src/percent-bar-chart.ts"
+            "name": "PopoverPanel",
+            "module": "src/popover-panel.ts"
           }
         }
       ]
@@ -3735,6 +5920,197 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/status-pill.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Small colored status pill, optionally with a spinning icon — for task/run\nstates (\"Open\", \"Blocked\", \"Done\") and live-activity indicators (\"Running\").",
+          "name": "StatusPill",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text shown inside the pill.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "StatusPillColor"
+              },
+              "default": "\"neutral\"",
+              "description": "Color variant.",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "spinner",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders a small spinning icon before the label.",
+              "attribute": "spinner"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text shown inside the pill.",
+              "fieldName": "label"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "StatusPillColor"
+              },
+              "default": "\"neutral\"",
+              "description": "Color variant.",
+              "fieldName": "color"
+            },
+            {
+              "name": "spinner",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders a small spinning icon before the label.",
+              "fieldName": "spinner"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "status-pill",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StatusPill",
+          "declaration": {
+            "name": "StatusPill",
+            "module": "src/status-pill.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "status-pill",
+          "declaration": {
+            "name": "StatusPill",
+            "module": "src/status-pill.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tile-grid.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A generic, presentational grid shell: renders one bordered card per entry\nin `items`, with each tile's content produced by `renderTile` (default:\nstringify). Knows nothing about what an \"item\" means — callers own the\ndata shape entirely. Modeled directly on `data-table`'s headless pattern.\n\nOptional `itemHref` makes whole tiles clickable (navigating via\n`location.hash`), without hijacking clicks on nested interactive elements\n(links/buttons) a tile's rendered content might contain.",
+          "name": "TileGrid",
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "unknown[]"
+              },
+              "default": "[]",
+              "description": "Tile data; opaque to this component beyond what `renderTile` does with it."
+            },
+            {
+              "kind": "field",
+              "name": "itemKey",
+              "type": {
+                "text": "(item: unknown, index: number) => string | number"
+              },
+              "description": "Stable identity for `items[i]`, used as the repeat-directive key. Defaults to the item's index."
+            },
+            {
+              "kind": "field",
+              "name": "renderTile",
+              "type": {
+                "text": "(item: unknown) => unknown"
+              },
+              "description": "Produces a tile's rendered content for `item`. Default: stringify."
+            },
+            {
+              "kind": "field",
+              "name": "itemHref",
+              "type": {
+                "text": "((item: unknown) => string | null) | null"
+              },
+              "default": "null",
+              "description": "When set, clicking a tile (outside any nested link/button) navigates to this hash."
+            },
+            {
+              "kind": "method",
+              "name": "#onTileClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "tile-grid",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TileGrid",
+          "declaration": {
+            "name": "TileGrid",
+            "module": "src/tile-grid.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tile-grid",
+          "declaration": {
+            "name": "TileGrid",
+            "module": "src/tile-grid.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/toast-notification.ts",
@@ -3913,11 +6289,20 @@
           "default": "{ // Colors \"--ui-primary\": \"#4f46e5\", // indigo-600 \"--ui-primary-hover\": \"#4338ca\", // indigo-700 \"--ui-danger\": \"#dc2626\", // red-600 \"--ui-danger-hover\": \"#b91c1c\", // red-700 \"--ui-success\": \"#16a34a\", // green-600 \"--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-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-size\": \"0.875rem\", \"--ui-font-size-sm\": \"0.75rem\", }",
           "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`)."
         },
+        {
+          "kind": "variable",
+          "name": "darkTokenValues",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ \"--ui-primary\": \"#6366f1\", // indigo-500 \"--ui-primary-hover\": \"#818cf8\", // indigo-400 \"--ui-danger\": \"#ef4444\", // red-500 \"--ui-danger-hover\": \"#f87171\", // red-400 \"--ui-success\": \"#22c55e\", // green-500 \"--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-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."
+        },
         {
           "kind": "variable",
           "name": "tokens",
-          "default": "css` :host { --ui-primary: var(--ui-primary, #4f46e5); --ui-primary-hover: var(--ui-primary-hover, #4338ca); --ui-danger: var(--ui-danger, #dc2626); --ui-danger-hover: var(--ui-danger-hover, #b91c1c); --ui-success: var(--ui-success, #16a34a); --ui-text: var(--ui-text, #0f172a); --ui-text-muted: var(--ui-text-muted, #64748b); --ui-border: var(--ui-border, #e2e8f0); --ui-surface: var(--ui-surface, #ffffff); --ui-surface-muted: var(--ui-surface-muted, #f8fafc); --ui-overlay: var(--ui-overlay, rgb(15 23 42 / 0.45)); --ui-radius: var(--ui-radius, 0.5rem); --ui-radius-sm: var(--ui-radius-sm, 0.25rem); --ui-shadow: var( --ui-shadow, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) ); --ui-shadow-lg: var( --ui-shadow-lg, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) ); --ui-focus-ring: var(--ui-focus-ring, 0 0 0 3px rgb(79 70 229 / 0.35)); --ui-font: var( --ui-font, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" ); --ui-font-size: var(--ui-font-size, 0.875rem); --ui-font-size-sm: var(--ui-font-size-sm, 0.75rem); } `",
-          "description": "A shared `:host` stylesheet that establishes the token custom properties\nwith their fallback values. Import and include this in every component's\n`static styles` array alongside its component-specific `css` block."
+          "default": "css``",
+          "description": "Historically a shared `:host { --ui-x: var(--ui-x, fallback); } ` block,\nre-declaring every token on each component's own host element as a\n\"materialize the inherited value, or this fallback\" trick. That pattern\nturned out to be a genuine bug, not a working default: browsers treat\n`--ui-x: var(--ui-x, ...)` on `:host` as a self-referencing declaration\nthat computes to the guaranteed-invalid value REGARDLESS of what an\nancestor (e.g. `:root`) set — the host's own `:host` rule wins the cascade\nover the ancestor's, so this dropped whatever the app actually set and\nsilently substituted the component's own fallback everywhere. It went\nunnoticed because every component's fallback happened to equal the\nintended light-mode value — dark mode (a real, different value at\n`:root`) exposed it immediately (colors rendering as if no theme were\napplied at all). Fix: don't redeclare tokens on `:host` — plain\ninheritance already carries `:root`'s values into every shadow root\ncorrectly, and every component already has its own `var(--ui-x, fallback)`\nat each point of use, so nothing here is needed for the \"zero external\nCSS\" default to keep working. Kept as an empty export so the existing\n`static override styles = [tokens, css\\`...\\`]` import in every component\nkeeps compiling."
         }
       ],
       "exports": [
@@ -3929,6 +6314,14 @@
             "module": "src/tokens.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "darkTokenValues",
+          "declaration": {
+            "name": "darkTokenValues",
+            "module": "src/tokens.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "tokens",
@@ -4136,10 +6529,10 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "number"
+                "text": "string | number"
               },
               "default": "32",
-              "description": "Diameter in CSS pixels.",
+              "description": "Diameter in CSS pixels, or a preset name (`xs`=18, `sm`=24, `md`=32, `lg`=48).",
               "attribute": "size"
             },
             {
@@ -4150,6 +6543,28 @@
               },
               "privacy": "private",
               "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "SIZE_PRESETS",
+              "type": {
+                "text": "Record<string, number>"
+              },
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ xs: 18, sm: 24, md: 32, lg: 48, }"
+            },
+            {
+              "kind": "method",
+              "name": "resolveSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "description": "Resolves the `size` property (number or preset name) to a pixel diameter."
             }
           ],
           "attributes": [
@@ -4174,10 +6589,10 @@
             {
               "name": "size",
               "type": {
-                "text": "number"
+                "text": "string | number"
               },
               "default": "32",
-              "description": "Diameter in CSS pixels.",
+              "description": "Diameter in CSS pixels, or a preset name (`xs`=18, `sm`=24, `md`=32, `lg`=48).",
               "fieldName": "size"
             }
           ],
@@ -4360,6 +6775,46 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/duration.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "formatDuration",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "ms",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "DurationFormat"
+              }
+            }
+          ],
+          "description": "Formats a millisecond duration for display.\n\n`\"seconds\"` renders a whole-second count with a pluralized unit word (e.g.\n\"1 second\", \"12 seconds\"). `\"compact\"` renders the shortest sensible\n`Xh Ym Zs` form, dropping leading-zero units (`\"12s\"`, `\"3m 12s\"`,\n`\"1h 03m 12s\"`) — minutes/seconds are zero-padded only once a larger unit\nis present."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "formatDuration",
+          "declaration": {
+            "name": "formatDuration",
+            "module": "src/utils/duration.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/time.ts",