@genesislcap/foundation-zero 14.59.0 → 14.61.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
+          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
         }
       ],
       "exports": [
@@ -330,6 +330,14 @@
             "package": "./grid-layout-item"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1137,7 +1145,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) =>\n    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}"
+          "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",
@@ -1145,7 +1153,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) =>\n    html`\n      <div style=\"${verticalStyle}\">\n        <zero-actions-menu\n          name=\"${actionsOpenerText}\"\n          .actions=${actions}\n          is-vertical\n        ></zero-actions-menu>\n      </div>\n    `,\n}"
+          "default": "{\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": [
@@ -1860,7 +1868,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) =>\n    html`\n      <zero-banner id=\"banner\">\n        <div slot=\"content\">${bannerText}</div>\n        <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n          ${actionIgnoreActionText}\n        </zero-button>\n        <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n          ${actionDemoText}\n        </zero-button>\n      </zero-banner>\n    `,\n}"
+          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html`\n    <zero-banner id=\"banner\">\n      <div slot=\"content\">${bannerText}</div>\n      <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n        ${actionIgnoreActionText}\n      </zero-button>\n      <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n        ${actionDemoText}\n      </zero-button>\n    </zero-banner>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2006,7 +2014,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    breadcrumbItemsText: 'Breadcrumb Item',\n    breadcrumbCurrentItemText: 'Current Page',\n  },\n  render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) =>\n    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}"
+          "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": [
@@ -2384,7 +2392,7 @@
           "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 }) =>\n    html`\n      <zero-button appearance=\"${appearance}\">${buttonText} (${appearance})</zero-button>\n    `,\n}"
