@tylertech/forge 3.14.0-dev.4 → 3.14.0

package/custom-elements.json

@@ -4,169 +4,116 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "src/lib/avatar/avatar.ts",
+      "path": "src/lib/accordion/accordion.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "AVATAR_TAG_NAME",
+          "name": "ACCORDION_TAG_NAME",
           "type": {
             "text": "keyof HTMLElementTagNameMap"
           },
-          "default": "'forge-avatar'"
+          "default": "'forge-accordion'"
         },
         {
           "kind": "class",
           "description": "",
-          "name": "AvatarComponent",
-          "cssProperties": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The background color of the avatar.",
-              "name": "--forge-avatar-background"
-            },
-            {
-              "type": {
-                "text": "number"
-              },
-              "description": "The border radius of the avatar, defaults to 50%.",
-              "name": "--forge-avatar-shape"
-            },
-            {
-              "type": {
-                "text": "color"
-              },
-              "description": "The text color of the avatar.",
-              "name": "--forge-avatar-color"
-            },
-            {
-              "type": {
-                "text": "number"
-              },
-              "description": "The height and width of the avatar.",
-              "name": "--forge-avatar-size"
-            },
-            {
-              "type": {
-                "text": "number"
-              },
-              "description": "The transition duration for animations.",
-              "name": "--forge-avatar-transition-duration"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The transition timing function for animations.",
-              "name": "--forge-avatar-transition-timing"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The root container element.",
-              "name": "root"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot for avatar content if not provided via text/imageUrl.",
-              "name": ""
-            }
-          ],
+          "name": "AccordionComponent",
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "panelSelector",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "The text to display in the avatar.",
-              "attribute": "text"
+              "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
+              "attribute": "panel-selector"
             },
             {
               "kind": "field",
-              "name": "letterCount",
+              "name": "#onToggle",
+              "privacy": "private",
               "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "2",
-              "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
-              "attribute": "letter-count"
+                "text": "EventListener"
+              }
             },
             {
-              "kind": "field",
-              "name": "imageUrl",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "#handleToggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "The background image URL to use.",
-              "attribute": "image-url"
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_image",
-              "type": {
-                "text": "HTMLImageElement | undefined"
+              "kind": "method",
+              "name": "#isNestedPanel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private"
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_tryLoadImage",
+              "name": "#getChildPanels",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "ExpansionPanelComponent[]"
                 }
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The text to display in the avatar.",
-              "fieldName": "text"
-            },
+          "events": [
             {
-              "name": "letter-count",
+              "name": "forge-accordion-toggle",
               "type": {
-                "text": "number"
+                "text": "CustomEvent<IExpansionPanelComponent>"
               },
-              "default": "2",
-              "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
-              "fieldName": "letterCount"
-            },
+              "description": "Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail."
+            }
+          ],
+          "attributes": [
             {
-              "name": "image-url",
+              "name": "panel-selector",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "The background image URL to use.",
-              "fieldName": "imageUrl"
+              "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
+              "fieldName": "panelSelector"
             }
           ],
           "superclass": {
             "name": "BaseLitElement",
             "module": "/src/lib/core/base/base-lit-element.js"
           },
-          "tagName": "forge-avatar",
+          "tagName": "forge-accordion",
           "customElement": true,
-          "summary": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.",
-          "cssClasses": [
+          "summary": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.",
+          "dependencies": [
             {
-              "name": "forge-avatar",
-              "description": "The avatar class _(required)_."
+              "name": "forge-expansion-panel",
+              "description": ""
             }
           ]
         }
@@ -174,18 +121,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "AVATAR_TAG_NAME",
+          "name": "ACCORDION_TAG_NAME",
           "declaration": {
-            "name": "AVATAR_TAG_NAME",
-            "module": "src/lib/avatar/avatar.ts"
+            "name": "ACCORDION_TAG_NAME",
+            "module": "src/lib/accordion/accordion.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AvatarComponent",
+          "name": "AccordionComponent",
           "declaration": {
-            "name": "AvatarComponent",
-            "module": "src/lib/avatar/avatar.ts"
+            "name": "AccordionComponent",
+            "module": "src/lib/accordion/accordion.ts"
           }
         }
       ]
@@ -961,116 +908,169 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/accordion/accordion.ts",
+      "path": "src/lib/avatar/avatar.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "ACCORDION_TAG_NAME",
+          "name": "AVATAR_TAG_NAME",
           "type": {
             "text": "keyof HTMLElementTagNameMap"
           },
