@genesislcap/foundation-zero 14.155.0 → 14.155.2-alpha-d9bfff1.0

package/dist/custom-elements.json

@@ -824,225 +824,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionStyles",
-          "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionTemplate",
-          "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FoundationAccordion",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-card",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroAccordion"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroAccordion",
-          "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -2557,6 +2338,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchored-region.stories.ts",
@@ -4155,7 +3967,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.stories.ts",
+      "path": "src/accordion/accordion.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -4163,7 +3975,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Avatar',\n  component: 'zero-avatar',\n}"
+          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
         },
         {
           "kind": "variable",
@@ -4171,7 +3983,195 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
+          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionStyles",
+          "declaration": {
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionTemplate",
+          "declaration": {
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FoundationAccordion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-card",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAccordion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAccordion",
+          "declaration": {
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/avatar/avatar.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Avatar',\n  component: 'zero-avatar',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
         }
       ],
       "exports": [
@@ -11811,7 +11811,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    dialogMaxWidth: '557px',\n    dialogTitle: 'Dialog title',\n    dialogInitialText: 'Some text in a Zero Dialog',\n    dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n      voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n      at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n      temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n      voluptas illo? Voluptatum, atque quidem?`,\n    dialogCloseButtonText: 'Close this dialog',\n  },\n  render: ({\n    notifyText,\n    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n    <zero-button @click=\"${showEmptyDialog}\">Show Empty Dialog</zero-button>\n    <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n      Show Zero Dialog - Notification Structure\n    </zero-button>\n    <div id=\"dialog-container\"></div>\n    <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\">\n      <h5 slot=\"top\">${dialogTitle}</h5>\n      <p>${dialogInitialText}</p>\n      <p>${dialogMainText}</p>\n      <zero-divider slot=\"bottom\"></zero-divider>\n      <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n        ${dialogCloseButtonText}\n      </zero-button>\n    </zero-dialog>\n    <zero-dialog id=\"empty-dialog\"></zero-dialog>\n  `,\n}"
+          "default": "{\n  argTypes: {\n    dialogType: {\n      control: 'select',\n      options: ['default', 'error', 'success'],\n    },\n  },\n  args: {\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    dialogMaxWidth: '557px',\n    dialogTitle: 'Dialog title',\n    dialogInitialText: 'Some text in a Zero Dialog',\n    dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n      voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n      at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n      temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n      voluptas illo? Voluptatum, atque quidem?`,\n    dialogCloseButtonText: 'Close this dialog',\n    dialogType: 'default',\n  },\n  render: ({\n    notifyText,\n    dialogMaxWidth,\n    dialogTitle,\n    dialogInitialText,\n    dialogMainText,\n    dialogCloseButtonText,\n    dialogType,\n  }) => {\n    document.getElementById(dialogNotifyId)?.remove();\n\n    return html`\n      <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n      <zero-button @click=\"${showEmptyDialog}\">Show Empty Dialog</zero-button>\n      <zero-button @click=\"${() => showDialogNotify(notifyText, dialogType)}\">\n        Show Zero Dialog - Notification Structure ${dialogType}\n      </zero-button>\n      <div id=\"dialog-container\"></div>\n      <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\" type=${dialogType}>\n        <h5 slot=\"top\">${dialogTitle}</h5>\n        <p>${dialogInitialText}</p>\n        <p>${dialogMainText}</p>\n        <zero-divider slot=\"bottom\"></zero-divider>\n        <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n          ${dialogCloseButtonText}\n        </zero-button>\n      </zero-dialog>\n      <zero-dialog id=\"empty-dialog\"></zero-dialog>\n    `;\n  },\n}"
         }
       ],
       "exports": [
@@ -11840,7 +11840,7 @@
         {
           "kind": "variable",
           "name": "zeroDialogStyles",
-          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    color: rgb(255 255 255 / 30%);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: 1px solid ${ColorHEX.lightGrey};\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: ${ColorHEX.almostWhite};\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: ${ColorHEX.almostWhite};\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(zero-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: ${whiteWebRGBA(0.05)};\n  }\n\n  .close-icon:hover svg g path {\n    fill: ${whiteWebRGBA(1)};\n  }\n\n  .close-icon:active svg {\n    background-color: ${defaultDialogActiveBGColor};\n  }\n\n  .close-icon:active svg g path {\n    fill: ${whiteWebRGBA(0.33)};\n  }\n`"
+          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --color-error: ${ColorHEX.error};\n    --color-success: ${ColorHEX.success};\n    --dialog-background: ${neutralLayer2};\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    color: rgb(255 255 255 / 30%);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: 1px solid ${ColorHEX.lightGrey};\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: ${ColorHEX.almostWhite};\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: ${ColorHEX.almostWhite};\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(zero-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: ${whiteWebRGBA(0.05)};\n  }\n\n  .close-icon:hover svg g path {\n    fill: ${whiteWebRGBA(1)};\n  }\n\n  .close-icon:active svg {\n    background-color: ${defaultDialogActiveBGColor};\n  }\n\n  .close-icon:active svg g path {\n    fill: ${whiteWebRGBA(0.33)};\n  }\n`"
         }
       ],
       "exports": [
@@ -11884,12 +11884,24 @@
           "tagName": "%%prefix%%-dialog",
           "customElement": true,
           "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "DialogType"
+              },
+              "default": "'default'",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
             {
               "name": "position",
               "type": {
-                "text": "'centre' | 'left' | 'right'"
+                "text": "DialogPosition"
               },
-              "default": "'centre'",
+              "default": "'center'",
               "fieldName": "position",
               "inheritedFrom": {
                 "name": "DialogElement",
@@ -11956,13 +11968,25 @@
                 "module": "src/dialog/dialog.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "DialogType"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "position",
               "type": {
-                "text": "'centre' | 'left' | 'right'"
+                "text": "DialogPosition"
               },
-              "default": "'centre'",
+              "default": "'center'",
               "inheritedFrom": {
                 "name": "DialogElement",
                 "module": "src/dialog/dialog.ts"
@@ -21401,12 +21425,24 @@
           "tagName": "%%prefix%%-modal",
           "customElement": true,
           "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "DialogType"
+              },
+              "default": "'default'",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
             {
               "name": "position",
               "type": {
-                "text": "'centre' | 'left' | 'right'"
+                "text": "DialogPosition"
               },
-              "default": "'centre'",
+              "default": "'center'",
               "fieldName": "position",
               "inheritedFrom": {
                 "name": "DialogElement",
@@ -21473,13 +21509,25 @@
                 "module": "src/dialog/dialog.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "DialogType"
+              },
+              "default": "'default'",
+              "inheritedFrom": {
+                "name": "DialogElement",
+                "module": "src/dialog/dialog.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "position",
               "type": {
-                "text": "'centre' | 'left' | 'right'"
+                "text": "DialogPosition"
               },
-              "default": "'centre'",
+              "default": "'center'",
               "inheritedFrom": {
                 "name": "DialogElement",
                 "module": "src/dialog/dialog.ts"
@@ -31008,7 +31056,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper-tab-panel/index.ts",
+      "path": "src/switch/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -31016,7 +31064,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stepper-tab-panel"
+            "package": "./switch"
           }
         },
         {
@@ -31024,25 +31072,73 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./stepper-tab-panel.template"
+            "package": "./switch.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./switch.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper-tab-panel/stepper-tab-panel.template.ts",
+      "path": "src/switch/switch.stories.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroStepperTabPanelTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<StepperTabPanel>"
-            }
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
           },
-          "parameters": [
-            {
+          "default": "{\n  title: 'Switch',\n  component: 'zero-switch',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-switch checked></zero-switch>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/switch/switch.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/switch/switch.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/switch/switch.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroSwitchStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
               "name": "context",
               "type": {
                 "text": "ElementDefinitionContext"
@@ -31051,7 +31147,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "SwitchOptions"
               }
             }
           ]
@@ -31060,29 +31156,117 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroStepperTabPanelTemplate",
+          "name": "zeroSwitchStyles",
           "declaration": {
-            "name": "zeroStepperTabPanelTemplate",
-            "module": "src/stepper-tab-panel/stepper-tab-panel.template.ts"
+            "name": "zeroSwitchStyles",
+            "module": "src/switch/switch.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/stepper-tab-panel/stepper-tab-panel.ts",
+      "path": "src/switch/switch.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroSwitchTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Switch>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "SwitchOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroSwitchTemplate",
+          "declaration": {
+            "name": "zeroSwitchTemplate",
+            "module": "src/switch/switch.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "StepperTabPanel",
+          "name": "Switch",
           "superclass": {
-            "name": "FoundationStepperTabPanel",
+            "name": "FoundationSwitch",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-stepper-tab-panel",
+          "tagName": "%%prefix%%-switch",
           "customElement": true,
+          "attributes": [
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -31092,8 +31276,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31105,8 +31289,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": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31118,8 +31302,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": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31132,8 +31316,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31145,8 +31329,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": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31159,8 +31343,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             },
             {
@@ -31190,39 +31374,49 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "Switch",
+                "module": "src/switch/switch.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroStepperTabPanel"
+          "name": "zeroSwitch"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "StepperTabPanel",
+          "name": "Switch",
           "declaration": {
-            "name": "StepperTabPanel",
-            "module": "src/stepper-tab-panel/stepper-tab-panel.ts"
+            "name": "Switch",
+            "module": "src/switch/switch.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroStepperTabPanel",
+          "name": "zeroSwitch",
           "declaration": {
-            "name": "zeroStepperTabPanel",
-            "module": "src/stepper-tab-panel/stepper-tab-panel.ts"
+            "name": "zeroSwitch",
+            "module": "src/switch/switch.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/index.ts",
+      "path": "src/stepper-tab-panel/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -31230,15 +31424,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./switch"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./switch.styles"
+            "package": "./stepper-tab-panel"
           }
         },
         {
@@ -31246,100 +31432,21 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./switch.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/switch/switch.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Switch',\n  component: 'zero-switch',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-switch checked></zero-switch>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/switch/switch.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/switch/switch.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/switch/switch.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroSwitchStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "SwitchOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroSwitchStyles",
-          "declaration": {
-            "name": "zeroSwitchStyles",
-            "module": "src/switch/switch.styles.ts"
+            "package": "./stepper-tab-panel.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.template.ts",
+      "path": "src/stepper-tab-panel/stepper-tab-panel.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroSwitchTemplate",
+          "name": "zeroStepperTabPanelTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Switch>"
+              "text": "ViewTemplate<StepperTabPanel>"
             }
           },
           "parameters": [
@@ -31352,7 +31459,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "SwitchOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -31361,78 +31468,29 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSwitchTemplate",
+          "name": "zeroStepperTabPanelTemplate",
           "declaration": {
-            "name": "zeroSwitchTemplate",
-            "module": "src/switch/switch.template.ts"
+            "name": "zeroStepperTabPanelTemplate",
+            "module": "src/stepper-tab-panel/stepper-tab-panel.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/switch/switch.ts",
+      "path": "src/stepper-tab-panel/stepper-tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Switch",
+          "name": "StepperTabPanel",
           "superclass": {
-            "name": "FoundationSwitch",
+            "name": "FoundationStepperTabPanel",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-switch",
+          "tagName": "%%prefix%%-stepper-tab-panel",
           "customElement": true,
-          "attributes": [
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            }
-          ],
           "members": [
-            {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -31442,8 +31500,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31455,8 +31513,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31468,8 +31526,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": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31482,8 +31540,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31495,8 +31553,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": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31509,8 +31567,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -31540,42 +31598,32 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emits a custom change event when the checked state changes",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "Switch",
-                "module": "src/switch/switch.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroSwitch"
+          "name": "zeroStepperTabPanel"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Switch",
+          "name": "StepperTabPanel",
           "declaration": {
-            "name": "Switch",
-            "module": "src/switch/switch.ts"
+            "name": "StepperTabPanel",
+            "module": "src/stepper-tab-panel/stepper-tab-panel.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSwitch",
+          "name": "zeroStepperTabPanel",
           "declaration": {
-            "name": "zeroSwitch",
-            "module": "src/switch/switch.ts"
+            "name": "zeroStepperTabPanel",
+            "module": "src/stepper-tab-panel/stepper-tab-panel.ts"
           }
         }
       ]