@genesislcap/foundation-zero 14.240.0 → 14.241.0

package/dist/custom-elements.json

@@ -865,46 +865,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -1413,62 +1373,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/actions-menu/actions-menu.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Actions Menu',\n  component: 'zero-actions-menu',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Horizontal",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) => html`\n    <div style=\"${horizontalStyle}\">\n      <zero-actions-menu\n        name=\"${args.actionsOpenerText}\"\n        .actions=${args.actions}\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Vertical",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) => html`\n    <div style=\"${verticalStyle}\">\n      <zero-actions-menu\n        name=\"${actionsOpenerText}\"\n        .actions=${actions}\n        is-vertical\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/actions-menu/actions-menu.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Horizontal",
-          "declaration": {
-            "name": "Horizontal",
-            "module": "src/actions-menu/actions-menu.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Vertical",
-          "declaration": {
-            "name": "Vertical",
-            "module": "src/actions-menu/actions-menu.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2041,46 +1945,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Anchor',\n  component: 'zero-anchor',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "All",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    anchorText: 'Rapid Anchor',\n    appearances: ZeroAppearanceValues,\n  },\n  ...StylesMapperTemplate,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/anchor/anchor.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "All",
-          "declaration": {
-            "name": "All",
-            "module": "src/anchor/anchor.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -2567,46 +2431,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Anchored Region',\n  component: 'zero-anchored-region',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/anchored-region/anchored-region.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "src/anchored-region/anchored-region.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchored-region.styles.ts",
@@ -4163,46 +3987,6 @@
         }
       ]
     },