-          "default": "'forge-accordion'"
+          "default": "'forge-avatar'"
         },
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionComponent",
+          "name": "AvatarComponent",
+          "cssProperties": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The background color of the avatar.",
+              "name": "--forge-avatar-background"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The border radius of the avatar, defaults to 50%.",
+              "name": "--forge-avatar-shape"
+            },
+            {
+              "type": {
+                "text": "color"
+              },
+              "description": "The text color of the avatar.",
+              "name": "--forge-avatar-color"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The height and width of the avatar.",
+              "name": "--forge-avatar-size"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The transition duration for animations.",
+              "name": "--forge-avatar-transition-duration"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The transition timing function for animations.",
+              "name": "--forge-avatar-transition-timing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root container element.",
+              "name": "root"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for avatar content if not provided via text/imageUrl.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "panelSelector",
+              "name": "text",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
-              "attribute": "panel-selector"
+              "default": "''",
+              "description": "The text to display in the avatar.",
+              "attribute": "text"
             },
             {
               "kind": "field",
-              "name": "#onToggle",
-              "privacy": "private",
+              "name": "letterCount",
               "type": {
-                "text": "EventListener"
-              }
+                "text": "number"
+              },
+              "privacy": "public",
+              "default": "2",
+              "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
+              "attribute": "letter-count"
             },
             {
-              "kind": "method",
-              "name": "#handleToggle",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "imageUrl",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "privacy": "public",
+              "default": "''",
+              "description": "The background image URL to use.",
+              "attribute": "image-url"
             },
             {
-              "kind": "method",
-              "name": "#isNestedPanel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "_image",
+              "type": {
+                "text": "HTMLImageElement | undefined"
               },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#getChildPanels",
+              "name": "_tryLoadImage",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "ExpansionPanelComponent[]"
+                  "text": "Promise<void>"
                 }
               }
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "forge-accordion-toggle",
+              "name": "text",
               "type": {
-                "text": "CustomEvent<IExpansionPanelComponent>"
+                "text": "string"
               },
-              "description": "Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail."
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "description": "The text to display in the avatar.",
+              "fieldName": "text"
+            },
             {
-              "name": "panel-selector",
+              "name": "letter-count",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
-              "fieldName": "panelSelector"
+              "default": "2",
+              "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
+              "fieldName": "letterCount"
+            },
+            {
+              "name": "image-url",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The background image URL to use.",
+              "fieldName": "imageUrl"
             }
           ],
           "superclass": {
             "name": "BaseLitElement",
             "module": "/src/lib/core/base/base-lit-element.js"
           },
-          "tagName": "forge-accordion",
+          "tagName": "forge-avatar",
           "customElement": true,
-          "summary": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.",
-          "dependencies": [
+          "summary": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.",
+          "cssClasses": [
             {
-              "name": "forge-expansion-panel",
-              "description": ""
+              "name": "forge-avatar",
+              "description": "The avatar class _(required)_."
             }
           ]
         }
@@ -1078,18 +1078,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ACCORDION_TAG_NAME",
+          "name": "AVATAR_TAG_NAME",
           "declaration": {
-            "name": "ACCORDION_TAG_NAME",
-            "module": "src/lib/accordion/accordion.ts"
+            "name": "AVATAR_TAG_NAME",
+            "module": "src/lib/avatar/avatar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AccordionComponent",
+          "name": "AvatarComponent",
           "declaration": {
-            "name": "AccordionComponent",
-            "module": "src/lib/accordion/accordion.ts"
+            "name": "AvatarComponent",
+            "module": "src/lib/avatar/avatar.ts"
           }
         }
       ]