+          "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": [
@@ -2580,7 +2588,7 @@
           "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 }) =>\n    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}"
+          "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": [
@@ -3142,7 +3150,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    showLabel: true,\n  },\n  render: ({ showLabel }) =>\n    html`\n      <zero-connection-indicator show-label=\"${showLabel}\"></zero-connection-indicator>\n    `,\n}"
+          "default": "{\n  args: {\n    showLabel: true,\n  },\n  render: ({ showLabel }) => html`\n    <zero-connection-indicator show-label=\"${showLabel}\"></zero-connection-indicator>\n  `,\n}"
         }
       ],
       "exports": [
@@ -3314,7 +3322,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    dataGridRowsData: rowsData,\n  },\n  render: ({ dataGridRowsData }) =>\n    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}"
+          "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": [
@@ -3586,7 +3594,7 @@
           "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  }) =>\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}"
+          "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": [
@@ -4076,7 +4084,7 @@
           "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 }) =>\n    html`\n      <zero-disclosure appearance=\"${fastAppearance}\" title=\"${disclosureTitle}\">\n        <span slot=\"end\">${disclosureEndSlot}</span>\n        <div>${disclosureText}</div>\n      </zero-disclosure>\n    `,\n}"
+          "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": [
@@ -4264,7 +4272,7 @@
           "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 }) =>\n    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}"
+          "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": [
@@ -4452,7 +4460,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    items: zeroItems,\n    dropdownOpenerText: 'Dropdown menu',\n  },\n  render: ({ dropdownOpenerText, items }) =>\n    html`\n      <div>\n        <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n      </div>\n    `,\n}"
+          "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": [
@@ -4627,7 +4635,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) =>\n    html`\n      <div id=\"zero-banner\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-banner\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4659,7 +4667,7 @@
           "type": {
             "text": "ViewTemplate<ErrorBanner>"
           },
-          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) => x.error?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `\n    )}\n  </zero-banner>\n`"
+          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) => x.error?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `,\n    )}\n  </zero-banner>\n`"
         }
       ],
       "exports": [
@@ -5115,7 +5123,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    html`\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    `,\n}"
+          "default": "{\n  render: () => html`\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  `,\n}"
         }
       ],
       "exports": [
@@ -5352,7 +5360,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    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}"
+          "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": [
@@ -5719,7 +5727,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    direction: {\n      control: 'select',\n      options: ['previous', 'next'],\n    },\n  },\n  args: {\n    direction: 'next',\n  },\n  render: ({ direction }) =>\n    html`\n      <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n    `,\n}"
+          "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}"
         }
       ],
       "exports": [
@@ -5905,7 +5913,7 @@
           "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 }) =>\n    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}"
+          "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": [
@@ -6206,6 +6214,194 @@
         }
       ]
     },
+    {
+      "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",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroHorizontalScrollStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScrollStyles",
+          "declaration": {
+            "name": "zeroHorizontalScrollStyles",
+            "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroHorizontalScrollTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<HorizontalScroll>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScrollTemplate",
+          "declaration": {
+            "name": "zeroHorizontalScrollTemplate",
+            "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/horizontal-scroll.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "HorizontalScroll",
+          "superclass": {
+            "name": "FoundationHorizontalScroll",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-horizontal-scroll",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroHorizontalScroll"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HorizontalScroll",
+          "declaration": {
+            "name": "HorizontalScroll",
+            "module": "src/horizontal-scroll/horizontal-scroll.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroHorizontalScroll",
+          "declaration": {
+            "name": "zeroHorizontalScroll",
+            "module": "src/horizontal-scroll/horizontal-scroll.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/horizontal-scroll/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./horizontal-scroll.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/icon.stories.ts",
@@ -6758,7 +6954,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    menuItemsText: 'Menu item',\n    subMenuItemsText: 'SubMenu item',\n  },\n  render: ({ menuItemsText, subMenuItemsText }) =>\n    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}"
+          "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": [
@@ -7237,7 +7433,7 @@
         {
           "kind": "variable",
           "name": "multiselectStyles",
-          "default": "css`\n  ${foundationMultiselectStyles}\n\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  #display-field {\n    background: ${defaultRapidBGColor};\n  }\n\n  #display-field:focus {\n    outline: none;\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${PrimaryRapidColorHEX.blue};\n    border-left-color: ${PrimaryRapidColorHEX.purple};\n  }\n\n  ::slotted(zero-checkbox),\n  zero-checkbox {\n    border-bottom: 1px solid rgb(46 48 52);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(zero-checkbox:hover),\n  zero-checkbox:hover {\n    background-color: rgb(45 47 51);\n    cursor: pointer;\n  }\n\n  ::slotted(zero-checkbox)::part(label),\n  zero-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .label {\n    color: ${defaultRapidLabelColor};\n  }\n`"
+          "default": "css`\n  ${foundationMultiselectStyles}\n\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  #display-field {\n    background: ${defaultRapidBGColor};\n  }\n\n  #display-field:focus {\n    outline: none;\n    background:\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${PrimaryRapidColorHEX.blue};\n    border-left-color: ${PrimaryRapidColorHEX.purple};\n  }\n\n  ::slotted(zero-checkbox),\n  zero-checkbox {\n    border-bottom: 1px solid rgb(46 48 52);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(zero-checkbox:hover),\n  zero-checkbox:hover {\n    background-color: rgb(45 47 51);\n    cursor: pointer;\n  }\n\n  ::slotted(zero-checkbox)::part(label),\n  zero-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .label {\n    color: ${defaultRapidLabelColor};\n  }\n`"
         }
       ],
       "exports": [
@@ -9387,7 +9583,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) =>\n    html`\n      <div id=\"zero-snackbar\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -9440,7 +9636,7 @@
           "type": {
             "text": "ViewTemplate<Snackbar>"
           },
-          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) => x.error?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `\n      )}\n    </div>\n  </div>\n`"
+          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) => x.error?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `,\n      )}\n    </div>\n  </div>\n`"
         }
       ],
       "exports": [
@@ -11542,7 +11738,7 @@
         {
           "kind": "variable",
           "name": "zeroUrlInputTemplate",
-          "default": "html<UrlInput>`\n  <div class=\"container\" value=${(x) => x.value}>\n    <zero-text-field\n      class=\"url-input\"\n      required\n      type=\"url\"\n      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}\n      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}\n      @focus=${(x) => x.focus()}\n      :readOnly=${(x) => x.readOnly}\n      }\n    ></zero-text-field>\n    ${when(\n      (x) => x.readOnly || !x.focused,\n      html`\n        <a class=\"url-input-link\" href=${(x) => x.value} target=\"_blank\">${(x) => x.value}</a>\n      `\n    )}\n  </div>\n`"
+          "default": "html<UrlInput>`\n  <div class=\"container\" value=${(x) => x.value}>\n    <zero-text-field\n      class=\"url-input\"\n      required\n      type=\"url\"\n      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}\n      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}\n      @focus=${(x) => x.focus()}\n      :readOnly=${(x) => x.readOnly}\n      }\n    ></zero-text-field>\n    ${when(\n      (x) => x.readOnly || !x.focused,\n      html`\n        <a class=\"url-input-link\" href=${(x) => x.value} target=\"_blank\">${(x) => x.value}</a>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [

package/dist/dts/actions-menu/actions-menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,UAAU,EAAE,QAcxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,QAetB,CAAC"}
+{"version":3,"file":"actions-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,UAAU,EAAE,QAaxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,QActB,CAAC"}

package/dist/dts/anchor/anchor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.stories.d.ts","sourceRoot":"","sources":["../../../src/anchor/anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC"}
+{"version":3,"file":"anchor.stories.d.ts","sourceRoot":"","sources":["../../../src/anchor/anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC"}

package/dist/dts/anchored-region/anchored-region.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchored-region.stories.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}
+{"version":3,"file":"anchored-region.stories.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}

package/dist/dts/anchored-region/anchored-region.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchored-region.styles.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,YAC1B,wBAAwB,cACrB,2BAA2B,KACtC,aAGA,CAAC"}
+{"version":3,"file":"anchored-region.styles.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,YAC1B,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}

package/dist/dts/badge/badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,GAAG,EAAE,QAOjB,CAAC"}
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,GAAG,EAAE,QAOjB,CAAC"}

package/dist/dts/banner/banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,OAAO,EAAE,QA0BrB,CAAC"}
+{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,OAAO,EAAE,QAyBrB,CAAC"}

package/dist/dts/base-components.d.ts

@@ -161,6 +161,7 @@ export declare const baseComponents: {
         shadowOptions: ShadowRootInit;
         template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").GridLayoutItem, any>;
     }, typeof import("./grid-layout-item").GridLayoutItem>;
+    zeroHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./horizontal-scroll").HorizontalScroll>;
     zeroIcon: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./icon").Icon>;
     zeroListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./listbox").Listbox>;
     zeroListboxOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./listbox-option").ListboxOption>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAiE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAkE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/breadcrumb/breadcrumb.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}
+{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}

package/dist/dts/button/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAepB,CAAC"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAcpB,CAAC"}

package/dist/dts/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAmPpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAqPpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcA,CAAC"}

package/dist/dts/card/card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/card/card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAerB,CAAC"}
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/card/card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}

package/dist/dts/combobox/combobox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA4BpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}
+{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}

package/dist/dts/combobox/combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAiDF,CAAC"}
+{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAkDF,CAAC"}

package/dist/dts/connection-indicator/connection-indicator.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-indicator.stories.d.ts","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"connection-indicator.stories.d.ts","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}

package/dist/dts/data-grid/data-grid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.stories.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}
+{"version":3,"file":"data-grid.stories.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}

package/dist/dts/date-picker/date-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAyBrB,CAAC"}
+{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAwBrB,CAAC"}

package/dist/dts/design-system-provider/design-system-provider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAoD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,CAAC"}
+{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAkD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,CAAC"}

package/dist/dts/disclosure/disclosure.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAwBrB,CAAC"}
+{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC"}

package/dist/dts/divider/divider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QA2BrB,CAAC"}
+{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QA0BrB,CAAC"}

package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,QAWrB,CAAC"}
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}

package/dist/dts/error-banner/error-banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}
+{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}

package/dist/dts/filter/filter.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}

package/dist/dts/filter-bar/filter-bar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}