-    {
-      "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": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/avatar/avatar.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/avatar/avatar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/avatar/avatar.styles.ts",
@@ -4566,46 +4350,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/badge/badge.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Badge',\n  component: 'zero-badge',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "All",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    fillColors,\n    fontColors,\n    badgeText: 'Rapid Badge',\n  },\n  ...StylesMapperTemplate,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/badge/badge.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "All",
-          "declaration": {
-            "name": "All",
-            "module": "src/badge/badge.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/badge/badge.styles.ts",
@@ -4952,46 +4696,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/banner/banner.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Banner',\n  component: 'zero-banner',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({\n    bannerText,\n    notifyText,\n    actionButtonAppearance,\n    actionIgnoreActionText,\n    actionDemoText,\n  }) => html`\n    <div style=\"display: flex; flex-direction: column;\">\n      <h5>Banner with slots</h5>\n      <zero-banner id=\"banner\">\n        <div slot=\"content\">${bannerText}</div>\n        <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n          ${actionIgnoreActionText}\n        </zero-button>\n        <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n          ${actionDemoText}\n        </zero-button>\n      </zero-banner>\n      <h5>Empty Banner</h5>\n      <zero-banner></zero-banner>\n      <div id=\"zero-banner\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showNotify(notifyText)}\">\n          Show Zero Banner - Notification Structure\n        </zero-button>\n      </div>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/banner/banner.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/banner/banner.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/banner/banner.styles.ts",
@@ -5271,46 +4975,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/breadcrumb/breadcrumb.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Breadcrumb',\n  component: 'zero-breadcrumb',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    breadcrumbItemsText: 'Breadcrumb Item',\n    breadcrumbCurrentItemText: 'Current Page',\n  },\n  render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) => html`\n    <zero-breadcrumb>\n      <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 1</zero-breadcrumb-item>\n      <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 2</zero-breadcrumb-item>\n      <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>\n    </zero-breadcrumb>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/breadcrumb/breadcrumb.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/breadcrumb/breadcrumb.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/breadcrumb/breadcrumb.styles.ts",
@@ -6183,62 +5847,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/button/button.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Button',\n  component: 'zero-button',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "All",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    appearances: ZeroAppearanceValues,\n    buttonText: 'Zero Button',\n  },\n  ...StylesMapperTemplate,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Single",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    appearance: 'neutral',\n    buttonText: 'Zero Button',\n  },\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ appearance, buttonText }) => html`\n    <zero-button appearance=\"${appearance}\">${buttonText} (${appearance})</zero-button>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/button/button.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "All",
-          "declaration": {
-            "name": "All",
-            "module": "src/button/button.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Single",
-          "declaration": {
-            "name": "Single",
-            "module": "src/button/button.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/button/button.styles.ts",
@@ -6865,46 +6473,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/calendar/calendar.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Calendar',\n  component: 'zero-calendar',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {},\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-calendar\n        id=\"zCalendar\"\n        month=\"${new Date().getMonth() + 1}\"\n        year=\"${new Date().getFullYear()}\"\n        month-format=\"short\"\n        weekday-format=\"narrow\"\n        disabled-dates=\"${new Date().getMonth() + 1}-${new Date().getDate() > 1\n          ? new Date().getDate() - 1\n          : new Date().getDate() + 2}-${new Date().getFullYear()}\"\n        selected-dates=\"${new Date().getMonth() +\n        1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n      >\n        <div\n          slot=\"${new Date().getMonth() + 1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n        >\n          Test slot\n        </div>\n      </zero-calendar>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/calendar/calendar.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/calendar/calendar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/calendar/calendar.styles.ts",
@@ -7287,46 +6855,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Card',\n  component: 'zero-card',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    cardFillColor: '#2f353a',\n    cardHeading: 'Card 1',\n    cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',\n  },\n  render: ({ cardFillColor, cardHeading, cardText }) => html`\n    <div style=\"${wrapperStyle} --zero-card-fill-color:${cardFillColor};\">\n      <zero-card style=\"${cardStyle}\">\n        <h6>${cardHeading}</h6>\n        <span>${cardText}</span>\n      </zero-card>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/card/card.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/card/card.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/card/card.styles.ts",
@@ -7588,46 +7116,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/categorized-multiselect/categorized-multiselect.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Categorized Multiselect',\n  component: 'zero-categorized-multiselect',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition }) => html`\n    <div style=\"min-height: 400px;\">\n      <zero-categorized-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        auto-position=\"${autoPosition}\"\n        search=\"${search}\"\n      >\n        ${text}\n      </zero-categorized-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Add New Country',\n    search: true,\n    countries: disabledCountriesExample,\n    autoPosition: false,\n  },\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
@@ -8273,46 +7761,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/checkbox/checkbox.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Checkbox',\n  component: 'zero-checkbox>',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    customCheckboxText: 'Custom Zero Checkbox',\n    customCheckboxDesignUnit: 8,\n    customCheckboxCornerRadius: 4,\n  },\n  render: ({ customCheckboxText, customCheckboxDesignUnit, customCheckboxCornerRadius }) =>\n    html`\n      <div style=\"${wrapperStyle}\">\n        <zero-checkbox>Default Zero Checkbox</zero-checkbox>\n\n        <zero-design-system-provider\n          design-unit=\"${customCheckboxDesignUnit}\"\n          corner-radius=${customCheckboxCornerRadius}\"\n        >\n          <zero-checkbox>${customCheckboxText}</zero-checkbox>\n        </zero-design-system-provider>\n      </div>\n    `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/checkbox/checkbox.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/checkbox/checkbox.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/checkbox/checkbox.styles.ts",
@@ -8647,46 +8095,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/combobox/combobox.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Combobox',\n  component: 'zero-combobox',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  ...OptionsMapperTemplate,\n  argTypes: {\n    position: {\n      control: 'select',\n      options: ['above', 'below'],\n    },\n  },\n  args: {\n    options: optionsData,\n    position: 'below',\n  },\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/combobox/combobox.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/combobox/combobox.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/combobox/combobox.styles.ts",
@@ -8835,46 +8243,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/connection-indicator/connection-indicator.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Connection Indicator',\n  component: 'zero-connection-indicator',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    showLabel: true,\n  },\n  render: ({ showLabel }) => html`\n    <zero-connection-indicator show-label=\"${showLabel}\"></zero-connection-indicator>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/connection-indicator/connection-indicator.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/connection-indicator/connection-indicator.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/connection-indicator/connection-indicator.ts",
@@ -9225,46 +8593,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/data-grid/data-grid.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Data Grid',\n  component: 'zero-data-grid',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    dataGridRowsData: rowsData,\n  },\n  render: ({ dataGridRowsData }) => html`\n    <div>\n      <div>\n        <zero-button @click=\"${() => loadData(dataGridRowsData)}\">Load Data</zero-button>\n        <zero-button @click=\"${() => clearData()}\">Clear Data</zero-button>\n      </div>\n      <zero-data-grid></zero-data-grid>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/data-grid/data-grid.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/data-grid/data-grid.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/data-grid/data-grid.styles.ts",
@@ -10965,46 +10293,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/date-picker/date-picker.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Date Picker',\n  component: 'zero-date-picker',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    firstDataPickerValue: '01-01-2021',\n    secondDatePickerFormat: 'MMMM/DD/YY',\n    thirdDatePickerFormat: 'MMM/ddd/YYYY',\n    thirdDatePickerValue: '01-01-2023',\n  },\n  render: ({\n    firstDataPickerValue,\n    secondDatePickerFormat,\n    thirdDatePickerFormat,\n    thirdDatePickerValue,\n  }) => html`\n    <div style=\"${wrapperStyle}\">\n      <div>\n        <zero-date-picker value=\"${firstDataPickerValue}\"></zero-date-picker>\n        <zero-date-picker format=\"${secondDatePickerFormat}\"></zero-date-picker>\n        <zero-date-picker\n          format=\"${thirdDatePickerFormat}\"\n          value=\"${thirdDatePickerValue}\"\n        ></zero-date-picker>\n      </div>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/date-picker/date-picker.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/date-picker/date-picker.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/date-picker/date-picker.styles.ts",
@@ -11883,46 +11171,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/dialog/dialog.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Dialog',\n  component: 'zero-dialog',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "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": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/dialog/dialog.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/dialog/dialog.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/dialog.styles.ts",
@@ -12365,46 +11613,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/disclosure/disclosure.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Disclosure',\n  component: 'zero-disclosure',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    fastAppearance: {\n      control: 'select',\n      options: FastAppearanceValues,\n    },\n  },\n  args: {\n    disclosureTitle: 'Open Disclosure',\n    disclosureText: `Created by writer Gardner Fox and artist Harry Lampert, the original Flashfirst appeared\n    in Flash Comics #1 (cover date January 1940/release monthNovember 1939). Nicknamed the\n    \"Scarlet Speedster\", all incarnations of theFlash possess \"super speed\", which includes\n    the ability to run, move, andthink extremely fast, use superhuman reflexes, and seemingly\n    violatecertain laws of physics.`,\n    disclosureEndSlot: '⚡️',\n    fastAppearance: 'lightweight',\n  },\n  render: ({ fastAppearance, disclosureTitle, disclosureText, disclosureEndSlot }) => html`\n    <zero-disclosure appearance=\"${fastAppearance}\" title=\"${disclosureTitle}\">\n      <span slot=\"end\">${disclosureEndSlot}</span>\n      <div>${disclosureText}</div>\n    </zero-disclosure>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/disclosure/disclosure.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/disclosure/disclosure.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/disclosure/disclosure.styles.ts",
@@ -12553,46 +11761,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/divider/divider.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Divider',\n  component: 'zero-divider',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n    role: {\n      control: 'select',\n      options: ['separator', 'presentation'],\n    },\n  },\n  args: {\n    orientation: 'horizontal',\n    role: 'separator',\n  },\n  render: ({ orientation, role }) => html`\n    <div\n      style=\"display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'\n        ? 'flex-direction: row;'\n        : 'flex-direction: column;'}\"\n    >\n      <zero-button style=\"flex: 1;\"></zero-button>\n      <zero-divider orientation=\"${orientation}\" role=\"${role}\"></zero-divider>\n      <zero-button style=\"flex: 1;\"></zero-button>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/divider/divider.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/divider/divider.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/divider/divider.styles.ts",
@@ -12741,46 +11909,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/dropdown-menu/dropdown-menu.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Dropdown Menu',\n  component: 'zero-dropdown-menu',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    items: zeroItems,\n    dropdownOpenerText: 'Dropdown menu',\n  },\n  render: ({ dropdownOpenerText, items }) => html`\n    <div>\n      <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/dropdown-menu/dropdown-menu.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/dropdown-menu/dropdown-menu.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/dropdown-menu/dropdown-menu.styles.ts",
@@ -13245,46 +12373,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/error-banner/error-banner.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Error Banner',\n  component: 'zero-error-banner',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n    notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText, notifyText }) => html`\n    <div id=\"zero-banner\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n      <zero-button @click=\"${() => showNotify(notifyText)}\">\n        Show Zero Error Banner - Notification\n      </zero-button>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/error-banner/error-banner.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/error-banner/error-banner.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/error-banner/error-banner.template.ts",
@@ -13816,46 +12904,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/error-dialog/error-dialog.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Error Dialog',\n  component: 'zero-error-dialog',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    errorText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n    notifyText:\n      'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n  },\n  render: ({ errorText, notifyText }) => html`\n    <zero-button @click=\"${() => showDialog(errorText)}\">Show Zero Dialog</zero-button>\n    <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n      Show Zero Dialog - Notification\n    </zero-button>\n    <div id=\"error-dialog-container\"></div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/error-dialog/error-dialog.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/error-dialog/error-dialog.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/error-dialog/error-dialog.ts",
@@ -14099,46 +13147,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/file-upload/file-upload.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'File Upload',\n  component: 'zero-file-upload',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px;\">\n      <zero-file-upload label=\"Select Files\"></zero-file-upload>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/file-upload/file-upload.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/file-upload/file-upload.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/file-upload/file-upload.styles.ts",
@@ -14883,46 +13891,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/filter/filter.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Filter',\n  component: 'zero-filter',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n      <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n      <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n      <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/filter/filter.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/filter/filter.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/filter/filter.template.ts",
@@ -15619,46 +14587,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/filter-bar/filter-bar.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Filter Bar',\n  component: 'zero-filter-bar',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-filter-bar\n      resource=\"ALL_PROCESSES_STATUS\"\n      only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n    ></zero-filter-bar>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/filter-bar/filter-bar.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/filter-bar/filter-bar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/filter-bar/filter-bar.styles.ts",
@@ -16162,46 +15090,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Flex Layout',\n  component: 'zero-flex-layout',\n  parameters: {\n    controls: { hideNoControlsWarning: true },\n  },\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n          <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n          <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-row spacing-2x\">\n          <div style=\"width: 30%; background-color: red;\"></div>\n          <div style=\"width: 70%; background-color: green;\"></div>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-row spacing-2x\">\n          <div style=\"width: 20%; background-color: red;\"></div>\n          <div style=\"width: 60%; background-color: green;\"></div>\n          <div style=\"width: 20%; background-color: blue;\"></div>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-row spacing-2x\">\n          <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n          <zero-flex-layout class=\"flex-column spacing-2x\">\n            <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n            <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n          </zero-flex-layout>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-column spacing-2x\">\n          <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n          <zero-flex-layout class=\"flex-row spacing-2x\">\n            <div style=\"width: 80%; background-color: green;\"></div>\n            <div style=\"width: 20%; background-color: blue;\"></div>\n          </zero-flex-layout>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-column spacing-2x\">\n          <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n          <zero-flex-layout class=\"flex-row spacing-2x\">\n            <div style=\"width: 20%; background-color: green;\"></div>\n            <div style=\"width: 80%; background-color: blue;\"></div>\n          </zero-flex-layout>\n          <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n        </zero-flex-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-flex-layout class=\"flex-row spacing-2x\">\n          <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n          <zero-flex-layout class=\"flex-column spacing-2x\">\n            <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n            <zero-flex-layout class=\"flex-row spacing-2x\">\n              <div style=\"flex:3; background-color: yellow;\"></div>\n              <div style=\"flex:1; background-color: blue;\"></div>\n            </zero-flex-layout>\n          </zero-flex-layout>\n        </zero-flex-layout>\n      </zero-card>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/flex-layout/flex-layout.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/flex-layout/flex-layout.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/flex-layout/flex-layout.ts",
@@ -16373,93 +15261,53 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.stories.ts",
+      "path": "src/flipper/flipper.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Flipper',\n  component: 'zero-flipper',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
+          "kind": "function",
+          "name": "zeroFlipperStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "{\n  argTypes: {\n    direction: {\n      control: 'select',\n      options: ['previous', 'next'],\n    },\n  },\n  args: {\n    direction: 'next',\n  },\n  render: ({ direction }) => html`\n    <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n  `,\n}"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/flipper/flipper.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
+          "name": "zeroFlipperStyles",
           "declaration": {
-            "name": "Primary",
-            "module": "src/flipper/flipper.stories.ts"
+            "name": "zeroFlipperStyles",
+            "module": "src/flipper/flipper.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.styles.ts",
+      "path": "src/flipper/flipper.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroFlipperStyles",
+          "name": "zeroFlipperTemplate",
           "return": {
             "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroFlipperStyles",
-          "declaration": {
-            "name": "zeroFlipperStyles",
-            "module": "src/flipper/flipper.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flipper/flipper.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroFlipperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Flipper>"
+              "text": "ViewTemplate<Flipper>"
             }
           },
           "parameters": [
@@ -16779,46 +15627,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/flyout/flyout.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Flyout',\n  component: 'zero-flyout',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    position: {\n      control: 'select',\n      options: ['left', 'right'],\n    },\n  },\n  args: {\n    position: 'right',\n    height: '500px',\n    flyoutWidth: '20%',\n  },\n  render: ({ position, height, flyoutWidth }) => html`\n    <div style=\"display: flex; height: ${height};\">\n      <zero-button @click=\"${openFlyout}\">Open Flyout</zero-button>\n\n      <style>\n        zero-flyout::part(flyout) {\n          width: ${flyoutWidth};\n        }\n      </style>\n      <zero-flyout position=\"${position}\" style=\"height: ${height};\">\n        <p slot=\"title\">Zero flyout</p>\n        <div slot=\"header\">\n          <p>Header</p>\n        </div>\n        <div class=\"container\">\n          <p>Flyout options</p>\n          <ul>\n            <li>0</li>\n            <li>1</li>\n            <li>2</li>\n            <li>3</li>\n            <li>4</li>\n            <li>5</li>\n          </ul>\n        </div>\n        <div slot=\"footer\">\n          <p>Footer</p>\n          <zero-button @click=\"${closeFlyout}\">Close Flyout</zero-button>\n        </div>\n      </zero-flyout>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/flyout/flyout.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/flyout/flyout.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/flyout/flyout.styles.ts",
@@ -17189,46 +15997,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/grid-layout/grid-layout.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Grid Layout',\n  component: 'zero-grid-layout',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout\n          class=\"spacing-2x\"\n          col-count=\"2\"\n          row-count=\"2\"\n          col-lg-count=\"4\"\n          row-lg-count=\"1\"\n          col-sm-count=\"1\"\n          row-sm-count=\"2\"\n        >\n          <zero-grid-layout-item\n            style=\"height: 100%; background-color: green;\"\n            col-lg-number=\"1\"\n            row-lg-number=\"1\"\n            width-lg=\"1\"\n            height-lg=\"1\"\n            col-md-number=\"1\"\n            row-md-number=\"1\"\n            width-md=\"1\"\n            height-md=\"1\"\n            col-sm-number=\"1\"\n            row-sm-number=\"1\"\n            width-sm=\"1\"\n            height-sm=\"1\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"height: 100%; background-color: red;\"\n            col-lg-number=\"3\"\n            row-lg-number=\"1\"\n            width-lg=\"2\"\n            height-lg=\"1\"\n            col-md-number=\"2\"\n            row-md-number=\"2\"\n            width-md=\"1\"\n            height-md=\"1\"\n            col-sm-number=\"1\"\n            row-sm-number=\"2\"\n            width-sm=\"1\"\n            height-sm=\"1\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"2\" col-count=\"4\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: green;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"1\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"2\"\n            row-number=\"1\"\n            width=\"3\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"2\" col-count=\"4\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"1\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"2\"\n            row-number=\"1\"\n            width=\"2\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: green;\"\n            col-number=\"4\"\n            row-number=\"1\"\n            width=\"1\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"3\" col-count=\"4\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"4\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"1\"\n            row-number=\"3\"\n            width=\"3\"\n            height=\"1\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"4\"\n            row-number=\"3\"\n            width=\"1\"\n            height=\"1\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"4\" col-count=\"4\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"4\"\n            height=\"1\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"1\"\n            row-number=\"2\"\n            width=\"1\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"2\"\n            row-number=\"2\"\n            width=\"3\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: green;\"\n            col-number=\"1\"\n            row-number=\"4\"\n            width=\"4\"\n            height=\"1\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"2\"\n            height=\"6\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"3\"\n            row-number=\"1\"\n            width=\"4\"\n            height=\"3\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"3\"\n            row-number=\"4\"\n            width=\"2\"\n            height=\"3\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"5\"\n            row-number=\"4\"\n            width=\"1\"\n            height=\"3\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: green;\"\n            col-number=\"6\"\n            row-number=\"4\"\n            width=\"1\"\n            height=\"3\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"1\"\n            height=\"6\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"2\"\n            row-number=\"1\"\n            width=\"5\"\n            height=\"4\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"2\"\n            row-number=\"5\"\n            width=\"5\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n\n      <zero-card style=\"height: 200px; width: 100%;\">\n        <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n          <zero-grid-layout-item\n            style=\"background-color: blue;\"\n            col-number=\"1\"\n            row-number=\"1\"\n            width=\"1\"\n            height=\"6\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: red;\"\n            col-number=\"2\"\n            row-number=\"1\"\n            width=\"5\"\n            height=\"4\"\n          ></zero-grid-layout-item>\n          <zero-grid-layout-item\n            style=\"background-color: yellow;\"\n            col-number=\"2\"\n            row-number=\"5\"\n            width=\"5\"\n            height=\"2\"\n          ></zero-grid-layout-item>\n        </zero-grid-layout>\n      </zero-card>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/grid-layout/grid-layout.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/grid-layout/grid-layout.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/grid-layout/grid-layout.ts",
@@ -18330,46 +17098,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/horizontal-scroll/horizontal-scroll.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Horizontal Scroll',\n  component: 'zero-horizontal-scroll',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-horizontal-scroll style=${horizontalScrollStyle}>\n      ${repeat(\n        cards,\n        (item) => item,\n        (item) => html`\n          <zero-card style=${cardStyle}>\n            Card number ${item}\n            <zero-button>A button</zero-button>\n          </zero-card>\n        `,\n      )}\n    </zero-horizontal-scroll>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
@@ -19056,78 +17784,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/icon/icon.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Icon',\n  component: 'zero-icon',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-icon name=\"glasses\" size=\"1x\"></zero-icon>\n      <zero-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"apple\" size=\"4x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"ambulance\" size=\"xs\"></zero-icon>\n      <zero-icon name=\"angry\" size=\"1x\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"angry\" size=\"sm\"></zero-icon>\n      <zero-icon name=\"address-book\" size=\"lg\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></zero-icon>\n      <zero-icon name=\"bookmark\" size=\"2xl;\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></zero-icon>\n      <zero-icon tooltip=\"Zero Icon Tooltip with dynamic ID\"></zero-icon>\n      <zero-icon\n        tooltip=\"Zero Icon Tooltip with custom ID\"\n        tooltip-id=\"custom-tooltip-id\"\n      ></zero-icon>\n    </div>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Configurable",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    size: {\n      control: 'select',\n      options: [\n        '2xs',\n        'xs',\n        'sm',\n        'lg',\n        'xl',\n        '2xl',\n        '1x',\n        '2x',\n        '3x',\n        '4x',\n        '5x',\n        '6x',\n        '7x',\n        '8x',\n        '9x',\n        '10x',\n      ],\n    },\n    variant: {\n      control: 'select',\n      options: ['solid', 'regular', 'brand'],\n    },\n  },\n  args: {\n    name: 'glasses',\n    size: 'lg',\n    variant: 'solid',\n  },\n  render: ({ name, size, variant }) => html`\n    <zero-icon name=\"${name}\" size=\"${size}\" variant=\"${variant}\"></zero-icon>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "IconTooltips",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-icon tooltip=\"Zero Icon Tooltip with dynamic ID\"></zero-icon>\n      <zero-icon\n        tooltip=\"Zero Icon Tooltip with custom ID\"\n        tooltip-id=\"custom-tooltip-id\"\n      ></zero-icon>\n      <zero-icon error tooltip=\"Zero Icon Tooltip with error\"></zero-icon>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/icon/icon.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Multiple",
-          "declaration": {
-            "name": "Multiple",
-            "module": "src/icon/icon.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/icon/icon.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "IconTooltips",
-          "declaration": {
-            "name": "IconTooltips",
-            "module": "src/icon/icon.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/icon/icon.styles.ts",
@@ -19665,46 +18321,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/listbox/listbox.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Listbox',\n  component: 'zero-listbox',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-listbox style=\"width: 200px;\">\n      <zero-option>Option 1</zero-option>\n      <zero-option>Option 2</zero-option>\n      <zero-option>Option 3</zero-option>\n    </zero-listbox>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/listbox/listbox.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/listbox/listbox.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/listbox/listbox.styles.ts",
@@ -20669,46 +19285,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/menu/menu.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Menu',\n  component: 'zero-menu',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    menuItemsText: 'Menu item',\n    subMenuItemsText: 'SubMenu item',\n  },\n  render: ({ menuItemsText, subMenuItemsText }) => html`\n    <zero-menu>\n      <zero-menu-item>\n        ${menuItemsText} 1\n        <zero-menu>\n          <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n          <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n          <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n        </zero-menu>\n      </zero-menu-item>\n      <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n      <zero-menu-item>${menuItemsText}</zero-menu-item>\n    </zero-menu>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/menu/menu.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/menu/menu.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/menu/menu.styles.ts",
@@ -21580,46 +20156,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/modal/modal.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Modal',\n  component: 'zero-modal',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    dialogMaxWidth: '557px',\n    modalTitle: 'Modal title',\n    modalInitialText: 'Some text in a Zero Dialog',\n    modalMainText: `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    modalCloseButtonText: 'Close this modal',\n  },\n  render: ({\n    dialogMaxWidth,\n    modalTitle,\n    modalInitialText,\n    modalMainText,\n    modalCloseButtonText,\n  }) => html`\n    <zero-button @click=\"${showModal}\">Show Zero Modal</zero-button>\n    <zero-modal style=\"--dialog-max-width: ${dialogMaxWidth};\">\n      <h5 slot=\"top\">${modalTitle}</h5>\n      <p>${modalInitialText}</p>\n      <p>${modalMainText}</p>\n      <zero-divider slot=\"bottom\"></zero-divider>\n      <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeModal}\">\n        ${modalCloseButtonText}\n      </zero-button>\n    </zero-modal>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/modal/modal.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/modal/modal.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/modal/modal.styles.ts",
@@ -22062,151 +20598,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/multiselect/multiselect.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Multiselect',\n  component: 'zero-multiselect',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "Disabled",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "DisabledOptions",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "OptionsWithCustomStyling",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "AutoPosition",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "Creatable",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "ContainsSearch",
-          "type": {
-            "text": "StoryObj"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "labelStyle",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    disabled: false,\n    autoPosition: true,\n    position: Position.BELOW,\n    search: false,\n    all: false,\n  },\n  render: ({ autoPosition, position, search, all }) => html`\n    <div style=\"min-height: 300px;\">\n      <zero-multiselect\n        name=\"${name}\"\n        .options=\"${notificationSeverities}\"\n        auto-position=\"${autoPosition}\"\n        position=\"${position}\"\n        search=\"${search}\"\n        all=\"${all}\"\n      ></zero-multiselect>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Disabled",
-          "declaration": {
-            "name": "Disabled",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DisabledOptions",
-          "declaration": {
-            "name": "DisabledOptions",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "OptionsWithCustomStyling",
-          "declaration": {
-            "name": "OptionsWithCustomStyling",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AutoPosition",
-          "declaration": {
-            "name": "AutoPosition",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Creatable",
-          "declaration": {
-            "name": "Creatable",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ContainsSearch",
-          "declaration": {
-            "name": "ContainsSearch",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "labelStyle",
-          "declaration": {
-            "name": "labelStyle",
-            "module": "src/multiselect/multiselect.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/multiselect/multiselect.styles.ts",
@@ -23503,46 +21894,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/number-field/number-field.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Number Field',\n  component: 'zero-number-field',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"display: flex; gap: 2rem;\">\n      <zero-number-field placeholder=\"number\" withFormatting>with formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\">without formatting:</zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" withFormatting>\n        Min 6 - with formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"6\" max=\"60\">\n        Min 6, Max 60 - without formatting\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${undefined}>\n        Value is undefined (min 1)\n      </zero-number-field>\n      <zero-number-field placeholder=\"number\" min=\"1\" value=${null}>\n        Value is null (min 1)\n      </zero-number-field>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/number-field/number-field.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/number-field/number-field.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/number-field/number-field.styles.ts",
@@ -24386,62 +22737,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress/progress.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Progress',\n  component: 'zero-progress',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"width: 100%;\">\n      <zero-progress></zero-progress>\n      <zero-progress value=\"50\"></zero-progress>\n      <zero-progress value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-teal\" value=\"100\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"50\"></zero-progress>\n      <zero-progress appearance=\"secondary-orange\" value=\"100\"></zero-progress>\n    </div>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Configurable",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['accent', 'secondary-orange', 'secondary-teal'],\n    },\n  },\n  args: {\n    appearance: 'accent',\n    value: '50',\n  },\n  render: ({ appearance, value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress appearance=\"${appearance}\" value=\"${value}\"></zero-progress>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/progress/progress.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Multiple",
-          "declaration": {
-            "name": "Multiple",
-            "module": "src/progress/progress.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/progress/progress.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/progress/progress.styles.ts",
@@ -24590,62 +22885,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Progress Ring',\n  component: 'zero-progress-ring',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-progress-ring></zero-progress-ring>\n    <zero-progress-ring value=\"50\"></zero-progress-ring>\n    <zero-progress-ring value=\"100\"></zero-progress-ring>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Configurable",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    value: '50',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <zero-progress-ring value=\"${value}\"></zero-progress-ring>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Multiple",
-          "declaration": {
-            "name": "Multiple",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/progress-ring/progress-ring.styles.ts",
@@ -24805,46 +23044,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio/radio.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Radio',\n  component: 'zero-radio',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-radio>Rapid Radio</zero-radio>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/radio/radio.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/radio/radio.styles.ts",
@@ -25192,46 +23391,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio-group/radio-group.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Radio Group',\n  component: 'zero-radio-group',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-radio-group>\n      <label slot=\"label\">Zero Radio Group (label slot)</label>\n      <zero-radio>Zero label 1</zero-radio>\n      <zero-radio>Zero label 2</zero-radio>\n      <zero-radio>Zero label 3</zero-radio>\n    </zero-radio-group>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/radio-group/radio-group.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/radio-group/radio-group.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/radio-group/radio-group.styles.ts",
@@ -27054,46 +25213,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-bar/search-bar.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Search Bar',\n  component: 'zero-search-bar',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ searchConfig }) => html`\n    <div style=\"height: 400px; width: 500px;\">\n      <zero-search-bar .options=\"${searchConfig}\"></zero-search-bar>\n    </div>\n  `,\n  args: {\n    searchConfig: [\n      {\n        field: 'TRADE_NAME',\n        label: (searchTerm) => `${searchTerm} as Trade Name`,\n        createCriteria: getCriteriaBuilder,\n        isEnabled: (searchTerm, selectedOption) => {\n          return (\n            searchTerm.length >= INPUT_MIN_LENGTH &&\n            !selectedOption.some((e) => e.field === 'TRADE_NAME')\n          );\n        },\n      },\n      {\n        field: 'INSTRUMENT_NAME',\n        label: (searchTerm) => `${searchTerm} as Instrument Name`,\n        createCriteria: getCriteriaBuilder,\n        isEnabled: (searchTerm, selectedOption) => {\n          return (\n            searchTerm.length >= INPUT_MIN_LENGTH &&\n            !selectedOption.some((e) => e.field === 'INSTRUMENT_NAME')\n          );\n        },\n      },\n      {\n        field: 'USER_ID',\n        label: (searchTerm) => `${searchTerm} as User ID`,\n        createCriteria: getCriteriaBuilder,\n        isEnabled: (searchTerm, selectedOption) => {\n          return (\n            searchTerm.length >= INPUT_MIN_LENGTH &&\n            !selectedOption.some((e) => e.field === 'USER_ID')\n          );\n        },\n      },\n    ],\n  },\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/search-bar/search-bar.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/search-bar/search-bar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/search-bar/search-bar.styles.ts",
@@ -27673,46 +25792,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Segmented Control',\n  component: 'zero-segmented-control',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-segmented-control>\n        <label slot=\"label\">Neutral Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n\n      <zero-segmented-control appearance=\"primary\">\n        <label slot=\"label\">Primary Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/segmented-control/segmented-control.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/segmented-control/segmented-control.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/segmented-control/segmented-control.styles.ts",
@@ -28088,46 +26167,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/select/select.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Select',\n  component: 'zero-select',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px;\">\n      <zero-select>\n        <zero-option value=\"1\">Zero Option 1</zero-option>\n        <zero-option value=\"2\">Zero Option 2</zero-option>\n        <zero-option value=\"3\">Zero Option 3</zero-option>\n      </zero-select>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/select/select.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/select/select.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/select/select.styles.ts",
@@ -28766,46 +26805,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/skeleton/skeleton.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Skeleton',\n  component: 'zero-skeleton',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div\n      style=\"\n      background-color: #fff;\n      padding: 20px;\n      width: 500px;\n      border-radius: 4px;\"\n    >\n      <zero-skeleton style=\"width: 50px; height: 50px;\" shape=\"circle\"></zero-skeleton>\n      <zero-skeleton\n        style=\"border-radius: 4px; margin-top: 10px; height: 10px;\"\n        shape=\"rect\"\n      ></zero-skeleton>\n      <zero-skeleton\n        style=\"border-radius: 4px; margin-top: 10px; height: 10px;\"\n        shape=\"rect\"\n      ></zero-skeleton>\n      <zero-skeleton\n        style=\"border-radius: 4px;width: 75px;height: 30px;margin-top: 20px;margin-bottom: 10px;\"\n        shape=\"rect\"\n      ></zero-skeleton>\n    </div>\n    <zero-skeleton\n      style=\"border-radius: 4px; margin-top: 10px; height: 20px;\"\n      shape=\"rect\"\n    ></zero-skeleton>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/skeleton/skeleton.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/skeleton/skeleton.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/skeleton/skeleton.styles.ts",
@@ -29170,62 +27169,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/slider/slider.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Slider',\n  component: 'zero-slider',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px; width: 100%;\">\n      <h6>Vertical</h6>\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\" orientation=\"vertical\"></zero-slider>\n      <h6>Horizontal</h6>\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\"></zero-slider>\n    </div>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "WithLabels",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px; width: 100%; margin: 20px;\">\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\">\n        <zero-slider-label position=\"0\">0%</zero-slider-label>\n        <zero-slider-label position=\"10\">10%</zero-slider-label>\n        <zero-slider-label position=\"90\">90%</zero-slider-label>\n        <zero-slider-label position=\"100\">100%</zero-slider-label>\n      </zero-slider>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/slider/slider.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/slider/slider.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WithLabels",
-          "declaration": {
-            "name": "WithLabels",
-            "module": "src/slider/slider.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/slider/slider.styles.ts",
@@ -30324,46 +28267,6 @@
         }
       ]
     },
-    {
-      "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"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/snackbar/snackbar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/snackbar/snackbar.styles.ts",
@@ -30857,46 +28760,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/stacking-icons/stacking-icons.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Stacking Icons',\n  component: 'zero-stacking-icons',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Configurable",
-          "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}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/stacking-icons/stacking-icons.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Configurable",
-          "declaration": {
-            "name": "Configurable",
-            "module": "src/stacking-icons/stacking-icons.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/stacking-icons/stacking-icons.styles.ts",
@@ -31172,46 +29035,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -32498,46 +30321,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -33406,46 +31189,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tabs/tabs.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Tabs',\n  component: 'zero-tabs',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: ['primary', 'secondary'],\n    },\n    orientation: {\n      control: 'select',\n      options: ['vertical', 'horizontal'],\n    },\n  },\n  args: {\n    appearance: 'primary',\n    orientation: 'horizontal',\n  },\n  render: ({ appearance, orientation }) => html`\n    <div style=\"min-height: 300px\">\n      <zero-tabs appearance=\"${appearance}\" orientation=\"${orientation}\">\n        <span part=\"start\" class=\"start\" slot=\"start\">Blotter Header</span>\n        <zero-tab>Rapid Tab 1</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 2</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 3</zero-tab>\n        <zero-tab slot=\"tab\">Rapid Tab 4</zero-tab>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 2</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">Rapid Tab Panel 3</zero-tab-panel>\n        <zero-tab-panel slot=\"tabpanel\">\n          <zero-tabs appearance=\"secondary\">\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 1</zero-tab>\n            <zero-tab appearance=\"secondary\" slot=\"tab\">Rapid Nested Tab 2</zero-tab>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 1</zero-tab-panel>\n            <zero-tab-panel slot=\"tabpanel\">Rapid Nested Tab Panel 2</zero-tab-panel>\n          </zero-tabs>\n        </zero-tab-panel>\n      </zero-tabs>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/tabs/tabs.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/tabs/tabs.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tabs/tabs.styles.ts",
@@ -34100,46 +31843,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/text-area/text-area.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Text Area',\n  component: 'zero-text-area',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "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}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/text-area/text-area.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/text-area/text-area.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/text-area/text-area.styles.ts",
@@ -34764,46 +32467,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/text-field/text-field.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Text Field',\n  component: 'zero-text-field',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-text-field placeholder=\"Enter text...\">Text Field</zero-text-field>\n      <zero-text-field value=\"some value\">Test label</zero-text-field>\n      <zero-text-field value=\"disabled\" disabled>Test label 2</zero-text-field>\n      <zero-text-field type=\"datetime-local\">Datetime local type</zero-text-field>\n      <zero-text-field type=\"datetime-local\" step=\".001\">\n        Datetime local with step attr\n      </zero-text-field>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/text-field/text-field.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/text-field/text-field.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/text-field/text-field.styles.ts",
@@ -35542,46 +33205,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/toast/toast.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Toast',\n  component: 'zero-toast',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"position: absolute; right: 0; top: 0; display: flex; flex-direction: column\">\n      <zero-toast notify=\"warning\" auto-close=\"true\" close-timeout=\"5000\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast notify=\"success\">\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"date\">Today 14:28</span>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n      </zero-toast>\n      <zero-toast>\n        <h6 slot=\"top\">Toast title</h6>\n        <span slot=\"content\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>\n        <span slot=\"date\">Today 14:28</span>\n        <zero-button appearance=\"primary-gradient\" slot=\"bottom\">Close notification</zero-button>\n      </foundation-toast>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/toast/toast.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/toast/toast.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/toast/toast.styles.ts",
@@ -35898,46 +33521,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/toolbar/toolbar.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Toolbar',\n  component: 'zero-toolbar',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-toolbar style=\"height: 300px;\">\n      <label slot=\"label\">Zero Toolbar</label>\n      <zero-checkbox>Zero Checkbox</zero-checkbox>\n      <zero-checkbox>Zero Checkbox</zero-checkbox>\n      <zero-select>\n        <zero-option value=\"1\">Zero Option 1</zero-option>\n        <zero-option value=\"2\">Zero Option 2</zero-option>\n        <zero-option value=\"3\">Zero Option 3</zero-option>\n      </zero-select>\n      <zero-button>Zero Button</zero-button>\n    </zero-toolbar>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/toolbar/toolbar.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/toolbar/toolbar.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/toolbar/toolbar.styles.ts",
@@ -36288,46 +33871,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/tooltip.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Tooltip',\n  component: 'zero-tooltip',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-button id=\"zero-btn-tooltip-anchor\">Hover me</zero-button>\n    <zero-tooltip anchor=\"zero-btn-tooltip-anchor\">oh hello there!</zero-tooltip>\n    <zero-badge id=\"zero-badge-tooltip-anchor\">And me too!</zero-badge>\n    <zero-tooltip anchor=\"zero-badge-tooltip-anchor\">again!</zero-tooltip>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/tooltip/tooltip.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/tooltip/tooltip.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tooltip/tooltip.styles.ts",
@@ -37533,46 +35076,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tree-view/tree-view.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Tree View',\n  component: 'zero-tree-view',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-tree-view style=\"width: 200px;\">\n      <zero-tree-item>\n        Tree item 1\n        <zero-tree-item>\n          Tree item 2\n          <zero-tree-item>Tree item 2</zero-tree-item>\n        </zero-tree-item>\n      </zero-tree-item>\n      <zero-tree-item>Tree item 2</zero-tree-item>\n    </zero-tree-view>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/tree-view/tree-view.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/tree-view/tree-view.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tree-view/tree-view.styles.ts",
@@ -37721,46 +35224,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/url-input.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'URL Input',\n  component: 'zero-url-input',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-url-input></zero-url-input>\n    <zero-url-input readOnly value=\"randomurl\"></zero-url-input>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/url-input/url-input.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/url-input/url-input.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/url-input/url-input.styles.ts",