@@ -16820,6 +16820,547 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/secret/secret.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SECRET_TAG_NAME",
+          "type": {
+            "text": "keyof HTMLElementTagNameMap"
+          },
+          "default": "'forge-secret'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SecretComponent",
+          "cssProperties": [
+            {
+              "description": "The radius of the blur effect.",
+              "name": "--forge-secret-blur"
+            },
+            {
+              "description": "The background color of the button.",
+              "name": "--forge-secret-button-background"
+            },
+            {
+              "description": "The text and icon color of the button.",
+              "name": "--forge-secret-button-color"
+            },
+            {
+              "description": "The button's border radius.",
+              "name": "--forge-secret-button-shape"
+            },
+            {
+              "description": "The inline padding around the button or inline and block padding around the text button.",
+              "name": "--forge-secret-button-padding"
+            },
+            {
+              "description": "The icon's size.",
+              "name": "--forge-secret-icon-size"
+            },
+            {
+              "description": "The text button's border radius.",
+              "name": "--forge-secret-text-button-shape"
+            },
+            {
+              "description": "The decoration line applied to open inline content.",
+              "name": "--forge-secret-text-decoration-line"
+            },
+            {
+              "description": "The style of the text decoration line.",
+              "name": "--forge-secret-text-decoration-style"
+            },
+            {
+              "description": "The color of the text decoration line.",
+              "name": "--forge-secret-text-decoration-color"
+            },
+            {
+              "description": "The spacing between the inline content and the text decoration line.",
+              "name": "--forge-secret-text-underline-offset"
+            },
+            {
+              "description": "The duration of transitions.",
+              "name": "--forge-secret-transition-duration"
+            },
+            {
+              "description": "The timing function of transitions.",
+              "name": "--forge-secret-transition-easing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root container.",
+              "name": "root"
+            },
+            {
+              "description": "The content container.",
+              "name": "content"
+            },
+            {
+              "description": "The toggle button element.",
+              "name": "button"
+            },
+            {
+              "description": "The toggle button element when the secret is set to block.",
+              "name": "text-button"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for the secret content.",
+              "name": ""
+            },
+            {
+              "description": "An icon that is shown when the secret is open, indicating it can be closed.",
+              "name": "close-icon"
+            },
+            {
+              "description": "An icon that is shown when the secret is closed, indicating it can be opened.",
+              "name": "open-icon"
+            },
+            {
+              "description": "Text content that appears in the tooltip attached to the button or as the button text when set to block.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the secret content is visible.",
+              "attribute": "open"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SecretVariant"
+              },
+              "privacy": "public",
+              "default": "'blur'",
+              "description": "The style applied to hidden content when the secret is set to inline. Possible values are blur, masked, and noise.",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "mask",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The mask pattern to use with the masked variant. When empty the slotted text content is used as the mask.",
+              "attribute": "mask"
+            },
+            {
+              "kind": "field",
+              "name": "maskCharacter",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'●'",
+              "description": "The character to replace characters with in the masked variant.",
+              "attribute": "mask-character"
+            },
+            {
+              "kind": "field",
+              "name": "unmaskedCharacters",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Characters that will not be replaced by the mask character in the masked variant.",
+              "attribute": "unmasked-characters"
+            },
+            {
+              "kind": "field",
+              "name": "block",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the secret content should be displayed as a block element instead of inline with text.",
+              "attribute": "block"
+            },
+            {
+              "kind": "field",
+              "name": "buttonPosition",
+              "type": {
+                "text": "SecretButtonPosition"
+              },
+              "privacy": "public",
+              "default": "'end'",
+              "description": "The position of the button when the secret is set to inline. Possible values are start and end.",
+              "attribute": "button-position"
+            },
+            {
+              "kind": "field",
+              "name": "showOnHover",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to reveal content on hover/focus in addition to clicks.",
+              "attribute": "show-on-hover"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "When set, secrets with the same name will close when another secret with that name is opened.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "_buttonElement",
+              "type": {
+                "text": "ButtonComponent | IconButtonComponent"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_contentNodes",
+              "type": {
+                "text": "NodeListOf<ChildNode>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_mask",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "#toggleTextRef",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderTextButton",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderIconButton",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#hideOtherSecretsInGroup",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchToggleEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getTextContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#announceContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#tryUpdateInternalMask",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues<this>"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "ToggleEvent"
+              },
+              "description": "Dispatched when the secret opens or closes.",
+              "name": "toggle"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the secret content is visible.",
+              "fieldName": "open"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "SecretVariant"
+              },
+              "default": "'blur'",
+              "description": "The style applied to hidden content when the secret is set to inline. Possible values are blur, masked, and noise.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "mask",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The mask pattern to use with the masked variant. When empty the slotted text content is used as the mask.",
+              "fieldName": "mask"
+            },
+            {
+              "name": "mask-character",
+              "type": {
+                "text": "string"
+              },
+              "default": "'●'",
+              "description": "The character to replace characters with in the masked variant.",
+              "fieldName": "maskCharacter"
+            },
+            {
+              "name": "unmasked-characters",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Characters that will not be replaced by the mask character in the masked variant.",
+              "fieldName": "unmaskedCharacters"
+            },
+            {
+              "name": "block",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the secret content should be displayed as a block element instead of inline with text.",
+              "fieldName": "block"
+            },
+            {
+              "name": "button-position",
+              "type": {
+                "text": "SecretButtonPosition"
+              },
+              "default": "'end'",
+              "description": "The position of the button when the secret is set to inline. Possible values are start and end.",
+              "fieldName": "buttonPosition"
+            },
+            {
+              "name": "show-on-hover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to reveal content on hover/focus in addition to clicks.",
+              "fieldName": "showOnHover"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "When set, secrets with the same name will close when another secret with that name is opened.",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "BaseLitElement",
+            "module": "/src/lib/core/base/base-lit-element.js"
+          },
+          "tagName": "forge-secret",
+          "customElement": true,
+          "summary": "A component that conceals content with a blur or dot mask, revealing it on user interaction.",
+          "states": [
+            {
+              "name": "open",
+              "description": "Indicates that the content is visible."
+            },
+            {
+              "name": "block",
+              "description": "Indicates that the secret is displayed as a block element instead of inline."
+            }
+          ],
+          "cssClasses": [
+            {
+              "name": "forge-secret",
+              "description": "The secret component container (required)."
+            },
+            {
+              "name": "forge-secret--blur",
+              "description": "Applies a blur effect to conceal content when the button has `aria-expanded=\"false\"`."
+            },
+            {
+              "name": "forge-secret--masked",
+              "description": "Applies a dot mask to conceal content when the button has `aria-expanded=\"false\"`. Not applicable when the secret is set to block. In that case the blur variant is used instead."
+            },
+            {
+              "name": "forge-secret--noise",
+              "description": "Applies a noise effect to conceal content when the button has `aria-expanded=\"false\"`."
+            },
+            {
+              "name": "forge-secret--block",
+              "description": "Displays the secret as a block element."
+            },
+            {
+              "name": "forge-secret--show-on-hover",
+              "description": "Reveals the secret content when hovering over the component or focusing the button."
+            },
+            {
+              "name": "forge-secret__content",
+              "description": "The content to be concealed or revealed."
+            },
+            {
+              "name": "forge-secret__button",
+              "description": "The icon button used to toggle an inline secret."
+            },
+            {
+              "name": "forge-secret__text-button",
+              "description": "The text button used to toggle a block secret."
+            },
+            {
+              "name": "forge-secret__masked",
+              "description": "The element replacing concealed content when the masked variant is used. The `data-mask` attribute on this element sets its content."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SECRET_TAG_NAME",
+          "declaration": {
+            "name": "SECRET_TAG_NAME",
+            "module": "src/lib/secret/secret.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SecretComponent",
+          "declaration": {
+            "name": "SecretComponent",
+            "module": "src/lib/secret/secret.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/skeleton/skeleton.ts",
@@ -17013,6 +17554,323 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/skip-link/skip-link.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SkipLinkComponent",
+          "cssProperties": [
+            {
+              "description": "The background color of the skip link.",
+              "name": "--forge-skip-link-background"
+            },
+            {
+              "description": "The text color of the skip link.",
+              "name": "--forge-skip-link-color"
+            },
+            {
+              "description": "The border radius of the skip link.",
+              "name": "--forge-skip-link-shape"
+            },
+            {
+              "description": "The skip link's inset from the edge of the viewport.",
+              "name": "--forge-skip-link-inset"
+            },
+            {
+              "description": "The z-index of the skip link.",
+              "name": "--forge-skip-link-z-index"
+            },
+            {
+              "description": "The box shadow of the skip link.",
+              "name": "--forge-skip-link-elevation"
+            },
+            {
+              "description": "The interior padding of the skip link along the block axis.",
+              "name": "--forge-skip-link-padding-block"
+            },
+            {
+              "description": "The interior padding of the skip link along the inline axis.",
+              "name": "--forge-skip-link-padding-inline"
+            },
+            {
+              "description": "The color of the focus indicator.",
+              "name": "--forge-skip-link-focus-indicator-color"
+            },
+            {
+              "description": "The duration of the skip link's animations.",
+              "name": "--forge-skip-link-transition-duration"
+            },
+            {
+              "description": "The timing function of the skip link's animations.",
+              "name": "--forge-skip-link-transition-timing-function"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root anchor element.",
+              "name": "anchor"
+            },
+            {
+              "description": "The focus indicator element.",
+              "name": "focus-indicator"
+            },
+            {
+              "description": "The state layer element.",
+              "name": "state-layer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default/unnamed slot for link text.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_target",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_theme",
+              "type": {
+                "text": "SkipLinkTheme"
+              },
+              "privacy": "private",
+              "default": "'default'"
+            },
+            {
+              "kind": "field",
+              "name": "_muted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_inline",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_anchorElement",
+              "type": {
+                "text": "HTMLAnchorElement"
+              },
+              "privacy": "private",
+              "default": "getShadowElement(this, SKIP_LINK_CONSTANTS.selectors.ANCHOR)"
+            },
+            {
+              "kind": "field",
+              "name": "_clickListener",
+              "type": {
+                "text": "EventListener"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The IDREF of the element to which the skip link should navigate.",
+              "default": "''",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "SkipLinkTheme"
+              },
+              "privacy": "public",
+              "description": "The theme applied to the skip link.",
+              "default": "'default'",
+              "attribute": "theme"
+            },
+            {
+              "kind": "field",
+              "name": "muted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether or not the skip link uses a muted color scheme.",
+              "default": "false",
+              "attribute": "muted"
+            },
+            {
+              "kind": "field",
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether or not the skip link should remain visible when not focused.",
+              "default": "false",
+              "attribute": "persistent"
+            },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether or not the skip link renders within its container.",
+              "default": "false",
+              "attribute": "inline"
+            },
+            {
+              "kind": "field",
+              "name": "skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "attribute": "skip-url-change"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "The IDREF of the element to which the skip link should navigate.",
+              "default": "''",
+              "fieldName": "target"
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "SkipLinkTheme"
+              },
+              "description": "The theme applied to the skip link.",
+              "default": "'default'",
+              "fieldName": "theme"
+            },
+            {
+              "name": "muted",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether or not the skip link uses a muted color scheme.",
+              "default": "false",
+              "fieldName": "muted"
+            },
+            {
+              "name": "persistent",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether or not the skip link should remain visible when not focused.",
+              "default": "false",
+              "fieldName": "persistent"
+            },
+            {
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether or not the skip link renders within its container.",
+              "default": "false",
+              "fieldName": "inline"
+            },
+            {
+              "name": "skip-url-change",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "fieldName": "skipUrlChange"
+            }
+          ],
+          "superclass": {
+            "name": "BaseComponent",
+            "module": "/src/lib/core/index.js"
+          },
+          "tagName": "forge-skip-link",
+          "customElement": true,
+          "summary": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.",
+          "dependencies": [
+            {
+              "name": "forge-focus-indicator",
+              "description": ""
+            },
+            {
+              "name": "forge-state-layer",
+              "description": ""
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkipLinkComponent",
+          "declaration": {
+            "name": "SkipLinkComponent",
+            "module": "src/lib/skip-link/skip-link.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/slider/slider.ts",
@@ -17585,323 +18443,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/skip-link/skip-link.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SkipLinkComponent",
-          "cssProperties": [
-            {
-              "description": "The background color of the skip link.",
-              "name": "--forge-skip-link-background"
-            },
-            {
-              "description": "The text color of the skip link.",
-              "name": "--forge-skip-link-color"
-            },
-            {
-              "description": "The border radius of the skip link.",
-              "name": "--forge-skip-link-shape"
-            },
-            {
-              "description": "The skip link's inset from the edge of the viewport.",
-              "name": "--forge-skip-link-inset"
-            },
-            {
-              "description": "The z-index of the skip link.",
-              "name": "--forge-skip-link-z-index"
-            },
-            {
-              "description": "The box shadow of the skip link.",
-              "name": "--forge-skip-link-elevation"
-            },
-            {
-              "description": "The interior padding of the skip link along the block axis.",
-              "name": "--forge-skip-link-padding-block"
-            },
-            {
-              "description": "The interior padding of the skip link along the inline axis.",
-              "name": "--forge-skip-link-padding-inline"
-            },
-            {
-              "description": "The color of the focus indicator.",
-              "name": "--forge-skip-link-focus-indicator-color"
-            },
-            {
-              "description": "The duration of the skip link's animations.",
-              "name": "--forge-skip-link-transition-duration"
-            },
-            {
-              "description": "The timing function of the skip link's animations.",
-              "name": "--forge-skip-link-transition-timing-function"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The root anchor element.",
-              "name": "anchor"
-            },
-            {
-              "description": "The focus indicator element.",
-              "name": "focus-indicator"
-            },
-            {
-              "description": "The state layer element.",
-              "name": "state-layer"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default/unnamed slot for link text.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "_target",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_theme",
-              "type": {
-                "text": "SkipLinkTheme"
-              },
-              "privacy": "private",
-              "default": "'default'"
-            },
-            {
-              "kind": "field",
-              "name": "_muted",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_inline",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_skipUrlChange",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_anchorElement",
-              "type": {
-                "text": "HTMLAnchorElement"
-              },
-              "privacy": "private",
-              "default": "getShadowElement(this, SKIP_LINK_CONSTANTS.selectors.ANCHOR)"
-            },
-            {
-              "kind": "field",
-              "name": "_clickListener",
-              "type": {
-                "text": "EventListener"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The IDREF of the element to which the skip link should navigate.",
-              "default": "''",
-              "attribute": "target"
-            },
-            {
-              "kind": "field",
-              "name": "theme",
-              "type": {
-                "text": "SkipLinkTheme"
-              },
-              "privacy": "public",
-              "description": "The theme applied to the skip link.",
-              "default": "'default'",
-              "attribute": "theme"
-            },
-            {
-              "kind": "field",
-              "name": "muted",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether or not the skip link uses a muted color scheme.",
-              "default": "false",
-              "attribute": "muted"
-            },
-            {
-              "kind": "field",
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether or not the skip link should remain visible when not focused.",
-              "default": "false",
-              "attribute": "persistent"
-            },
-            {
-              "kind": "field",
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether or not the skip link renders within its container.",
-              "default": "false",
-              "attribute": "inline"
-            },
-            {
-              "kind": "field",
-              "name": "skipUrlChange",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
-              "default": "false",
-              "attribute": "skip-url-change"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "description": "The IDREF of the element to which the skip link should navigate.",
-              "default": "''",
-              "fieldName": "target"
-            },
-            {
-              "name": "theme",
-              "type": {
-                "text": "SkipLinkTheme"
-              },
-              "description": "The theme applied to the skip link.",
-              "default": "'default'",
-              "fieldName": "theme"
-            },
-            {
-              "name": "muted",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether or not the skip link uses a muted color scheme.",
-              "default": "false",
-              "fieldName": "muted"
-            },
-            {
-              "name": "persistent",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether or not the skip link should remain visible when not focused.",
-              "default": "false",
-              "fieldName": "persistent"
-            },
-            {
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether or not the skip link renders within its container.",
-              "default": "false",
-              "fieldName": "inline"
-            },
-            {
-              "name": "skip-url-change",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
-              "default": "false",
-              "fieldName": "skipUrlChange"
-            }
-          ],
-          "superclass": {
-            "name": "BaseComponent",
-            "module": "/src/lib/core/index.js"
-          },
-          "tagName": "forge-skip-link",
-          "customElement": true,
-          "summary": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.",
-          "dependencies": [
-            {
-              "name": "forge-focus-indicator",
-              "description": ""
-            },
-            {
-              "name": "forge-state-layer",
-              "description": ""
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkipLinkComponent",
-          "declaration": {
-            "name": "SkipLinkComponent",
-            "module": "src/lib/skip-link/skip-link.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/split-button/split-button.ts",
@@ -22777,6 +23318,89 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AppBarHelpButtonComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "IMenuOption[]"
+              },
+              "privacy": "public",
+              "description": "The menu options to display when the button is clicked",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The name of an alternative icon to display.",
+              "default": "help"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<IMenuSelectEventData>"
+              },
+              "description": "Bubbles up the menu select from the internal menu component.",
+              "name": "forge-menu-select"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of an alternative icon to display.",
+              "name": "icon",
+              "default": "help"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label to apply to the button.",
+              "name": "aria-label"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of an element to use as the aria-labelledby attribute.",
+              "name": "aria-labelledby"
+            }
+          ],
+          "superclass": {
+            "name": "BaseComponent",
+            "module": "/src/lib/core/base/base-component.js"
+          },
+          "tagName": "forge-app-bar-help-button",
+          "customElement": true,
+          "summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AppBarHelpButtonComponent",
+          "declaration": {
+            "name": "AppBarHelpButtonComponent",
+            "module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/app-bar/app-bar/app-bar.ts",
@@ -23131,89 +23755,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AppBarHelpButtonComponent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "IMenuOption[]"
-              },
-              "privacy": "public",
-              "description": "The menu options to display when the button is clicked",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of an alternative icon to display.",
-              "default": "help"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent<IMenuSelectEventData>"
-              },
-              "description": "Bubbles up the menu select from the internal menu component.",
-              "name": "forge-menu-select"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of an alternative icon to display.",
-              "name": "icon",
-              "default": "help"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The aria-label to apply to the button.",
-              "name": "aria-label"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The id of an element to use as the aria-labelledby attribute.",
-              "name": "aria-labelledby"
-            }
-          ],
-          "superclass": {
-            "name": "BaseComponent",
-            "module": "/src/lib/core/base/base-component.js"
-          },
-          "tagName": "forge-app-bar-help-button",
-          "customElement": true,
-          "summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AppBarHelpButtonComponent",
-          "declaration": {
-            "name": "AppBarHelpButtonComponent",
-            "module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
@@ -27226,6 +27767,189 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ModalDrawerComponent",
+          "cssProperties": [
+            {
+              "description": "The width of the drawer.",
+              "name": "--forge-drawer-width"
+            },
+            {
+              "description": "The background color of the drawer.",
+              "name": "--forge-drawer-background"
+            },
+            {
+              "description": "The border of the drawer.",
+              "name": "--forge-drawer-border-color"
+            },
+            {
+              "description": "The border width of the drawer.",
+              "name": "--forge-drawer-border-width"
+            },
+            {
+              "description": "The transition duration of the drawer.",
+              "name": "--forge-drawer-transition-duration"
+            },
+            {
+              "description": "The transition timing function of the drawer.",
+              "name": "--forge-drawer-transition-easing"
+            },
+            {
+              "description": "The duration of the drawer closing animation.",
+              "name": "--forge-drawer-duration-close"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's root element.",
+              "name": "root"
+            },
+            {
+              "description": "The content container element.",
+              "name": "content"
+            },
+            {
+              "description": "The backdrop root element.",
+              "name": "backdrop"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The content to display in the scrollable content container.",
+              "name": ""
+            },
+            {
+              "description": "The header content above the main content.",
+              "name": "header"
+            },
+            {
+              "description": "The footer content below the main content.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Toggles whether the drawer is visible or not.",
+              "default": "false",
+              "attribute": "open",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "DrawerDirection"
+              },
+              "privacy": "public",
+              "description": "Controls the layout and animation direction of the drawer for positioning on the left vs. right side of the screen when toggling the `open` attribute.",
+              "default": "\"left\"",
+              "attribute": "direction",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Dispatched when the modal drawer is closed by clicking the backdrop.",
+              "name": "forge-modal-drawer-close"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Dispatched after the drawer has opened.",
+              "name": "forge-drawer-after-open",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Dispatched after the drawer has closed.",
+              "name": "forge-drawer-after-close",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "BaseDrawerComponent",
+            "module": "/src/lib/drawer/base/index.js"
+          },
+          "tagName": "forge-modal-drawer",
+          "customElement": true,
+          "summary": "A modal navigation drawer component that slides in from the side with a backdrop overlay, typically used for temporary navigation panels. Prefer to use the dialog component with the preset options for sidesheet styles drawers.",
+          "dependencies": [
+            {
+              "name": "forge-backdrop",
+              "description": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Toggles whether the drawer is visible or not.",
+              "default": "false",
+              "fieldName": "open",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "DrawerDirection"
+              },
+              "description": "Controls the layout and animation direction of the drawer for positioning on the left vs. right side of the screen when toggling the `open` attribute.",
+              "default": "\"left\"",
+              "fieldName": "direction",
+              "inheritedFrom": {
+                "name": "BaseDrawerComponent",
+                "module": "src/lib/drawer/base/base-drawer.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalDrawerComponent",
+          "declaration": {
+            "name": "ModalDrawerComponent",
+            "module": "src/lib/drawer/modal-drawer/modal-drawer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/field/base/base-field.ts",
@@ -28297,189 +29021,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ModalDrawerComponent",
-          "cssProperties": [
-            {
-              "description": "The width of the drawer.",
-              "name": "--forge-drawer-width"
-            },
-            {
-              "description": "The background color of the drawer.",
-              "name": "--forge-drawer-background"
-            },
-            {
-              "description": "The border of the drawer.",
-              "name": "--forge-drawer-border-color"
-            },
-            {
-              "description": "The border width of the drawer.",
-              "name": "--forge-drawer-border-width"
-            },
-            {
-              "description": "The transition duration of the drawer.",
-              "name": "--forge-drawer-transition-duration"
-            },
-            {
-              "description": "The transition timing function of the drawer.",
-              "name": "--forge-drawer-transition-easing"
-            },
-            {
-              "description": "The duration of the drawer closing animation.",
-              "name": "--forge-drawer-duration-close"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's root element.",
-              "name": "root"
-            },
-            {
-              "description": "The content container element.",
-              "name": "content"
-            },
-            {
-              "description": "The backdrop root element.",
-              "name": "backdrop"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The content to display in the scrollable content container.",
-              "name": ""
-            },
-            {
-              "description": "The header content above the main content.",
-              "name": "header"
-            },
-            {
-              "description": "The footer content below the main content.",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Toggles whether the drawer is visible or not.",
-              "default": "false",
-              "attribute": "open",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "DrawerDirection"
-              },
-              "privacy": "public",
-              "description": "Controls the layout and animation direction of the drawer for positioning on the left vs. right side of the screen when toggling the `open` attribute.",
-              "default": "\"left\"",
-              "attribute": "direction",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent<void>"
-              },
-              "description": "Dispatched when the modal drawer is closed by clicking the backdrop.",
-              "name": "forge-modal-drawer-close"
-            },
-            {
-              "type": {
-                "text": "CustomEvent<void>"
-              },
-              "description": "Dispatched after the drawer has opened.",
-              "name": "forge-drawer-after-open",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "CustomEvent<void>"
-              },
-              "description": "Dispatched after the drawer has closed.",
-              "name": "forge-drawer-after-close",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "BaseDrawerComponent",
-            "module": "/src/lib/drawer/base/index.js"
-          },
-          "tagName": "forge-modal-drawer",
-          "customElement": true,
-          "summary": "A modal navigation drawer component that slides in from the side with a backdrop overlay, typically used for temporary navigation panels. Prefer to use the dialog component with the preset options for sidesheet styles drawers.",
-          "dependencies": [
-            {
-              "name": "forge-backdrop",
-              "description": ""
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Toggles whether the drawer is visible or not.",
-              "default": "false",
-              "fieldName": "open",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "DrawerDirection"
-              },
-              "description": "Controls the layout and animation direction of the drawer for positioning on the left vs. right side of the screen when toggling the `open` attribute.",
-              "default": "\"left\"",
-              "fieldName": "direction",
-              "inheritedFrom": {
-                "name": "BaseDrawerComponent",
-                "module": "src/lib/drawer/base/base-drawer.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ModalDrawerComponent",
-          "declaration": {
-            "name": "ModalDrawerComponent",
-            "module": "src/lib/drawer/modal-drawer/modal-drawer.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/key/key/key.ts",
@@ -36220,6 +36761,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/view-switcher/view/view.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ViewComponent",
+          "superclass": {
+            "name": "BaseComponent",
+            "module": "/src/lib/core/base/base-component.js"
+          },
+          "tagName": "forge-view",
+          "customElement": true,
+          "summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewComponent",
+          "declaration": {
+            "name": "ViewComponent",
+            "module": "src/lib/view-switcher/view/view.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/tree/tree-item/tree-item.ts",
@@ -36666,34 +37235,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/view-switcher/view/view.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ViewComponent",
-          "superclass": {
-            "name": "BaseComponent",
-            "module": "/src/lib/core/base/base-component.js"
-          },
-          "tagName": "forge-view",
-          "customElement": true,
-          "summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ViewComponent",
-          "declaration": {
-            "name": "ViewComponent",
-            "module": "src/lib/view-switcher/view/view.ts"
-          }
-        }
-      ]
     }
   ],
   "branchName": "main",
@@ -36718,17 +37259,17 @@
       "path": "src/lib/constants.ts",
       "lineNumber": 62
     },
-    "IAvatarComponent": {
-      "path": "src/lib/avatar/avatar.ts",
-      "lineNumber": 10
+    "IAccordionComponent": {
+      "path": "src/lib/accordion/accordion.ts",
+      "lineNumber": 9
     },
-    "HTMLElementTagNameMap": {
-      "path": "src/lib/view-switcher/view/view.ts",
-      "lineNumber": 12
+    "AccordionComponent": {
+      "path": "src/lib/accordion/accordion.ts",
+      "lineNumber": 24
     },
-    "AvatarComponent": {
-      "path": "src/lib/avatar/avatar.ts",
-      "lineNumber": 54
+    "HTMLElementTagNameMap": {
+      "path": "src/lib/tree/tree-item/tree-item.ts",
+      "lineNumber": 382
     },
     "IAutocompleteAdapter": {
       "path": "src/lib/autocomplete/autocomplete-adapter.ts",
@@ -36822,13 +37363,13 @@
       "path": "src/lib/autocomplete/autocomplete.ts",
       "lineNumber": 77
     },
-    "IAccordionComponent": {
-      "path": "src/lib/accordion/accordion.ts",
-      "lineNumber": 9
+    "IAvatarComponent": {
+      "path": "src/lib/avatar/avatar.ts",
+      "lineNumber": 10
     },
-    "AccordionComponent": {
-      "path": "src/lib/accordion/accordion.ts",
-      "lineNumber": 24
+    "AvatarComponent": {
+      "path": "src/lib/avatar/avatar.ts",
+      "lineNumber": 54
     },
     "IBackdropComponent": {
       "path": "src/lib/backdrop/backdrop.ts",
@@ -38266,6 +38807,18 @@
       "path": "src/lib/scaffold/scaffold.ts",
       "lineNumber": 53
     },
+    "SecretVariant": {
+      "path": "src/lib/secret/secret.ts",
+      "lineNumber": 21
+    },
+    "SecretButtonPosition": {
+      "path": "src/lib/secret/secret.ts",
+      "lineNumber": 22
+    },
+    "SecretComponent": {
+      "path": "src/lib/secret/secret.ts",
+      "lineNumber": 76
+    },
     "IOption": {
       "path": "src/lib/select/index.ts",
       "lineNumber": 8
@@ -38298,6 +38851,18 @@
       "path": "src/lib/skeleton/skeleton.ts",
       "lineNumber": 59
     },
+    "SkipLinkTheme": {
+      "path": "src/lib/skip-link/skip-link-constants.ts",
+      "lineNumber": 29
+    },
+    "ISkipLinkComponent": {
+      "path": "src/lib/skip-link/skip-link.ts",
+      "lineNumber": 10
+    },
+    "SkipLinkComponent": {
+      "path": "src/lib/skip-link/skip-link.ts",
+      "lineNumber": 51
+    },
     "ISliderState": {
       "path": "src/lib/slider/slider-adapter.ts",
       "lineNumber": 10
@@ -38354,18 +38919,6 @@
       "path": "src/lib/slider/slider.ts",
       "lineNumber": 143
     },
-    "SkipLinkTheme": {
-      "path": "src/lib/skip-link/skip-link-constants.ts",
-      "lineNumber": 29
-    },
-    "ISkipLinkComponent": {
-      "path": "src/lib/skip-link/skip-link.ts",
-      "lineNumber": 10
-    },
-    "SkipLinkComponent": {
-      "path": "src/lib/skip-link/skip-link.ts",
-      "lineNumber": 51
-    },
     "ISplitButtonAdapter": {
       "path": "src/lib/split-button/split-button-adapter.ts",
       "lineNumber": 6
@@ -38934,26 +39487,6 @@
       "path": "src/lib/view-switcher/view-switcher.ts",
       "lineNumber": 38
     },
-    "AppBarElevation": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 43
-    },
-    "AppBarTheme": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 44
-    },
-    "AppBarThemeMode": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 45
-    },
-    "IAppBarComponent": {
-      "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 14
-    },
-    "AppBarComponent": {
-      "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 65
-    },
     "IAppBarHelpButtonAdapter": {
       "path": "src/lib/app-bar/help-button/app-bar-help-button-adapter.ts",
       "lineNumber": 11
@@ -38978,6 +39511,26 @@
       "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
       "lineNumber": 39
     },
+    "AppBarElevation": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 43
+    },
+    "AppBarTheme": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 44
+    },
+    "AppBarThemeMode": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 45
+    },
+    "IAppBarComponent": {
+      "path": "src/lib/app-bar/app-bar/app-bar.ts",
+      "lineNumber": 14
+    },
+    "AppBarComponent": {
+      "path": "src/lib/app-bar/app-bar/app-bar.ts",
+      "lineNumber": 65
+    },
     "IAppBarMenuButtonComponent": {
       "path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
       "lineNumber": 12
@@ -39734,6 +40287,30 @@
       "path": "src/lib/drawer/mini-drawer/mini-drawer.ts",
       "lineNumber": 52
     },
+    "IModalDrawerAdapter": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer-adapter.ts",
+      "lineNumber": 6
+    },
+    "ModalDrawerAdapter": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer-adapter.ts",
+      "lineNumber": 12
+    },
+    "IModalDrawerCore": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer-core.ts",
+      "lineNumber": 6
+    },
+    "ModalDrawerCore": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer-core.ts",
+      "lineNumber": 8
+    },
+    "IModalDrawerComponent": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
+      "lineNumber": 11
+    },
+    "ModalDrawerComponent": {
+      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
+      "lineNumber": 48
+    },
     "IBaseFieldAdapter": {
       "path": "src/lib/field/base/base-field-adapter.ts",
       "lineNumber": 5
@@ -39798,30 +40375,6 @@
       "path": "src/lib/field/base/with-base-field.ts",
       "lineNumber": 97
     },
