@genesislcap/foundation-zero 14.158.2-alpha-d812657.0 → 14.158.2-alpha-9dfdf28.0

package/dist/custom-elements.json

@@ -29152,7 +29152,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/snackbar/index.ts",
+      "path": "src/slider-label/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -29160,7 +29160,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./snackbar.styles"
+            "package": "./slider-label"
           }
         },
         {
@@ -29168,288 +29168,255 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./snackbar"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/snackbar/snackbar.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Snackbar',\n  component: 'zero-snackbar',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    notificationText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText, notificationText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n      <zero-button @click=\"${() => showNotification(notificationText)}\">\n        Show Zero Snackbar - Notification\n      </zero-button>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/snackbar/snackbar.stories.ts"
+            "package": "./slider-label.styles"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "*",
           "declaration": {
-            "name": "Primary",
-            "module": "src/snackbar/snackbar.stories.ts"
+            "name": "*",
+            "package": "./slider-label.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/snackbar/snackbar.styles.ts",
+      "path": "src/slider-label/slider-label.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroSnackbarStyles",
-          "default": "css`\n  ${foundationSnackbarStyles}\n  .snackbar {\n    border: calc(var(--stroke-width) * 1px) solid ${neutralLayer2};\n    background-color: ${neutralLayer1};\n  }\n\n  :host([type='error']) .snackbar::after {\n    background-color: ${chartPinkWebRGBA(1)};\n  }\n`"
+          "kind": "function",
+          "name": "zeroSliderLabelStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSnackbarStyles",
+          "name": "zeroSliderLabelStyles",
           "declaration": {
-            "name": "zeroSnackbarStyles",
-            "module": "src/snackbar/snackbar.styles.ts"
+            "name": "zeroSliderLabelStyles",
+            "module": "src/slider-label/slider-label.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/snackbar/snackbar.template.ts",
+      "path": "src/slider-label/slider-label.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroSnackbarTemplate",
-          "default": "html<Snackbar>`\n  ${getPrefixedSnackbar('zero')}\n`"
+          "kind": "function",
+          "name": "zeroSliderLabelTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<SliderLabel>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSnackbarTemplate",
+          "name": "zeroSliderLabelTemplate",
           "declaration": {
-            "name": "zeroSnackbarTemplate",
-            "module": "src/snackbar/snackbar.template.ts"
+            "name": "zeroSliderLabelTemplate",
+            "module": "src/slider-label/slider-label.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/snackbar/snackbar.ts",
+      "path": "src/slider-label/slider-label.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "zeroSnackbarShadowOptions",
-          "default": "foundationSnackbarShadowOptions"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "Snackbar",
+          "name": "SliderLabel",
           "superclass": {
-            "name": "FoundationSnackbar",
+            "name": "FoundationSliderLabel",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-snackbar",
+          "tagName": "%%prefix%%-slider-label",
           "customElement": true,
           "attributes": [
             {
-              "name": "close-timeout",
+              "name": "position",
               "type": {
-                "text": "number"
-              },
-              "default": "CLOSE_TIMEOUT",
-              "resolveInitializer": {
-                "module": "src/snackbar/snackbar.ts"
+                "text": "string"
               },
-              "fieldName": "closeTimeout",
+              "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
+              "fieldName": "position",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
-              "name": "auto-close",
+              "name": "hide-mark",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "fieldName": "autoClose",
+              "default": "false",
+              "description": "Hides the tick mark.",
+              "fieldName": "hideMark",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
-              "name": "type",
+              "name": "disabled",
               "type": {
-                "text": "'error' | ''"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "type",
+              "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "snackbar",
+              "name": "position",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
               "privacy": "public",
+              "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "ErrorStructure"
+              "kind": "method",
+              "name": "positionChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
               "kind": "field",
-              "name": "notification",
+              "name": "hideMark",
               "type": {
-                "text": "NotificationStructure"
+                "text": "boolean"
               },
+              "privacy": "public",
+              "default": "false",
+              "description": "Hides the tick mark.",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
               "kind": "field",
-              "name": "deleteAnimation",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
+              "privacy": "public",
+              "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
               "kind": "field",
-              "name": "closeTimeout",
+              "name": "notifier",
               "type": {
-                "text": "number"
+                "text": "Notifier"
               },
-              "default": "10000",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "autoClose",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "isSliderConfig",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "node is SliderConfiguration"
+                }
               },
-              "default": "true",
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
               "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "'error' | ''"
-              },
-              "default": "''",
+              "name": "getSliderConfiguration",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "errorChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "ErrorStructure"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "ErrorStructure"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "notificationChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "NotificationStructure"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "NotificationStructure"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dismiss",
-              "privacy": "public",
-              "description": "Remove the snackbar from display.",
+              "kind": "field",
+              "name": "positionAsStyle",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "Snackbar",
-                "module": "src/snackbar/snackbar.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29461,8 +29428,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29474,8 +29441,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": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29487,8 +29454,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": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29501,8 +29468,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29514,8 +29481,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": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29528,8 +29495,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             },
             {
@@ -29559,49 +29526,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "SliderLabel",
+                "module": "src/slider-label/slider-label.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroSnackbar",
-          "description": "The Zero Snackbar",
-          "privacy": "public"
+          "name": "zeroSliderLabel"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSnackbarShadowOptions",
-          "declaration": {
-            "name": "zeroSnackbarShadowOptions",
-            "module": "src/snackbar/snackbar.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Snackbar",
+          "name": "SliderLabel",
           "declaration": {
-            "name": "Snackbar",
-            "module": "src/snackbar/snackbar.ts"
+            "name": "SliderLabel",
+            "module": "src/slider-label/slider-label.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSnackbar",
+          "name": "zeroSliderLabel",
           "declaration": {
-            "name": "zeroSnackbar",
-            "module": "src/snackbar/snackbar.ts"
+            "name": "zeroSliderLabel",
+            "module": "src/slider-label/slider-label.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stacking-icons/index.ts",
+      "path": "src/snackbar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -29609,7 +29566,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stacking-icons"
+            "package": "./snackbar.styles"
           }
         },
         {
@@ -29617,14 +29574,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stacking-icons.styles"
+            "package": "./snackbar"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stacking-icons/stacking-icons.stories.ts",
+      "path": "src/snackbar/snackbar.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -29632,15 +29589,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Stacking Icons',\n  component: 'zero-stacking-icons',\n}"
+          "default": "{\n  title: 'Snackbar',\n  component: 'zero-snackbar',\n}"
         },
         {
           "kind": "variable",
-          "name": "Configurable",
+          "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    size: {\n      control: 'select',\n      options: faSizeValues,\n      description: 'Select size for the stacking icons',\n    },\n    firstIconSize: iconSizeArgTypes,\n    firstIconVariant: iconVariantArgTypes,\n    secondIconSize: iconSizeArgTypes,\n    secondIconVariant: iconVariantArgTypes,\n  },\n  args: {\n    size: '1x',\n    firstIconName: 'circle',\n    firstIconSize: 'stack-2x',\n    firstIconVariant: 'regular',\n    secondIconName: 'flag',\n    secondIconSize: 'stack-1x',\n    secondIconVariant: 'solid',\n  },\n  render: ({\n    size,\n    firstIconName,\n    firstIconSize,\n    firstIconVariant,\n    secondIconName,\n    secondIconSize,\n    secondIconVariant,\n  }) => html`\n    <zero-stacking-icons size=\"${size}\" style=\"color:#FFFFFF\">\n      <zero-icon\n        name=\"${firstIconName}\"\n        size=\"${firstIconSize}\"\n        variant=\"${firstIconVariant}\"\n      ></zero-icon>\n      <zero-icon\n        name=\"${secondIconName}\"\n        size=\"${secondIconSize}\"\n        variant=\"${secondIconVariant}\"\n      ></zero-icon>\n    </zero-stacking-icons>\n  `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    notificationText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText, notificationText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n      <zero-button @click=\"${() => showNotification(notificationText)}\">\n        Show Zero Snackbar - Notification\n      </zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -29649,137 +29606,269 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/stacking-icons/stacking-icons.stories.ts"
+            "module": "src/snackbar/snackbar.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Configurable",
+          "name": "Primary",
           "declaration": {
-            "name": "Configurable",
-            "module": "src/stacking-icons/stacking-icons.stories.ts"
+            "name": "Primary",
+            "module": "src/snackbar/snackbar.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stacking-icons/stacking-icons.styles.ts",
+      "path": "src/snackbar/snackbar.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroStackingIconsStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "zeroSnackbarStyles",
+          "default": "css`\n  ${foundationSnackbarStyles}\n  .snackbar {\n    border: calc(var(--stroke-width) * 1px) solid ${neutralLayer2};\n    background-color: ${neutralLayer1};\n  }\n\n  :host([type='error']) .snackbar::after {\n    background-color: ${chartPinkWebRGBA(1)};\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroStackingIconsStyles",
+          "name": "zeroSnackbarStyles",
           "declaration": {
-            "name": "zeroStackingIconsStyles",
-            "module": "src/stacking-icons/stacking-icons.styles.ts"
+            "name": "zeroSnackbarStyles",
+            "module": "src/snackbar/snackbar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stacking-icons/stacking-icons.ts",
+      "path": "src/snackbar/snackbar.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroSnackbarTemplate",
+          "default": "html<Snackbar>`\n  ${getPrefixedSnackbar('zero')}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroSnackbarTemplate",
+          "declaration": {
+            "name": "zeroSnackbarTemplate",
+            "module": "src/snackbar/snackbar.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/snackbar/snackbar.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroSnackbarShadowOptions",
+          "default": "foundationSnackbarShadowOptions"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "StackingIcons",
+          "name": "Snackbar",
           "superclass": {
-            "name": "FoundationStackingIcons",
+            "name": "FoundationSnackbar",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-stacking-icons",
+          "tagName": "%%prefix%%-snackbar",
           "customElement": true,
           "attributes": [
             {
-              "name": "size",
+              "name": "close-timeout",
               "type": {
-                "text": "StackingIconsSize"
+                "text": "number"
               },
-              "default": "faSizeValueDefault",
+              "default": "CLOSE_TIMEOUT",
               "resolveInitializer": {
-                "module": "/src/icon"
+                "module": "src/snackbar/snackbar.ts"
               },
-              "fieldName": "size",
+              "fieldName": "closeTimeout",
               "inheritedFrom": {
-                "name": "StackingIcons",
-                "module": "src/stacking-icons/stacking-icons.ts"
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
               }
             },
             {
-              "name": "['vertical-align']",
+              "name": "auto-close",
               "type": {
-                "text": "VerticalAlign"
+                "text": "boolean"
               },
-              "default": "'baseline'",
-              "fieldName": "['vertical-align']",
+              "default": "true",
+              "fieldName": "autoClose",
               "inheritedFrom": {
-                "name": "StackingIcons",
-                "module": "src/stacking-icons/stacking-icons.ts"
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'error' | ''"
+              },
+              "default": "''",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "snackbar",
               "type": {
-                "text": "StackingIconsSize"
+                "text": "HTMLElement"
               },
-              "default": "faSizeValueDefault",
+              "privacy": "public",
               "inheritedFrom": {
-                "name": "StackingIcons",
-                "module": "src/stacking-icons/stacking-icons.ts"
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "['vertical-align']",
+              "name": "error",
               "type": {
-                "text": "VerticalAlign"
+                "text": "ErrorStructure"
               },
-              "default": "'baseline'",
               "inheritedFrom": {
-                "name": "StackingIcons",
-                "module": "src/stacking-icons/stacking-icons.ts"
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "notification",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "NotificationStructure"
               },
-              "privacy": "private",
-              "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "deleteAnimation",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeTimeout",
+              "type": {
+                "text": "number"
+              },
+              "default": "10000",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autoClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'error' | ''"
+              },
+              "default": "''",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "errorChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "ErrorStructure"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "ErrorStructure"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "notificationChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "NotificationStructure"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "NotificationStructure"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dismiss",
+              "privacy": "public",
+              "description": "Remove the snackbar from display.",
+              "inheritedFrom": {
+                "name": "Snackbar",
+                "module": "src/snackbar/snackbar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -29884,31 +29973,41 @@
         },
         {
           "kind": "variable",
-          "name": "zeroStackingIcons"
+          "name": "zeroSnackbar",
+          "description": "The Zero Snackbar",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "StackingIcons",
+          "name": "zeroSnackbarShadowOptions",
           "declaration": {
-            "name": "StackingIcons",
-            "module": "src/stacking-icons/stacking-icons.ts"
+            "name": "zeroSnackbarShadowOptions",
+            "module": "src/snackbar/snackbar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroStackingIcons",
+          "name": "Snackbar",
           "declaration": {
-            "name": "zeroStackingIcons",
-            "module": "src/stacking-icons/stacking-icons.ts"
+            "name": "Snackbar",
+            "module": "src/snackbar/snackbar.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroSnackbar",
+          "declaration": {
+            "name": "zeroSnackbar",
+            "module": "src/snackbar/snackbar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper/index.ts",
+      "path": "src/stacking-icons/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -29916,15 +30015,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stepper"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./stepper.styles"
+            "package": "./stacking-icons"
           }
         },
         {
@@ -29932,14 +30023,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stepper.template"
+            "package": "./stacking-icons.styles"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper/stepper.stories.ts",
+      "path": "src/stacking-icons/stacking-icons.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -29947,15 +30038,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Stepper',\n  component: 'zero-stepper',\n}"
+          "default": "{\n  title: 'Stacking Icons',\n  component: 'zero-stacking-icons',\n}"
         },
         {
           "kind": "variable",
-          "name": "Primary",
+          "name": "Configurable",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"display:flex; gap: 10px; min-height: 400px\">\n      <zero-stepper>\n        <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 4</zero-stepper-tab>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 4</zero-stepper-tab-panel>\n      </zero-stepper>\n      <zero-stepper orientation=\"horizontal\">\n        <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n      </zero-stepper>\n    </div>\n  `,\n}"
+          "default": "{\n  argTypes: {\n    size: {\n      control: 'select',\n      options: faSizeValues,\n      description: 'Select size for the stacking icons',\n    },\n    firstIconSize: iconSizeArgTypes,\n    firstIconVariant: iconVariantArgTypes,\n    secondIconSize: iconSizeArgTypes,\n    secondIconVariant: iconVariantArgTypes,\n  },\n  args: {\n    size: '1x',\n    firstIconName: 'circle',\n    firstIconSize: 'stack-2x',\n    firstIconVariant: 'regular',\n    secondIconName: 'flag',\n    secondIconSize: 'stack-1x',\n    secondIconVariant: 'solid',\n  },\n  render: ({\n    size,\n    firstIconName,\n    firstIconSize,\n    firstIconVariant,\n    secondIconName,\n    secondIconSize,\n    secondIconVariant,\n  }) => html`\n    <zero-stacking-icons size=\"${size}\" style=\"color:#FFFFFF\">\n      <zero-icon\n        name=\"${firstIconName}\"\n        size=\"${firstIconSize}\"\n        variant=\"${firstIconVariant}\"\n      ></zero-icon>\n      <zero-icon\n        name=\"${secondIconName}\"\n        size=\"${secondIconSize}\"\n        variant=\"${secondIconVariant}\"\n      ></zero-icon>\n    </zero-stacking-icons>\n  `,\n}"
         }
       ],
       "exports": [
@@ -29964,406 +30055,423 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/stepper/stepper.stories.ts"
+            "module": "src/stacking-icons/stacking-icons.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "Configurable",
           "declaration": {
-            "name": "Primary",
-            "module": "src/stepper/stepper.stories.ts"
+            "name": "Configurable",
+            "module": "src/stacking-icons/stacking-icons.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper/stepper.styles.ts",
+      "path": "src/stacking-icons/stacking-icons.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "zeroStepperStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "zeroStackingIconsStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  ${foundationStepperStyles}\n\n  .stepper-tab {\n    background-color: var(--neutral-layer-3);\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroStepperStyles",
-          "declaration": {
-            "name": "zeroStepperStyles",
-            "module": "src/stepper/stepper.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/stepper/stepper.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "zeroStepperTemplate",
-          "default": "html<Stepper>`\n  ${getPrefixedStepper('zero')}\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroStepperTemplate",
+          "name": "zeroStackingIconsStyles",
           "declaration": {
-            "name": "zeroStepperTemplate",
-            "module": "src/stepper/stepper.template.ts"
+            "name": "zeroStackingIconsStyles",
+            "module": "src/stacking-icons/stacking-icons.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper/stepper.ts",
+      "path": "src/stacking-icons/stacking-icons.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Stepper",
+          "name": "StackingIcons",
           "superclass": {
-            "name": "FoundationStepper",
+            "name": "FoundationStackingIcons",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-stepper",
+          "tagName": "%%prefix%%-stacking-icons",
           "customElement": true,
           "attributes": [
             {
-              "name": "orientation",
+              "name": "size",
               "type": {
-                "text": "TabsOrientation"
+                "text": "StackingIconsSize"
               },
-              "fieldName": "orientation",
+              "default": "faSizeValueDefault",
+              "resolveInitializer": {
+                "module": "/src/icon"
+              },
+              "fieldName": "size",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "StackingIcons",
+                "module": "src/stacking-icons/stacking-icons.ts"
               }
             },
             {
-              "name": "activeid",
+              "name": "['vertical-align']",
               "type": {
-                "text": "string"
+                "text": "VerticalAlign"
               },
-              "fieldName": "activeid",
+              "default": "'baseline'",
+              "fieldName": "['vertical-align']",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "StackingIcons",
+                "module": "src/stacking-icons/stacking-icons.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "size",
               "type": {
-                "text": "TabsOrientation"
-              },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "orientationChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "StackingIconsSize"
               },
+              "default": "faSizeValueDefault",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "StackingIcons",
+                "module": "src/stacking-icons/stacking-icons.ts"
               }
             },
             {
               "kind": "field",
-              "name": "activeid",
+              "name": "['vertical-align']",
               "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "activeidChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "VerticalAlign"
               },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "default": "'baseline'",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "StackingIcons",
+                "module": "src/stacking-icons/stacking-icons.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabs",
+              "name": "_presentation",
               "type": {
-                "text": "StepperTab[] & HTMLElement[]"
+                "text": "ComponentPresentation | null | undefined"
               },
+              "privacy": "private",
+              "default": "void 0",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "tabsChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
               },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabpanels",
+              "name": "template",
               "type": {
-                "text": "HTMLElement[]"
+                "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": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "tabpanelsChanged",
+              "name": "templateChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validation",
-              "type": {
-                "text": "Validation[]"
-              },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "progressValue",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "activeTabIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "activetab",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "completedIds",
-              "default": "new Map()",
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabIds",
-              "type": {
-                "text": "Array<string>"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabpanelIds",
+              "name": "styles",
               "type": {
-                "text": "Array<string>"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getActiveIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
+                "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": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabledPreviousStep",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isLastStep",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "islastStepValid",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_submit",
+              "name": "stylesChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "nextStep",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
                 }
               },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "previousStep",
-              "return": {
-                "type": {
-                  "text": "void"
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
                 }
-              },
-              "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "setTabs",
-              "privacy": "protected",
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Stepper",
-                "module": "src/stepper/stepper.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroStackingIcons"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StackingIcons",
+          "declaration": {
+            "name": "StackingIcons",
+            "module": "src/stacking-icons/stacking-icons.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroStackingIcons",
+          "declaration": {
+            "name": "zeroStackingIcons",
+            "module": "src/stacking-icons/stacking-icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stepper/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./stepper"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./stepper.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./stepper.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stepper/stepper.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Stepper',\n  component: 'zero-stepper',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"display:flex; gap: 10px; min-height: 400px\">\n      <zero-stepper>\n        <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 4</zero-stepper-tab>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 4</zero-stepper-tab-panel>\n      </zero-stepper>\n      <zero-stepper orientation=\"horizontal\">\n        <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n        <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n        <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n      </zero-stepper>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/stepper/stepper.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/stepper/stepper.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stepper/stepper.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroStepperStyles",
+          "type": {
+            "text": "ElementStyles"
+          },
+          "default": "css`\n  ${foundationStepperStyles}\n\n  .stepper-tab {\n    background-color: var(--neutral-layer-3);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroStepperStyles",
+          "declaration": {
+            "name": "zeroStepperStyles",
+            "module": "src/stepper/stepper.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stepper/stepper.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroStepperTemplate",
+          "default": "html<Stepper>`\n  ${getPrefixedStepper('zero')}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroStepperTemplate",
+          "declaration": {
+            "name": "zeroStepperTemplate",
+            "module": "src/stepper/stepper.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stepper/stepper.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Stepper",
+          "superclass": {
+            "name": "FoundationStepper",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-stepper",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "getCompletedTabs",
+              "name": "orientation",
+              "type": {
+                "text": "TabsOrientation"
+              },
+              "fieldName": "orientation",
               "inheritedFrom": {
                 "name": "Stepper",
                 "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "setTabPanels",
-              "privacy": "private",
+              "name": "activeid",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "activeid",
               "inheritedFrom": {
                 "name": "Stepper",
                 "module": "src/stepper/stepper.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
-              "kind": "method",
-              "name": "getTabIds",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<string>"
-                }
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "TabsOrientation"
               },
               "inheritedFrom": {
                 "name": "Stepper",
@@ -30372,11 +30480,10 @@
             },
             {
               "kind": "method",
-              "name": "getTabPanelIds",
-              "privacy": "private",
+              "name": "orientationChanged",
               "return": {
                 "type": {
-                  "text": "Array<string>"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
@@ -30386,408 +30493,301 @@
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "activeid",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
+              "kind": "method",
+              "name": "activeidChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "tabs",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "StepperTab[] & HTMLElement[]"
               },
-              "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": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "tabsChanged",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "tabpanels",
               "type": {
-                "text": "ElementStyles | void | null"
+                "text": "HTMLElement[]"
               },
-              "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": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "tabpanelsChanged",
               "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"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "zeroStepper"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Stepper",
-          "declaration": {
-            "name": "Stepper",
-            "module": "src/stepper/stepper.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroStepper",
-          "declaration": {
-            "name": "zeroStepper",
-            "module": "src/stepper/stepper.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/slider-label/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./slider-label"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./slider-label.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./slider-label.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroSliderLabelStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroSliderLabelStyles",
-          "declaration": {
-            "name": "zeroSliderLabelStyles",
-            "module": "src/slider-label/slider-label.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroSliderLabelTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<SliderLabel>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
+              "kind": "field",
+              "name": "validation",
               "type": {
-                "text": "ElementDefinitionContext"
+                "text": "Validation[]"
+              },
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "name": "definition",
+              "kind": "field",
+              "name": "progressValue",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "number"
+              },
+              "default": "0",
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroSliderLabelTemplate",
-          "declaration": {
-            "name": "zeroSliderLabelTemplate",
-            "module": "src/slider-label/slider-label.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/slider-label/slider-label.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SliderLabel",
-          "superclass": {
-            "name": "FoundationSliderLabel",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-slider-label",
-          "customElement": true,
-          "attributes": [
+            },
             {
-              "name": "position",
+              "kind": "field",
+              "name": "activeTabIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
-              "fieldName": "position",
+              "default": "0",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "name": "hide-mark",
+              "kind": "field",
+              "name": "activetab",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
-              "default": "false",
-              "description": "Hides the tick mark.",
-              "fieldName": "hideMark",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "completedIds",
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabIds",
               "type": {
-                "text": "boolean"
+                "text": "Array<string>"
               },
-              "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
-              "fieldName": "disabled",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "position",
+              "name": "tabpanelIds",
               "type": {
-                "text": "string"
+                "text": "Array<string>"
               },
-              "privacy": "public",
-              "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "positionChanged",
+              "name": "getActiveIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hideMark",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Hides the tick mark.",
+              "name": "disabledPreviousStep",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
+              "name": "isLastStep",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "notifier",
-              "type": {
-                "text": "Notifier"
+              "name": "islastStepValid",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_submit",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "method",
-              "name": "isSliderConfig",
-              "privacy": "private",
+              "name": "nextStep",
               "return": {
                 "type": {
-                  "text": "node is SliderConfiguration"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "any"
-                  }
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "previousStep",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
+              },
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getSliderConfiguration",
-              "privacy": "private",
+              "name": "setTabs",
+              "privacy": "protected",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
               "kind": "field",
-              "name": "positionAsStyle",
+              "name": "getCompletedTabs",
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "setTabPanels",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTabIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTabPanelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Stepper",
+                "module": "src/stepper/stepper.ts"
               }
             },
             {
@@ -30799,8 +30799,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30812,8 +30812,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30825,8 +30825,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": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30839,8 +30839,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30852,8 +30852,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": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30866,8 +30866,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -30897,32 +30897,32 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "SliderLabel",
-                "module": "src/slider-label/slider-label.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroSliderLabel"
+          "name": "zeroStepper"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SliderLabel",
+          "name": "Stepper",
           "declaration": {
-            "name": "SliderLabel",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "Stepper",
+            "module": "src/stepper/stepper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSliderLabel",
+          "name": "zeroStepper",
           "declaration": {
-            "name": "zeroSliderLabel",
-            "module": "src/slider-label/slider-label.ts"
+            "name": "zeroStepper",
+            "module": "src/stepper/stepper.ts"
           }
         }
       ]
@@ -32445,7 +32445,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/index.ts",
+      "path": "src/tabs/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -32453,7 +32453,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area"
+            "package": "./tabs"
           }
         },
         {
@@ -32461,7 +32461,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.styles"
+            "package": "./tabs.styles"
           }
         },
         {
@@ -32469,14 +32469,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./text-area.template"
+            "package": "./tabs.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.stories.ts",
+      "path": "src/tabs/tabs.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -32484,7 +32484,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Text Area',\n  component: 'zero-text-area',\n}"
+          "default": "{\n  title: 'Tabs',\n  component: 'zero-tabs',\n}"
         },
         {
           "kind": "variable",
@@ -32492,7 +32492,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"height: 200px;\">\n      <zero-text-area resize=\"both\" placeholder=\"Enter text...\">Text Area</zero-text-area>\n      <zero-text-area value=\"some value\">Test label</zero-text-area>\n      <zero-text-area value=\"disabled\" disabled>Test label 2</zero-text-area>\n    </div>\n  `,\n}"
+          "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": [
@@ -32501,7 +32501,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/text-area/text-area.stories.ts"
+            "module": "src/tabs/tabs.stories.ts"
           }
         },
         {
@@ -32509,18 +32509,18 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/text-area/text-area.stories.ts"
+            "module": "src/tabs/tabs.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.styles.ts",
+      "path": "src/tabs/tabs.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextAreaStyles",
+          "name": "zeroTabsStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -32545,24 +32545,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextAreaStyles",
+          "name": "zeroTabsStyles",
           "declaration": {
-            "name": "zeroTextAreaStyles",
-            "module": "src/text-area/text-area.styles.ts"
+            "name": "zeroTabsStyles",
+            "module": "src/tabs/tabs.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.template.ts",
+      "path": "src/tabs/tabs.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTextAreaTemplate",
+          "name": "zeroTabsTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TextArea>"
+              "text": "ViewTemplate<Tabs>"
             }
           },
           "parameters": [
@@ -32584,226 +32584,282 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTextAreaTemplate",
+          "name": "zeroTabsTemplate",
           "declaration": {
-            "name": "zeroTextAreaTemplate",
-            "module": "src/text-area/text-area.template.ts"
+            "name": "zeroTabsTemplate",
+            "module": "src/tabs/tabs.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/text-area/text-area.ts",
+      "path": "src/tabs/tabs.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextArea",
+          "name": "Tabs",
           "superclass": {
-            "name": "FoundationTextArea",
+            "name": "FoundationTabs",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-text-area",
+          "tagName": "%%prefix%%-tabs",
           "customElement": true,
           "attributes": [
             {
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "TabsOrientation"
               },
-              "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",
-              "default": "20",
+              "description": "The orientation",
+              "fieldName": "orientation",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "resize",
+              "name": "activeid",
               "type": {
-                "text": "TextAreaResize"
+                "text": "string"
               },
-              "description": "The resize mode of the element.",
-              "fieldName": "resize",
+              "description": "The id of the active tab",
+              "fieldName": "activeid",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "form",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
-              "fieldName": "formId",
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
+              "fieldName": "activeindicator",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
-              "name": "list",
+              "kind": "field",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "TabsOrientation"
               },
-              "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",
+              "privacy": "public",
+              "description": "The orientation",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "activeid",
               "type": {
                 "text": "string"
               },
-              "description": "The name of the element.",
-              "fieldName": "name",
+              "privacy": "public",
+              "description": "The id of the active tab",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "activeindicator",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
-              "fieldName": "placeholder",
+              "privacy": "public",
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "activetab",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
               "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.",
+              "description": "A reference to the active tab",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "prevActiveTabIndex",
+              "type": {
+                "text": "number"
               },
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "resize",
+              "name": "activeTabIndex",
               "type": {
-                "text": "TextAreaResize"
+                "text": "number"
               },
-              "privacy": "public",
-              "description": "The resize mode of the element.",
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "ticking",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Indicates that this element should get focus after the page finishes loading.",
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabIds",
+              "type": {
+                "text": "Array<string>"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabpanelIds",
+              "type": {
+                "text": "Array<string>"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isDisabledElement",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isHiddenElement",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isFocusableElement",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "autofocusChanged",
+              "name": "getActiveIndex",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "formId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
+              "name": "setTabs",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.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}.",
+              "name": "setTabPanels",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "listChanged",
+              "name": "getTabIds",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Array<string>"
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "maxlength",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "getTabPanelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
               },
-              "privacy": "public",
-              "description": "The maximum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "maxlengthChanged",
+              "name": "setComponent",
               "privacy": "private",
               "return": {
                 "type": {
@@ -32811,153 +32867,127 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The minimum number of characters a user can enter.",
+              "name": "handleTabClick",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "minlengthChanged",
+              "name": "isHorizontal",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of the element.",
+              "name": "handleTabKeyDown",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.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.",
+              "kind": "method",
+              "name": "handleActiveIndicatorPosition",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "cols",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "animateActiveIndicator",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "20",
-              "description": "Sizes the element horizontally by a number of character columns.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
+              "kind": "method",
+              "name": "adjust",
               "privacy": "public",
-              "description": "Sizes the element vertically by a number of character rows.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "adjustment",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The adjust method for FASTTabs",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "field",
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+              "name": "adjustForward",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "spellcheckChanged",
+              "kind": "field",
+              "name": "adjustBackward",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "select",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Selects all the text in the text area",
+              "kind": "field",
+              "name": "moveToTabByIndex",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
               "kind": "method",
-              "name": "validate",
-              "privacy": "public",
+              "name": "focusTab",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "{@inheritDoc (FormAssociated:interface).validate}",
-              "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -32969,8 +32999,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -32982,8 +33012,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -32995,8 +33025,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": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -33009,8 +33039,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -33022,8 +33052,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": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -33036,8 +33066,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             },
             {
@@ -33067,49 +33097,49 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             }
           ],
           "events": [
             {
-              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
               "name": "change",
               "inheritedFrom": {
-                "name": "TextArea",
-                "module": "src/text-area/text-area.ts"
+                "name": "Tabs",
+                "module": "src/tabs/tabs.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroTextArea"
+          "name": "zeroTabs"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TextArea",
+          "name": "Tabs",
           "declaration": {
-            "name": "TextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "Tabs",
+            "module": "src/tabs/tabs.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTextArea",
+          "name": "zeroTabs",
           "declaration": {
-            "name": "zeroTextArea",
-            "module": "src/text-area/text-area.ts"
+            "name": "zeroTabs",
+            "module": "src/tabs/tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/index.ts",
+      "path": "src/text-area/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -33117,7 +33147,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs"
+            "package": "./text-area"
           }
         },
         {
@@ -33125,7 +33155,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.styles"
+            "package": "./text-area.styles"
           }
         },
         {
@@ -33133,14 +33163,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tabs.template"
+            "package": "./text-area.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.stories.ts",
+      "path": "src/text-area/text-area.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -33148,7 +33178,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Tabs',\n  component: 'zero-tabs',\n}"
+          "default": "{\n  title: 'Text Area',\n  component: 'zero-text-area',\n}"
         },
         {
           "kind": "variable",
@@ -33156,7 +33186,7 @@
           "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}"
+          "default": "{\n  render: () => html`\n    <div style=\"height: 200px;\">\n      <zero-text-area resize=\"both\" placeholder=\"Enter text...\">Text Area</zero-text-area>\n      <zero-text-area value=\"some value\">Test label</zero-text-area>\n      <zero-text-area value=\"disabled\" disabled>Test label 2</zero-text-area>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -33165,7 +33195,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/tabs/tabs.stories.ts"
+            "module": "src/text-area/text-area.stories.ts"
           }
         },
         {
@@ -33173,18 +33203,18 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/tabs/tabs.stories.ts"
+            "module": "src/text-area/text-area.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.styles.ts",
+      "path": "src/text-area/text-area.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabsStyles",
+          "name": "zeroTextAreaStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -33209,24 +33239,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabsStyles",
+          "name": "zeroTextAreaStyles",
           "declaration": {
-            "name": "zeroTabsStyles",
-            "module": "src/tabs/tabs.styles.ts"
+            "name": "zeroTextAreaStyles",
+            "module": "src/text-area/text-area.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.template.ts",
+      "path": "src/text-area/text-area.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTabsTemplate",
+          "name": "zeroTextAreaTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Tabs>"
+              "text": "ViewTemplate<TextArea>"
             }
           },
           "parameters": [
@@ -33248,282 +33278,226 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTabsTemplate",
+          "name": "zeroTextAreaTemplate",
           "declaration": {
-            "name": "zeroTabsTemplate",
-            "module": "src/tabs/tabs.template.ts"
+            "name": "zeroTextAreaTemplate",
+            "module": "src/text-area/text-area.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tabs/tabs.ts",
+      "path": "src/text-area/text-area.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Tabs",
+          "name": "TextArea",
           "superclass": {
-            "name": "FoundationTabs",
+            "name": "FoundationTextArea",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-tabs",
+          "tagName": "%%prefix%%-text-area",
           "customElement": true,
           "attributes": [
             {
-              "name": "orientation",
               "type": {
-                "text": "TabsOrientation"
+                "text": "boolean"
               },
-              "description": "The orientation",
-              "fieldName": "orientation",
+              "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",
+              "default": "20",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "name": "activeid",
+              "name": "resize",
               "type": {
-                "text": "string"
+                "text": "TextAreaResize"
               },
-              "description": "The id of the active tab",
-              "fieldName": "activeid",
+              "description": "The resize mode of the element.",
+              "fieldName": "resize",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
+              "name": "form",
               "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
-              "fieldName": "activeindicator",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "TabsOrientation"
+                "text": "string"
               },
-              "privacy": "public",
-              "description": "The orientation",
+              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+              "fieldName": "formId",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activeid",
+              "name": "list",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
-              "description": "The id of the active tab",
+              "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": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activeindicator",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "public",
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
+              "description": "The name of the element.",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activetab",
+              "name": "placeholder",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               },
-              "privacy": "public",
-              "description": "A reference to the active tab",
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "prevActiveTabIndex",
+              "name": "readOnly",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0",
+              "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": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "activeTabIndex",
-              "type": {
-                "text": "number"
-              },
+              "kind": "method",
+              "name": "readOnlyChanged",
               "privacy": "private",
-              "default": "0",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ticking",
-              "type": {
-                "text": "boolean"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
-              "default": "false",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabIds",
+              "name": "resize",
               "type": {
-                "text": "Array<string>"
+                "text": "TextAreaResize"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "description": "The resize mode of the element.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabpanelIds",
+              "name": "autofocus",
               "type": {
-                "text": "Array<string>"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "change",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isDisabledElement",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isHiddenElement",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isFocusableElement",
-              "privacy": "private",
+              "privacy": "public",
+              "description": "Indicates that this element should get focus after the page finishes loading.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getActiveIndex",
+              "name": "autofocusChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setTabs",
-              "privacy": "private",
+              "name": "formId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setTabPanels",
-              "privacy": "private",
+              "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": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getTabIds",
+              "name": "listChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Array<string>"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "getTabPanelIds",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<string>"
-                }
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
               },
+              "privacy": "public",
+              "description": "The maximum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setComponent",
+              "name": "maxlengthChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -33531,127 +33505,153 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleTabClick",
-              "privacy": "private",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "The minimum number of characters a user can enter.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "isHorizontal",
+              "name": "minlengthChanged",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleTabKeyDown",
-              "privacy": "private",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The name of the element.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "handleActiveIndicatorPosition",
-              "privacy": "private",
+              "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.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "animateActiveIndicator",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "cols",
+              "type": {
+                "text": "number"
               },
+              "privacy": "public",
+              "default": "20",
+              "description": "Sizes the element horizontally by a number of character columns.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "adjust",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
               },
-              "parameters": [
-                {
-                  "name": "adjustment",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "The adjust method for FASTTabs",
+              "privacy": "public",
+              "description": "Sizes the element vertically by a number of character rows.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "field",
-              "name": "adjustForward",
-              "privacy": "private",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "adjustBackward",
+              "kind": "method",
+              "name": "spellcheckChanged",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "moveToTabByIndex",
-              "privacy": "private",
+              "kind": "method",
+              "name": "select",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Selects all the text in the text area",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
               "kind": "method",
-              "name": "focusTab",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33663,8 +33663,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33676,8 +33676,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33689,8 +33689,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": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33703,8 +33703,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33716,8 +33716,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": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33730,8 +33730,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             },
             {
@@ -33761,42 +33761,42 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             }
           ],
           "events": [
             {
-              "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
+              "description": "Emits a custom 'change' event when the textarea emits a change event",
               "name": "change",
               "inheritedFrom": {
-                "name": "Tabs",
-                "module": "src/tabs/tabs.ts"
+                "name": "TextArea",
+                "module": "src/text-area/text-area.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroTabs"
+          "name": "zeroTextArea"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Tabs",
+          "name": "TextArea",
           "declaration": {
-            "name": "Tabs",
-            "module": "src/tabs/tabs.ts"
+            "name": "TextArea",
+            "module": "src/text-area/text-area.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTabs",
+          "name": "zeroTextArea",
           "declaration": {
-            "name": "zeroTabs",
-            "module": "src/tabs/tabs.ts"
+            "name": "zeroTextArea",
+            "module": "src/text-area/text-area.ts"
           }
         }
       ]