@genesislcap/foundation-zero 14.58.0 → 14.60.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\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  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": [
@@ -114,6 +114,14 @@
             "package": "./anchor"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1129,7 +1137,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",
@@ -1137,7 +1145,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": [
@@ -1458,6 +1466,194 @@
         }
       ]
     },
+    {
+      "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",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAnchoredRegionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAnchoredRegionStyles",
+          "declaration": {
+            "name": "zeroAnchoredRegionStyles",
+            "module": "src/anchored-region/anchored-region.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAnchoredRegionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<AnchoredRegion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAnchoredRegionTemplate",
+          "declaration": {
+            "name": "zeroAnchoredRegionTemplate",
+            "module": "src/anchored-region/anchored-region.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AnchoredRegion",
+          "superclass": {
+            "name": "FoundationAnchoredRegion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-anchored-region",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAnchoredRegion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AnchoredRegion",
+          "declaration": {
+            "name": "AnchoredRegion",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAnchoredRegion",
+          "declaration": {
+            "name": "zeroAnchoredRegion",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/badge/badge.stories.ts",
@@ -1664,7 +1860,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": [
@@ -1810,7 +2006,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": [
@@ -2188,7 +2384,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": [
@@ -2384,7 +2580,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": [
@@ -2946,7 +3142,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": [
@@ -3118,7 +3314,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": [
@@ -3390,7 +3586,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": [
@@ -3880,7 +4076,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": [
@@ -4068,7 +4264,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": [
@@ -4256,7 +4452,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": [
@@ -4431,7 +4627,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": [
@@ -4463,7 +4659,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": [
@@ -4919,7 +5115,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": [
@@ -5156,7 +5352,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": [
@@ -5523,7 +5719,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": [
@@ -5709,7 +5905,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": [
@@ -6562,7 +6758,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": [
@@ -7041,7 +7237,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": [
@@ -9191,7 +9387,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": [
@@ -9244,7 +9440,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": [
@@ -11346,7 +11542,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.d.ts

@@ -0,0 +1,8 @@
+import { AnchoredRegion as FoundationAnchoredRegion } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-anchored-region
+ */
+export declare class AnchoredRegion extends FoundationAnchoredRegion {
+}
+export declare const zeroAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof AnchoredRegion>;
+//# sourceMappingURL=anchored-region.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchored-region.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,eAAO,MAAM,kBAAkB,8TAM7B,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryObj;
+//# sourceMappingURL=anchored-region.stories.d.ts.map

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

@@ -0,0 +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;AAyBpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const zeroAnchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+//# sourceMappingURL=anchored-region.styles.d.ts.map

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

@@ -0,0 +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,aAEF,CAAC"}

package/dist/dts/anchored-region/anchored-region.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { AnchoredRegion } from './anchored-region';
+export declare const zeroAnchoredRegionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AnchoredRegion>;
+//# sourceMappingURL=anchored-region.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchored-region.template.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,0BAA0B,YAC5B,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,cAAc,CAA0D,CAAC"}

package/dist/dts/anchored-region/index.d.ts

@@ -0,0 +1,4 @@
+export * from './anchored-region';
+export * from './anchored-region.styles';
+export * from './anchored-region.template';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,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

@@ -4,6 +4,7 @@ export declare const baseComponents: {
     zeroAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./accordion-item").AccordionItem>;
     zeroActionsMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./actions-menu").ActionsMenu>;
     zeroAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor").Anchor>;
+    zeroAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchored-region").AnchoredRegion>;
     zeroBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge").Badge>;
     zeroBanner: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;

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;AAgE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA+DJ,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;AAiE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgEJ,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"}