-    "IModalDrawerAdapter": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer-adapter.ts",
-      "lineNumber": 6
-    },
-    "ModalDrawerAdapter": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer-adapter.ts",
-      "lineNumber": 12
-    },
-    "IModalDrawerCore": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer-core.ts",
-      "lineNumber": 6
-    },
-    "ModalDrawerCore": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer-core.ts",
-      "lineNumber": 8
-    },
-    "IModalDrawerComponent": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
-      "lineNumber": 11
-    },
-    "ModalDrawerComponent": {
-      "path": "src/lib/drawer/modal-drawer/modal-drawer.ts",
-      "lineNumber": 48
-    },
     "KeyComponent": {
       "path": "src/lib/key/key/key.ts",
       "lineNumber": 23
@@ -40222,10 +40775,6 @@
       "path": "src/lib/split-view/split-view/split-view.ts",
       "lineNumber": 32
     },
-    "StepperUtils": {
-      "path": "src/lib/stepper/core/stepper-utils.ts",
-      "lineNumber": 4
-    },
     "ISplitViewPanelAdapter": {
       "path": "src/lib/split-view/split-view-panel/split-view-panel-adapter.ts",
       "lineNumber": 12
@@ -40278,6 +40827,10 @@
       "path": "src/lib/split-view/split-view-panel/split-view-panel.ts",
       "lineNumber": 89
     },
