@genesislcap/foundation-zero 14.79.2-alpha-9debc2e.0 → 14.81.0

package/dist/custom-elements.json

@@ -645,176 +645,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/colors.hex.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/colors.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "defaultRapidTextColor"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultRapidBGColor"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultRapidLabelColor"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultRapidActiveBGColor"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultRapidBorderUnfocusedColor"
-        },
-        {
-          "kind": "variable",
-          "name": "FastAppearanceValues",
-          "type": {
-            "text": "array"
-          },
-          "default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
-        },
-        {
-          "kind": "variable",
-          "name": "ZeroAppearanceValues"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "defaultRapidTextColor",
-          "declaration": {
-            "name": "defaultRapidTextColor",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultRapidBGColor",
-          "declaration": {
-            "name": "defaultRapidBGColor",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultRapidLabelColor",
-          "declaration": {
-            "name": "defaultRapidLabelColor",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultRapidActiveBGColor",
-          "declaration": {
-            "name": "defaultRapidActiveBGColor",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultRapidBorderUnfocusedColor",
-          "declaration": {
-            "name": "defaultRapidBorderUnfocusedColor",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FastAppearanceValues",
-          "declaration": {
-            "name": "FastAppearanceValues",
-            "module": "src/_common/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ZeroAppearanceValues",
-          "declaration": {
-            "name": "ZeroAppearanceValues",
-            "module": "src/_common/colors.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/colors.util.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors.hex"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors.util"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion.stories.ts",
@@ -1153,53 +983,223 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/actions-menu/actions-menu.stories.ts",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/colors.hex.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/colors.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Actions Menu',\n  component: 'zero-actions-menu',\n}"
+          "name": "defaultRapidTextColor"
         },
         {
           "kind": "variable",
-          "name": "Horizontal",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) => html`\n    <div style=\"${horizontalStyle}\">\n      <zero-actions-menu\n        name=\"${args.actionsOpenerText}\"\n        .actions=${args.actions}\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
+          "name": "defaultRapidBGColor"
         },
         {
           "kind": "variable",
-          "name": "Vertical",
+          "name": "defaultRapidLabelColor"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultRapidActiveBGColor"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultRapidBorderUnfocusedColor"
+        },
+        {
+          "kind": "variable",
+          "name": "FastAppearanceValues",
           "type": {
-            "text": "StoryObj"
+            "text": "array"
           },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) => html`\n    <div style=\"${verticalStyle}\">\n      <zero-actions-menu\n        name=\"${actionsOpenerText}\"\n        .actions=${actions}\n        is-vertical\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
+          "default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
+        },
+        {
+          "kind": "variable",
+          "name": "ZeroAppearanceValues"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "defaultRapidTextColor",
           "declaration": {
-            "name": "meta",
-            "module": "src/actions-menu/actions-menu.stories.ts"
+            "name": "defaultRapidTextColor",
+            "module": "src/_common/colors.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Horizontal",
+          "name": "defaultRapidBGColor",
           "declaration": {
-            "name": "Horizontal",
-            "module": "src/actions-menu/actions-menu.stories.ts"
+            "name": "defaultRapidBGColor",
+            "module": "src/_common/colors.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Vertical",
+          "name": "defaultRapidLabelColor",
+          "declaration": {
+            "name": "defaultRapidLabelColor",
+            "module": "src/_common/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultRapidActiveBGColor",
+          "declaration": {
+            "name": "defaultRapidActiveBGColor",
+            "module": "src/_common/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultRapidBorderUnfocusedColor",
+          "declaration": {
+            "name": "defaultRapidBorderUnfocusedColor",
+            "module": "src/_common/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FastAppearanceValues",
+          "declaration": {
+            "name": "FastAppearanceValues",
+            "module": "src/_common/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ZeroAppearanceValues",
+          "declaration": {
+            "name": "ZeroAppearanceValues",
+            "module": "src/_common/colors.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/colors.util.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors.hex"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors.util"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/actions-menu/actions-menu.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Actions Menu',\n  component: 'zero-actions-menu',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Horizontal",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) => html`\n    <div style=\"${horizontalStyle}\">\n      <zero-actions-menu\n        name=\"${args.actionsOpenerText}\"\n        .actions=${args.actions}\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Vertical",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) => html`\n    <div style=\"${verticalStyle}\">\n      <zero-actions-menu\n        name=\"${actionsOpenerText}\"\n        .actions=${actions}\n        is-vertical\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/actions-menu/actions-menu.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Horizontal",
+          "declaration": {
+            "name": "Horizontal",
+            "module": "src/actions-menu/actions-menu.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Vertical",
           "declaration": {
             "name": "Vertical",
             "module": "src/actions-menu/actions-menu.stories.ts"
@@ -1989,7 +1989,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.stories.ts",
+      "path": "src/badge/badge.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -1997,15 +1997,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Banner',\n  component: 'zero-banner',\n}"
+          "default": "{\n  title: 'Badge',\n  component: 'zero-badge',\n}"
         },
         {
           "kind": "variable",
-          "name": "Primary",
+          "name": "All",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html`\n    <zero-banner id=\"banner\">\n      <div slot=\"content\">${bannerText}</div>\n      <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n        ${actionIgnoreActionText}\n      </zero-button>\n      <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n        ${actionDemoText}\n      </zero-button>\n    </zero-banner>\n  `,\n}"
+          "default": "{\n  args: {\n    fillColors,\n    fontColors,\n    badgeText: 'Rapid Badge',\n  },\n  ...StylesMapperTemplate,\n}"
         }
       ],
       "exports": [
@@ -2014,218 +2014,147 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/banner/banner.stories.ts"
+            "module": "src/badge/badge.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "All",
           "declaration": {
-            "name": "Primary",
-            "module": "src/banner/banner.stories.ts"
+            "name": "All",
+            "module": "src/badge/badge.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.styles.ts",
+      "path": "src/badge/badge.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroBannerStyles",
-          "default": "css`\n  ${foundationBannerStyles}\n  .banner {\n    background-color: ${neutralLayer1};\n  }\n`"
+          "kind": "function",
+          "name": "zeroBadgeStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroBannerStyles",
+          "name": "zeroBadgeStyles",
           "declaration": {
-            "name": "zeroBannerStyles",
-            "module": "src/banner/banner.styles.ts"
+            "name": "zeroBadgeStyles",
+            "module": "src/badge/badge.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/banner.ts",
+      "path": "src/badge/badge.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroBannerShadowOptions",
-          "default": "foundationBannerShadowOptions"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Banner",
-          "superclass": {
-            "name": "FoundationBanner",
-            "package": "@genesislcap/foundation-ui"
+          "kind": "function",
+          "name": "zeroBadgeTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Badge>"
+            }
           },
-          "tagName": "%%prefix%%-banner",
-          "customElement": true,
-          "members": [
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "template",
+              "name": "context",
               "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "text": "ElementDefinitionContext"
               }
             },
             {
-              "kind": "field",
-              "name": "styles",
+              "name": "definition",
               "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "zeroBanner",
-          "description": "The Zero Banner",
-          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroBannerShadowOptions",
+          "name": "zeroBadgeTemplate",
           "declaration": {
-            "name": "zeroBannerShadowOptions",
-            "module": "src/banner/banner.ts"
+            "name": "zeroBadgeTemplate",
+            "module": "src/badge/badge.template.ts"
           }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/badge/badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Badge",
+          "superclass": {
+            "name": "FoundationBadge",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-badge",
+          "customElement": true
         },
+        {
+          "kind": "variable",
+          "name": "zeroBadge"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "Banner",
+          "name": "Badge",
           "declaration": {
-            "name": "Banner",
-            "module": "src/banner/banner.ts"
+            "name": "Badge",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroBanner",
+          "name": "zeroBadge",
           "declaration": {
-            "name": "zeroBanner",
-            "module": "src/banner/banner.ts"
+            "name": "zeroBadge",
+            "module": "src/badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/banner/index.ts",
+      "path": "src/badge/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroBannerTemplate",
+          "name": "*",
           "declaration": {
-            "name": "foundationBannerTemplate",
-            "package": "@genesislcap/foundation-ui"
+            "name": "*",
+            "package": "./badge"
           }
         },
         {
@@ -2233,7 +2162,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner"
+            "package": "./badge.styles"
           }
         },
         {
@@ -2241,14 +2170,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./banner.styles"
+            "package": "./badge.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.stories.ts",
+      "path": "src/banner/banner.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2256,15 +2185,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Badge',\n  component: 'zero-badge',\n}"
+          "default": "{\n  title: 'Banner',\n  component: 'zero-banner',\n}"
         },
         {
           "kind": "variable",
-          "name": "All",
+          "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    fillColors,\n    fontColors,\n    badgeText: 'Rapid Badge',\n  },\n  ...StylesMapperTemplate,\n}"
+          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html`\n    <zero-banner id=\"banner\">\n      <div slot=\"content\">${bannerText}</div>\n      <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n        ${actionIgnoreActionText}\n      </zero-button>\n      <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n        ${actionDemoText}\n      </zero-button>\n    </zero-banner>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2273,147 +2202,218 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/badge/badge.stories.ts"
+            "module": "src/banner/banner.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "All",
+          "name": "Primary",
           "declaration": {
-            "name": "All",
-            "module": "src/badge/badge.stories.ts"
+            "name": "Primary",
+            "module": "src/banner/banner.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
+      "path": "src/banner/banner.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroBadgeStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "zeroBannerStyles",
+          "default": "css`\n  ${foundationBannerStyles}\n  .banner {\n    background-color: ${neutralLayer1};\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroBannerStyles",
+          "declaration": {
+            "name": "zeroBannerStyles",
+            "module": "src/banner/banner.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/banner/banner.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroBannerShadowOptions",
+          "default": "foundationBannerShadowOptions"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Banner",
+          "superclass": {
+            "name": "FoundationBanner",
+            "package": "@genesislcap/foundation-ui"
           },
-          "parameters": [
+          "tagName": "%%prefix%%-banner",
+          "customElement": true,
+          "members": [
             {
-              "name": "context",
+              "kind": "field",
+              "name": "_presentation",
               "type": {
-                "text": "ElementDefinitionContext"
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
-              "name": "definition",
+              "kind": "field",
+              "name": "styles",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroBadgeStyles",
-          "declaration": {
-            "name": "zeroBadgeStyles",
-            "module": "src/badge/badge.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroBadgeTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Badge>"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroBanner",
+          "description": "The Zero Banner",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroBadgeTemplate",
+          "name": "zeroBannerShadowOptions",
           "declaration": {
-            "name": "zeroBadgeTemplate",
-            "module": "src/badge/badge.template.ts"
+            "name": "zeroBannerShadowOptions",
+            "module": "src/banner/banner.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Badge",
-          "superclass": {
-            "name": "FoundationBadge",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-badge",
-          "customElement": true
         },
-        {
-          "kind": "variable",
-          "name": "zeroBadge"
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "Badge",
+          "name": "Banner",
           "declaration": {
-            "name": "Badge",
-            "module": "src/badge/badge.ts"
+            "name": "Banner",
+            "module": "src/banner/banner.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroBadge",
+          "name": "zeroBanner",
           "declaration": {
-            "name": "zeroBadge",
-            "module": "src/badge/badge.ts"
+            "name": "zeroBanner",
+            "module": "src/banner/banner.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/index.ts",
+      "path": "src/banner/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "zeroBannerTemplate",
           "declaration": {
-            "name": "*",
-            "package": "./badge"
+            "name": "foundationBannerTemplate",
+            "package": "@genesislcap/foundation-ui"
           }
         },
         {
@@ -2421,7 +2421,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.styles"
+            "package": "./banner"
           }
         },
         {
@@ -2429,7 +2429,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.template"
+            "package": "./banner.styles"
           }
         }
       ]
@@ -13079,7 +13079,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/index.ts",
+      "path": "src/tab/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -13087,7 +13087,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel"
+            "package": "./tab"
           }
         },
         {
@@ -13095,7 +13095,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel.styles"
+            "package": "./tab.styles"
           }
         },
         {
@@ -13103,18 +13103,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel.template"
+            "package": "./tab.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.styles.ts",
+      "path": "src/tab/tab.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabPanelStyles",
+          "name": "zeroTabStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -13139,24 +13139,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabPanelStyles",
+          "name": "zeroTabStyles",
           "declaration": {
-            "name": "zeroTabPanelStyles",
-            "module": "src/tab-panel/tab-panel.styles.ts"
+            "name": "zeroTabStyles",
+            "module": "src/tab/tab.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.template.ts",
+      "path": "src/tab/tab.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabPanelTemplate",
+          "name": "zeroTabTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TabPanel>"
+              "text": "ViewTemplate<Tab>"
             }
           },
           "parameters": [
@@ -13178,56 +13178,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabPanelTemplate",
+          "name": "zeroTabTemplate",
           "declaration": {
-            "name": "zeroTabPanelTemplate",
-            "module": "src/tab-panel/tab-panel.template.ts"
+            "name": "zeroTabTemplate",
+            "module": "src/tab/tab.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.ts",
+      "path": "src/tab/tab.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TabPanel",
+          "name": "Tab",
           "superclass": {
-            "name": "FoundationTabPanel",
+            "name": "FoundationTab",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-tab-panel",
+          "tagName": "%%prefix%%-tab",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroTabPanel"
+          "name": "zeroTab"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TabPanel",
+          "name": "Tab",
           "declaration": {
-            "name": "TabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "Tab",
+            "module": "src/tab/tab.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTabPanel",
+          "name": "zeroTab",
           "declaration": {
-            "name": "zeroTabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "zeroTab",
+            "module": "src/tab/tab.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/index.ts",
+      "path": "src/tab-panel/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -13235,7 +13235,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab"
+            "package": "./tab-panel"
           }
         },
         {
@@ -13243,7 +13243,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab.styles"
+            "package": "./tab-panel.styles"
           }
         },
         {
@@ -13251,18 +13251,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab.template"
+            "package": "./tab-panel.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.styles.ts",
+      "path": "src/tab-panel/tab-panel.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabStyles",
+          "name": "zeroTabPanelStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -13287,24 +13287,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabStyles",
+          "name": "zeroTabPanelStyles",
           "declaration": {
-            "name": "zeroTabStyles",
-            "module": "src/tab/tab.styles.ts"
+            "name": "zeroTabPanelStyles",
+            "module": "src/tab-panel/tab-panel.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.template.ts",
+      "path": "src/tab-panel/tab-panel.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabTemplate",
+          "name": "zeroTabPanelTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Tab>"
+              "text": "ViewTemplate<TabPanel>"
             }
           },
           "parameters": [
@@ -13326,49 +13326,49 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabTemplate",
+          "name": "zeroTabPanelTemplate",
           "declaration": {
-            "name": "zeroTabTemplate",
-            "module": "src/tab/tab.template.ts"
+            "name": "zeroTabPanelTemplate",
+            "module": "src/tab-panel/tab-panel.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab/tab.ts",
+      "path": "src/tab-panel/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Tab",
+          "name": "TabPanel",
           "superclass": {
-            "name": "FoundationTab",
+            "name": "FoundationTabPanel",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-tab",
+          "tagName": "%%prefix%%-tab-panel",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroTab"
+          "name": "zeroTabPanel"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Tab",
+          "name": "TabPanel",
           "declaration": {
-            "name": "Tab",
-            "module": "src/tab/tab.ts"
+            "name": "TabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTab",
+          "name": "zeroTabPanel",
           "declaration": {
-            "name": "zeroTab",
-            "module": "src/tab/tab.ts"
+            "name": "zeroTabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
           }
         }
       ]