@genesislcap/foundation-zero 14.107.1-alpha-2ab4599.0 → 14.107.1

package/dist/custom-elements.json

@@ -669,6 +669,37 @@
         }
       ]
     },
+    {
+      "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/_common/colors.hex.ts",
@@ -808,225 +839,6 @@
         }
       ]
     },
-    {
-      "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",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionStyles",
-          "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionTemplate",
-          "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FoundationAccordion",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-card",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroAccordion"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroAccordion",
-          "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1389,7 +1201,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/actions-menu/actions-menu.stories.ts",
+      "path": "src/accordion/accordion.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -1397,11 +1209,199 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Actions Menu',\n  component: 'zero-actions-menu',\n}"
+          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
         },
         {
           "kind": "variable",
-          "name": "Horizontal",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionStyles",
+          "declaration": {
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionTemplate",
+          "declaration": {
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FoundationAccordion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-card",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAccordion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAccordion",
+          "declaration": {
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        }
+      ]
+    },
+    {
+      "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"
           },
@@ -29369,7 +29369,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/index.ts",
+      "path": "src/tab-panel/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -29377,7 +29377,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs"
+            "package": "./tab-panel"
           }
         },
         {
@@ -29385,7 +29385,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.styles"
+            "package": "./tab-panel.styles"
           }
         },
         {
@@ -29393,58 +29393,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tabs/tabs.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Tabs',\n  component: 'zero-tabs',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['primary', 'secondary'],\n    },\n    orientation: {\n      control: 'select',\n      options: ['vertical', 'horizontal'],\n    },\n  },\n  args: {\n    appearance: 'primary',\n    orientation: 'horizontal',\n  },\n  render: ({ appearance, orientation }) => html`\n    <div style=\"min-height: 300px\">\n      <zero-tabs appearance=\"${appearance}\" orientation=\"${orientation}\">\n        <span part=\"start\" class=\"start\" slot=\"start\">Blotter Header</span>\n        <zero-tab>Rapid Tab 1</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 2</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 3</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 4</zero-tab>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 2</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 3</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n      </zero-tabs>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/tabs/tabs.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/tabs/tabs.stories.ts"
+            "package": "./tab-panel.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.styles.ts",
+      "path": "src/tab-panel/tab-panel.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabsStyles",
+          "name": "zeroTabPanelStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -29469,24 +29429,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabsStyles",
+          "name": "zeroTabPanelStyles",
           "declaration": {
-            "name": "zeroTabsStyles",
-            "module": "src/tabs/tabs.styles.ts"
+            "name": "zeroTabPanelStyles",
+            "module": "src/tab-panel/tab-panel.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.template.ts",
+      "path": "src/tab-panel/tab-panel.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabsTemplate",
+          "name": "zeroTabPanelTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Tabs>"
+              "text": "ViewTemplate<TabPanel>"
             }
           },
           "parameters": [
@@ -29508,10 +29468,311 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabsTemplate",
+          "name": "zeroTabPanelTemplate",
           "declaration": {
-            "name": "zeroTabsTemplate",
-            "module": "src/tabs/tabs.template.ts"
+            "name": "zeroTabPanelTemplate",
+            "module": "src/tab-panel/tab-panel.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tab-panel/tab-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TabPanel",
+          "superclass": {
+            "name": "FoundationTabPanel",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-tab-panel",
+          "customElement": true,
+          "members": [
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "TabPanel",
+                "module": "src/tab-panel/tab-panel.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": "TabPanel",
+                "module": "src/tab-panel/tab-panel.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": "TabPanel",
+                "module": "src/tab-panel/tab-panel.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TabPanel",
+                "module": "src/tab-panel/tab-panel.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "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": "TabPanel",
+                "module": "src/tab-panel/tab-panel.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TabPanel",
+                "module": "src/tab-panel/tab-panel.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": "TabPanel",
+                "module": "src/tab-panel/tab-panel.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroTabPanel"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TabPanel",
+          "declaration": {
+            "name": "TabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroTabPanel",
+          "declaration": {
+            "name": "zeroTabPanel",
+            "module": "src/tab-panel/tab-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tabs"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tabs.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tabs.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/tabs.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Tabs',\n  component: 'zero-tabs',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['primary', 'secondary'],\n    },\n    orientation: {\n      control: 'select',\n      options: ['vertical', 'horizontal'],\n    },\n  },\n  args: {\n    appearance: 'primary',\n    orientation: 'horizontal',\n  },\n  render: ({ appearance, orientation }) => html`\n    <div style=\"min-height: 300px\">\n      <zero-tabs appearance=\"${appearance}\" orientation=\"${orientation}\">\n        <span part=\"start\" class=\"start\" slot=\"start\">Blotter Header</span>\n        <zero-tab>Rapid Tab 1</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 2</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 3</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 4</zero-tab>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 2</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 3</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n      </zero-tabs>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/tabs/tabs.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/tabs/tabs.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/tabs.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroTabsStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroTabsStyles",
+          "declaration": {
+            "name": "zeroTabsStyles",
+            "module": "src/tabs/tabs.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tabs/tabs.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroTabsTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Tabs>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroTabsTemplate",
+          "declaration": {
+            "name": "zeroTabsTemplate",
+            "module": "src/tabs/tabs.template.ts"
           }
         }
       ]
@@ -30874,474 +31135,155 @@
           "description": "",
           "name": "TextField",
           "superclass": {
-            "name": "FoundationTextField",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-text-field",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "autocomplete",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "autocapitalize",
-              "type": {
-                "text": "string"
-              },
-              "default": "'off'",
-              "fieldName": "autocapitalize",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "step",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
-              "fieldName": "autofocus",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "TextFieldType"
-              },
-              "description": "Allows setting a type or mode of text.",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "list",
-              "type": {
-                "text": "string"
-              },
-              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
-              "fieldName": "list",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression that the value must match to pass validation.",
-              "fieldName": "pattern",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            }
-          ],
-          "members": [
+            "name": "FoundationTextField",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-text-field",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
               "name": "autocomplete",
               "type": {
                 "text": "string"
               },
+              "fieldName": "autocomplete",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "autocompleteChanged",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
               "name": "autocapitalize",
               "type": {
                 "text": "string"
               },
               "default": "'off'",
+              "fieldName": "autocapitalize",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "autocapitalizeChanged",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
               "name": "step",
               "type": {
                 "text": "number"
               },
+              "fieldName": "step",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "readOnly",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "autofocusChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "fieldName": "autofocus",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "placeholderChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
               "name": "type",
               "type": {
                 "text": "TextFieldType"
               },
-              "privacy": "public",
               "description": "Allows setting a type or mode of text.",
+              "fieldName": "type",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "typeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
               "name": "list",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "listChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maxlength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The maximum number of characters a user can enter.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "maxlengthChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The minimum number of characters a user can enter.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "minlengthChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
               "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "description": "A regular expression that the value must match to pass validation.",
+              "fieldName": "pattern",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
-            },
-            {
-              "kind": "method",
-              "name": "patternChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "Sets the width of the element to a specified number of characters.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "sizeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "spellcheck",
+              "name": "autocomplete",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
-              "inheritedFrom": {
-                "name": "TextField",
-                "module": "src/text-field/text-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "spellcheckChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "string"
               },
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "select",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Selects all the text in the text field",
+            {
+              "kind": "method",
+              "name": "autocompleteChanged",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "autocapitalize",
+              "type": {
+                "text": "string"
               },
-              "description": "{@inheritDoc (FormAssociated:interface).validate}",
+              "default": "'off'",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "proxy",
+              "kind": "method",
+              "name": "autocapitalizeChanged",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
@@ -31349,12 +31291,10 @@
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "step",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "void 0",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
@@ -31362,12 +31302,26 @@
             },
             {
               "kind": "field",
-              "name": "$presentation",
+              "name": "readOnly",
               "type": {
-                "text": "ComponentPresentation | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
@@ -31375,12 +31329,12 @@
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "autofocus",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "boolean"
               },
               "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.",
+              "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
@@ -31388,8 +31342,8 @@
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "autofocusChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -31402,12 +31356,12 @@
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "placeholder",
               "type": {
-                "text": "ElementStyles | void | null"
+                "text": "string"
               },
               "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.",
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
@@ -31415,8 +31369,8 @@
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "placeholderChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -31428,271 +31382,230 @@
               }
             },
             {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "TextFieldType"
               },
-              "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.",
+              "privacy": "public",
+              "description": "Allows setting a type or mode of text.",
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Fires a custom 'change' event when the value has changed",
-              "name": "change",
+              "kind": "method",
+              "name": "typeChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "TextField",
                 "module": "src/text-field/text-field.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "zeroTextField"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TextField",
-          "declaration": {
-            "name": "TextField",
-            "module": "src/text-field/text-field.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroTextField",
-          "declaration": {
-            "name": "zeroTextField",
-            "module": "src/text-field/text-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toast/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./toast.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./toast"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroToastTemplate",
-          "declaration": {
-            "name": "foundationToastTemplate",
-            "package": "@genesislcap/foundation-ui"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toast/toast.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Toast',\n  component: 'zero-toast',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"position: absolute; right: 0; top: 0; display: flex; flex-direction: column\">\n      <zero-toast notify=\"warning\" auto-close=\"true\" close-timeout=\"5000\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast notify=\"success\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n        <zero-button appearance=\"primary-gradient\" slot=\"bottom\">Close notification</zero-button>\n      </foundation-toast>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/toast/toast.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/toast/toast.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toast/toast.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "zeroToastStyles",
-          "default": "css`\n  ${foundationToastStyles}\n  .toast {\n    border: calc(var(--stroke-width) * 1px) solid ${neutralLayer3};\n    background-color: ${neutralLayer1};\n  }\n\n  .toast::after {\n    background-color: ${primaryBlueWebRGBA(1)};\n  }\n\n  :host([notify='warning']) .toast::after {\n    background-color: ${chartPinkWebRGBA(1)};\n  }\n\n  :host([notify='success']) .toast::after {\n    background-color: ${secondaryTealWebRGBA(1)};\n  }\n\n  :host([notify='critical']) .toast::after {\n    background-color: ${warningYellowWebRGBA(1)};\n  }\n\n  :host([notify='serious']) .toast::after {\n    background-color: ${secondaryOrangeWebRGBA(1)};\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroToastStyles",
-          "declaration": {
-            "name": "zeroToastStyles",
-            "module": "src/toast/toast.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/toast/toast.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "defaultToastConfig",
-          "default": "foundationConfig"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroToastShadowOptions",
-          "default": "foundationToastShadowOptions"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Toast",
-          "superclass": {
-            "name": "FoundationToast",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-toast",
-          "customElement": true,
-          "attributes": [
+            },
             {
-              "name": "close-timeout",
+              "kind": "field",
+              "name": "list",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "10000",
-              "fieldName": "closeTimeout",
+              "privacy": "public",
+              "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
-              "name": "auto-close",
+              "kind": "method",
+              "name": "listChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "autoClose",
+              "privacy": "public",
+              "description": "The maximum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
-            }
-          ],
-          "members": [
+            },
+            {
+              "kind": "method",
+              "name": "maxlengthChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "toast",
+              "name": "minlength",
               "type": {
-                "text": "HTMLElement"
+                "text": "number"
               },
               "privacy": "public",
+              "description": "The minimum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "minlengthChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "deleteAnimation",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "privacy": "public",
+              "description": "A regular expression that the value must match to pass validation.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "patternChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "closeTimeout",
+              "name": "size",
               "type": {
                 "text": "number"
               },
-              "default": "10000",
+              "privacy": "public",
+              "description": "Sets the width of the element to a specified number of characters.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "sizeChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "field",
-              "name": "autoClose",
+              "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "privacy": "public",
+              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "spellcheckChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "select",
               "privacy": "public",
-              "description": "Remove the toast from display.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Selects all the text in the text field",
               "inheritedFrom": {
-                "name": "Toast",
-                "module": "src/toast/toast.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31704,8 +31617,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31717,8 +31630,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31730,8 +31643,8 @@
               "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"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31744,8 +31657,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31757,8 +31670,8 @@
               "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"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31771,8 +31684,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             },
             {
@@ -31802,57 +31715,49 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'change' event when the value has changed",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "TextField",
+                "module": "src/text-field/text-field.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroToast",
-          "description": "The Zero Toast",
-          "privacy": "public"
+          "name": "zeroTextField"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultToastConfig",
-          "declaration": {
-            "name": "defaultToastConfig",
-            "module": "src/toast/toast.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroToastShadowOptions",
-          "declaration": {
-            "name": "zeroToastShadowOptions",
-            "module": "src/toast/toast.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Toast",
+          "name": "TextField",
           "declaration": {
-            "name": "Toast",
-            "module": "src/toast/toast.ts"
+            "name": "TextField",
+            "module": "src/text-field/text-field.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroToast",
+          "name": "zeroTextField",
           "declaration": {
-            "name": "zeroToast",
-            "module": "src/toast/toast.ts"
+            "name": "zeroTextField",
+            "module": "src/text-field/text-field.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/index.ts",
+      "path": "src/toast/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -31860,7 +31765,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel"
+            "package": "./toast.styles"
           }
         },
         {
@@ -31868,112 +31773,189 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tab-panel.styles"
+            "package": "./toast"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "zeroToastTemplate",
           "declaration": {
-            "name": "*",
-            "package": "./tab-panel.template"
+            "name": "foundationToastTemplate",
+            "package": "@genesislcap/foundation-ui"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.styles.ts",
+      "path": "src/toast/toast.stories.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroTabPanelStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "default": "{\n  title: 'Toast',\n  component: 'zero-toast',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"position: absolute; right: 0; top: 0; display: flex; flex-direction: column\">\n      <zero-toast notify=\"warning\" auto-close=\"true\" close-timeout=\"5000\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast notify=\"success\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n        <zero-button appearance=\"primary-gradient\" slot=\"bottom\">Close notification</zero-button>\n      </foundation-toast>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabPanelStyles",
+          "name": "default",
           "declaration": {
-            "name": "zeroTabPanelStyles",
-            "module": "src/tab-panel/tab-panel.styles.ts"
+            "name": "meta",
+            "module": "src/toast/toast.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/toast/toast.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.template.ts",
+      "path": "src/toast/toast.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroTabPanelTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<TabPanel>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "zeroToastStyles",
+          "default": "css`\n  ${foundationToastStyles}\n  .toast {\n    border: calc(var(--stroke-width) * 1px) solid ${neutralLayer3};\n    background-color: ${neutralLayer1};\n  }\n\n  .toast::after {\n    background-color: ${primaryBlueWebRGBA(1)};\n  }\n\n  :host([notify='warning']) .toast::after {\n    background-color: ${chartPinkWebRGBA(1)};\n  }\n\n  :host([notify='success']) .toast::after {\n    background-color: ${secondaryTealWebRGBA(1)};\n  }\n\n  :host([notify='critical']) .toast::after {\n    background-color: ${warningYellowWebRGBA(1)};\n  }\n\n  :host([notify='serious']) .toast::after {\n    background-color: ${secondaryOrangeWebRGBA(1)};\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabPanelTemplate",
+          "name": "zeroToastStyles",
           "declaration": {
-            "name": "zeroTabPanelTemplate",
-            "module": "src/tab-panel/tab-panel.template.ts"
+            "name": "zeroToastStyles",
+            "module": "src/toast/toast.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tab-panel/tab-panel.ts",
+      "path": "src/toast/toast.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultToastConfig",
+          "default": "foundationConfig"
+        },
+        {
+          "kind": "variable",
+          "name": "zeroToastShadowOptions",
+          "default": "foundationToastShadowOptions"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "TabPanel",
+          "name": "Toast",
           "superclass": {
-            "name": "FoundationTabPanel",
+            "name": "FoundationToast",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-tab-panel",
+          "tagName": "%%prefix%%-toast",
           "customElement": true,
+          "attributes": [
+            {
+              "name": "close-timeout",
+              "type": {
+                "text": "number"
+              },
+              "default": "10000",
+              "fieldName": "closeTimeout",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
+            {
+              "name": "auto-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "autoClose",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "toast",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "deleteAnimation",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeTimeout",
+              "type": {
+                "text": "number"
+              },
+              "default": "10000",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autoClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "description": "Remove the toast from display.",
+              "inheritedFrom": {
+                "name": "Toast",
+                "module": "src/toast/toast.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -31983,8 +31965,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31996,8 +31978,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -32009,8 +31991,8 @@
               "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": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -32023,8 +32005,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -32036,8 +32018,8 @@
               "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": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -32050,8 +32032,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -32081,32 +32063,50 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "TabPanel",
-                "module": "src/tab-panel/tab-panel.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroTabPanel"
+          "name": "zeroToast",
+          "description": "The Zero Toast",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TabPanel",
+          "name": "defaultToastConfig",
           "declaration": {
-            "name": "TabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "defaultToastConfig",
+            "module": "src/toast/toast.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTabPanel",
+          "name": "zeroToastShadowOptions",
           "declaration": {
-            "name": "zeroTabPanel",
-            "module": "src/tab-panel/tab-panel.ts"
+            "name": "zeroToastShadowOptions",
+            "module": "src/toast/toast.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Toast",
+          "declaration": {
+            "name": "Toast",
+            "module": "src/toast/toast.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroToast",
+          "declaration": {
+            "name": "zeroToast",
+            "module": "src/toast/toast.ts"
           }
         }
       ]