+    "StepperUtils": {
+      "path": "src/lib/stepper/core/stepper-utils.ts",
+      "lineNumber": 4
+    },
     "IStepAdapter": {
       "path": "src/lib/stepper/step/step-adapter.ts",
       "lineNumber": 9
@@ -40422,6 +40975,14 @@
       "path": "src/lib/tree/tree/tree.ts",
       "lineNumber": 56
     },
+    "IViewComponent": {
+      "path": "src/lib/view-switcher/view/view.ts",
+      "lineNumber": 9
+    },
+    "ViewComponent": {
+      "path": "src/lib/view-switcher/view/view.ts",
+      "lineNumber": 22
+    },
     "TreeItemCheckboxIcon": {
       "path": "src/lib/tree/tree-item/tree-item.ts",
       "lineNumber": 18
@@ -40434,14 +40995,6 @@
       "path": "src/lib/tree/tree-item/tree-item.ts",
       "lineNumber": 32
     },
-    "IViewComponent": {
-      "path": "src/lib/view-switcher/view/view.ts",
-      "lineNumber": 9
-    },
-    "ViewComponent": {
-      "path": "src/lib/view-switcher/view/view.ts",
-      "lineNumber": 22
-    },
     "IWithFocusable": {
       "path": "src/lib/core/mixins/focus/with-focusable.ts",
       "lineNumber": 16