@redvars/peacock 3.2.7 → 3.2.9

package/dist/custom-elements.json

@@ -257,6 +257,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/PeacockComponent.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "PeacockComponent",
+          "parameters": [
+            {
+              "name": "constructor",
+              "type": {
+                "text": "Function"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "PeacockComponent",
+            "module": "src/PeacockComponent.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/constants.ts",
@@ -531,6 +559,22 @@
             "name": "CodeHighlighter",
             "module": "./code-highlighter/index.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "CodeEditor",
+          "declaration": {
+            "name": "CodeEditor",
+            "module": "./code-editor/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Image",
+          "declaration": {
+            "name": "Image",
+            "module": "./image/index.js"
+          }
         }
       ]
     },
@@ -836,7 +880,7 @@
         },
         {
           "kind": "function",
-          "name": "dispatchActivationClick",
+          "name": "isInViewport",
           "parameters": [
             {
               "name": "element",
@@ -844,59 +888,11 @@
                 "text": "HTMLElement"
               }
             }
-          ],
-          "description": "Dispatches a click event to the given element that triggers a native action,\nbut is not composed and therefore is not seen outside the element.\n\nThis is useful for responding to an external click event on the host element\nthat should trigger an internal action like a button click.\n\nNote, a helper is provided because setting this up correctly is a bit tricky.\nIn particular, calling `click` on an element creates a composed event, which\nis not desirable, and a manually dispatched event must specifically be a\n`MouseEvent` to trigger a native action."
-        },
-        {
-          "kind": "function",
-          "name": "isActivationClick",
-          "parameters": [
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ],
-          "description": "Returns true if the click event should trigger an activation behavior. The\nbehavior is defined by the element and is whatever it should do when\nclicked.\n\nTypically when an element needs to handle a click, the click is generated\nfrom within the element and an event listener within the element implements\nthe needed behavior; however, it's possible to fire a click directly\nat the element that the element should handle. This method helps\ndistinguish these \"external\" clicks.\n\nAn \"external\" click can be triggered in a number of ways: via a click\non an associated label for a form  associated element, calling\n`element.click()`, or calling\n`element.dispatchEvent(new MouseEvent('click', ...))`.\n\nAlso works around Firefox issue\nhttps://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\nevents for a microtask after called."
-        },
-        {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              },
-              "description": "The element to dispatch the event from."
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              },
-              "description": "The event to re-dispatch."
-            }
-          ],
-          "description": "Re-dispatches an event from the provided element.\n\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
+          ]
         },
         {
           "kind": "function",
-          "name": "isInViewport",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "HTMLElement"
-              }
-            }
-          ]
+          "name": "isDarkMode"
         }
       ],
       "exports": [
@@ -934,33 +930,17 @@
         },
         {
           "kind": "js",
-          "name": "dispatchActivationClick",
-          "declaration": {
-            "name": "dispatchActivationClick",
-            "module": "src/utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isActivationClick",
-          "declaration": {
-            "name": "isActivationClick",
-            "module": "src/utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "redispatchEvent",
+          "name": "isInViewport",
           "declaration": {
-            "name": "redispatchEvent",
+            "name": "isInViewport",
             "module": "src/utils.ts"
           }
         },
         {
           "kind": "js",
-          "name": "isInViewport",
+          "name": "isDarkMode",
           "declaration": {
-            "name": "isInViewport",
+            "name": "isDarkMode",
             "module": "src/utils.ts"
           }
         }
@@ -2321,148 +2301,469 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/code-highlighter/code-highlighter.ts",
+      "path": "src/code-editor/code-editor.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CodeHighlighter",
+          "name": "CodeEditor",
           "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "any | undefined"
+              },
+              "default": "''",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "language",
               "type": {
-                "text": "BundledLanguage"
+                "text": "'javascript' | 'json' | 'html'"
               },
               "default": "'javascript'",
-              "attribute": "language",
-              "reflects": true
+              "attribute": "language"
             },
             {
               "kind": "field",
-              "name": "lineNumbers",
+              "name": "libSource",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "attribute": "line-numbers",
-              "reflects": true
+              "attribute": "libSource"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "lineNumbers",
               "type": {
-                "text": "string"
+                "text": "'off' | 'on'"
               },
-              "default": "''",
-              "attribute": "value"
+              "default": "'on'",
+              "attribute": "lineNumbers"
             },
             {
               "kind": "field",
-              "name": "format",
+              "name": "minimap",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "default": "true",
-              "attribute": "format",
-              "reflects": true
+              "default": "false",
+              "attribute": "minimap"
             },
             {
               "kind": "field",
-              "name": "hideCopy",
+              "name": "_isDarkMode",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "hideCopy"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "compiledCode",
+              "name": "hasFocus",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "parsedCode",
+              "name": "editorMonacoInstance",
               "type": {
-                "text": "string | null"
+                "text": "any | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "decode",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "str",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "editorElement",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "monaco",
+              "type": {
+                "text": "any"
+              }
             },
             {
               "kind": "method",
-              "name": "__highlightCode",
+              "name": "libSourceChanged",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "__handleCopyClick",
+              "name": "getTheme",
               "privacy": "private"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "language",
-              "type": {
-                "text": "BundledLanguage"
-              },
-              "default": "'javascript'",
-              "fieldName": "language"
+              "kind": "method",
+              "name": "initializeMonaco"
             },
             {
-              "name": "line-numbers",
+              "kind": "method",
+              "name": "setFocus"
+            },
+            {
+              "kind": "method",
+              "name": "setBlur"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "lineNumbers"
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "readonly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "value"
+              "default": "false",
+              "attribute": "readonly",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
             },
             {
-              "name": "format",
+              "kind": "field",
+              "name": "required",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "default": "true",
-              "fieldName": "format"
+              "default": "false",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
             },
             {
-              "name": "hideCopy",
+              "kind": "field",
+              "name": "skeleton",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "hideCopy"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+              "attribute": "skeleton",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "'javascript' | 'json' | 'html'"
+              },
+              "default": "'javascript'",
+              "fieldName": "language"
+            },
+            {
+              "name": "libSource",
+              "type": {
+                "text": "any"
+              },
+              "fieldName": "libSource"
+            },
+            {
+              "name": "lineNumbers",
+              "type": {
+                "text": "'off' | 'on'"
+              },
+              "default": "'on'",
+              "fieldName": "lineNumbers"
+            },
+            {
+              "name": "minimap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "minimap"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "skeleton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "skeleton",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "BaseInput",
+            "module": "/src/input/BaseInput.js"
+          },
+          "tagName": "code-editor",
+          "customElement": true,
+          "summary": "Code editor",
+          "rawTag": {
+            "name": "code-editor",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CodeEditor",
+            "module": "src/code-editor/code-editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/code-editor/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CodeEditor",
+          "declaration": {
+            "name": "CodeEditor",
+            "module": "src/code-editor/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/code-highlighter/code-highlighter.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CodeHighlighter",
+          "members": [
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "BundledLanguage"
+              },
+              "default": "'javascript'",
+              "attribute": "language",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "lineNumbers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "line-numbers",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "true",
+              "attribute": "format",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideCopy",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hideCopy"
+            },
+            {
+              "kind": "field",
+              "name": "compiledCode",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "parsedCode",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "decode",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "str",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__highlightCode",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "__handleCopyClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "language",
+              "type": {
+                "text": "BundledLanguage"
+              },
+              "default": "'javascript'",
+              "fieldName": "language"
+            },
+            {
+              "name": "line-numbers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "lineNumbers"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "true",
+              "fieldName": "format"
+            },
+            {
+              "name": "hideCopy",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideCopy"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
           },
           "tagName": "code-highlighter",
           "customElement": true,
@@ -4182,158 +4483,364 @@
               "type": {
                 "text": "IconProvider"
               },
-              "default": "'material-symbols'",
-              "fieldName": "provider",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
-            }
-          ],
-          "members": [
+              "default": "'material-symbols'",
+              "fieldName": "provider",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The identifier for the icon.\nThis name corresponds to a specific SVG asset in the icon set.",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "src",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "provider",
+              "type": {
+                "text": "IconProvider"
+              },
+              "default": "'material-symbols'",
+              "attribute": "provider",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "svgContent",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "Error | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_fetchId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_debounceTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__scheduleUpdate",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "icon-error",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PIcon",
+          "declaration": {
+            "name": "PIcon",
+            "module": "src/icon/p-icon.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "base-icon",
+          "declaration": {
+            "name": "PIcon",
+            "module": "src/icon/p-icon.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/image/image.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Image",
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Primary image source",
+              "attribute": "src",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "darkSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional dark-mode image source",
+              "attribute": "dark-src",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "name",
+              "name": "imageTitle",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The identifier for the icon.\nThis name corresponds to a specific SVG asset in the icon set.",
-              "attribute": "name",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "''",
+              "description": "Alt text / title for the image",
+              "attribute": "image-title"
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "preview",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "src",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "false",
+              "description": "Enable click-to-preview lightbox",
+              "attribute": "preview",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "provider",
+              "name": "_isDarkMode",
               "type": {
-                "text": "IconProvider"
+                "text": "boolean"
               },
-              "default": "'material-symbols'",
-              "attribute": "provider",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "svgContent",
+              "name": "_loaded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "_previewOpen",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "_intersectionObserver",
               "type": {
-                "text": "Error | null"
+                "text": "IntersectionObserver | null"
               },
               "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_fetchId",
+              "name": "_themeCleanup",
               "type": {
-                "text": "number"
+                "text": "(() => void) | null"
               },
               "privacy": "private",
-              "default": "0",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "_setupIntersectionObserver",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_debounceTimer",
+              "name": "_activeSrc",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "__scheduleUpdate",
+              "name": "_handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_closePreview",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "icon-error",
+              "name": "src",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
+              "default": "''",
+              "description": "Primary image source",
+              "fieldName": "src"
+            },
+            {
+              "name": "dark-src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional dark-mode image source",
+              "fieldName": "darkSrc"
+            },
+            {
+              "name": "image-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Alt text / title for the image",
+              "fieldName": "imageTitle"
+            },
+            {
+              "name": "preview",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable click-to-preview lightbox",
+              "fieldName": "preview"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "base-image",
+          "customElement": true,
+          "summary": "Image",
+          "rawTag": {
+            "name": "image",
+            "description": ""
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PIcon",
+          "name": "Image",
           "declaration": {
-            "name": "PIcon",
-            "module": "src/icon/p-icon.ts"
+            "name": "Image",
+            "module": "src/image/image.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/image/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "base-icon",
+          "kind": "js",
+          "name": "Image",
           "declaration": {
-            "name": "PIcon",
-            "module": "src/icon/p-icon.ts"
+            "name": "Image",
+            "module": "./image.js"
           }
         }
       ]
@@ -7524,6 +8031,110 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/dispatch-event-utils.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "dispatchActivationClick",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "description": "Dispatches a click event to the given element that triggers a native action,\nbut is not composed and therefore is not seen outside the element.\n\nThis is useful for responding to an external click event on the host element\nthat should trigger an internal action like a button click.\n\nNote, a helper is provided because setting this up correctly is a bit tricky.\nIn particular, calling `click` on an element creates a composed event, which\nis not desirable, and a manually dispatched event must specifically be a\n`MouseEvent` to trigger a native action."
+        },
+        {
+          "kind": "function",
+          "name": "isActivationClick",
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "description": "Returns true if the click event should trigger an activation behavior. The\nbehavior is defined by the element and is whatever it should do when\nclicked.\n\nTypically when an element needs to handle a click, the click is generated\nfrom within the element and an event listener within the element implements\nthe needed behavior; however, it's possible to fire a click directly\nat the element that the element should handle. This method helps\ndistinguish these \"external\" clicks.\n\nAn \"external\" click can be triggered in a number of ways: via a click\non an associated label for a form  associated element, calling\n`element.click()`, or calling\n`element.dispatchEvent(new MouseEvent('click', ...))`.\n\nAlso works around Firefox issue\nhttps://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\nevents for a microtask after called."
+        },
+        {
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              },
+              "description": "The element to dispatch the event from."
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              },
+              "description": "The event to re-dispatch."
+            }
+          ],
+          "description": "Re-dispatches an event from the provided element.\n\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dispatchActivationClick",
+          "declaration": {
+            "name": "dispatchActivationClick",
+            "module": "src/utils/dispatch-event-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isActivationClick",
+          "declaration": {
+            "name": "isActivationClick",
+            "module": "src/utils/dispatch-event-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "redispatchEvent",
+          "declaration": {
+            "name": "redispatchEvent",
+            "module": "src/utils/dispatch-event-utils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/observe-theme-change.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "observeThemeChange"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "observeThemeChange",
+          "declaration": {
+            "name": "observeThemeChange",
+            "module": "src/utils/observe-theme-change.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion/accordion.ts",