@genesislcap/foundation-zero 14.53.1-alpha-d3bad6f.0 → 14.54.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\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  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  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}"
         }
       ],
       "exports": [
@@ -314,6 +314,14 @@
             "package": "./icon"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -5833,6 +5841,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./listbox"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Listbox',\n  component: 'zero-listbox',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-listbox style=\"width: 200px;\">\n      <zero-option>Option 1</zero-option>\n      <zero-option>Option 2</zero-option>\n      <zero-option>Option 3</zero-option>\n    </zero-listbox>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/listbox/listbox.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/listbox/listbox.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroListboxStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroListboxStyles",
+          "declaration": {
+            "name": "zeroListboxStyles",
+            "module": "src/listbox/listbox.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroListboxTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Listbox>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroListboxTemplate",
+          "declaration": {
+            "name": "zeroListboxTemplate",
+            "module": "src/listbox/listbox.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/listbox/listbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Listbox",
+          "superclass": {
+            "name": "FoundationListbox",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-listbox",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroListbox"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Listbox",
+          "declaration": {
+            "name": "Listbox",
+            "module": "src/listbox/listbox.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroListbox",
+          "declaration": {
+            "name": "zeroListbox",
+            "module": "src/listbox/listbox.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/listbox-option/index.ts",

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

@@ -159,6 +159,7 @@ export declare const baseComponents: {
         template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").GridLayoutItem, any>;
     }, typeof import("./grid-layout-item").GridLayoutItem>;
     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>;
     zeroMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu").Menu>;
     zeroMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").MenuItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

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;AA6D5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4DJ,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;AA8D5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA6DJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -33,6 +33,7 @@ export * from './flyout';
 export * from './grid-layout';
 export * from './grid-layout-item';
 export * from './icon';
+export * from './listbox';
 export * from './listbox-option';
 export * from './menu';
 export * from './menu-item';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/dts/listbox/index.d.ts

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

package/dist/dts/listbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/dts/listbox/listbox.d.ts

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

package/dist/dts/listbox/listbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,OAAO,IAAI,iBAAiB,EAC7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,WAAW,uTAMtB,CAAC"}

package/dist/dts/listbox/listbox.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 Primary: StoryObj;
+//# sourceMappingURL=listbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.stories.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox.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"}

package/dist/dts/listbox/listbox.styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.styles.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox.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,iBAAiB,YACnB,wBAAwB,cACrB,2BAA2B,KACtC,aAMF,CAAC"}

package/dist/dts/listbox/listbox.template.d.ts

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

package/dist/dts/listbox/listbox.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.template.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox.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,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,mBAAmB,YACrB,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,OAAO,CAAmD,CAAC"}

package/dist/esm/base-components.js

@@ -29,6 +29,7 @@ import { zeroFlyout } from './flyout';
 import { zeroGridLayout } from './grid-layout';
 import { zeroGridLayoutItem } from './grid-layout-item';
 import { zeroIcon } from './icon';
+import { zeroListbox } from './listbox';
 import { zeroListboxOption } from './listbox-option';
 import { zeroMenu } from './menu';
 import { zeroMenuItem } from './menu-item';
@@ -90,6 +91,7 @@ export const baseComponents = {
     zeroGridLayout,
     zeroGridLayoutItem,
     zeroIcon,
+    zeroListbox,
     zeroListboxOption,
     zeroMenu,
     zeroMenuItem,

package/dist/esm/index.js

@@ -33,6 +33,7 @@ export * from './flyout';
 export * from './grid-layout';
 export * from './grid-layout-item';
 export * from './icon';
+export * from './listbox';
 export * from './listbox-option';
 export * from './menu';
 export * from './menu-item';

package/dist/esm/listbox/index.js

@@ -0,0 +1,3 @@
+export * from './listbox.template';
+export * from './listbox.styles';
+export * from './listbox';

package/dist/esm/listbox/listbox.js

@@ -0,0 +1,10 @@
+import { defaultListboxConfig, foundationListboxShadowOptions, Listbox as FoundationListbox, } from '@genesislcap/foundation-ui';
+import { zeroListboxStyles as styles } from './listbox.styles';
+import { zeroListboxTemplate as template } from './listbox.template';
+/**
+ * @tagname %%prefix%%-listbox
+ */
+export class Listbox extends FoundationListbox {
+}
+export const zeroListbox = Listbox.compose(Object.assign({ baseName: 'listbox', template,
+    styles, shadowOptions: foundationListboxShadowOptions }, defaultListboxConfig));

package/dist/esm/listbox/listbox.stories.js

@@ -0,0 +1,15 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Listbox',
+    component: 'zero-listbox',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <zero-listbox style="width: 200px;">
+      <zero-option>Option 1</zero-option>
+      <zero-option>Option 2</zero-option>
+      <zero-option>Option 3</zero-option>
+    </zero-listbox>
+  `,
+};

package/dist/esm/listbox/listbox.styles.js

@@ -0,0 +1,9 @@
+import { foundationListboxStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroListboxStyles = (context, definition) => css `
+  ${foundationListboxStyles(context, definition)}
+
+  :host {
+    background: #1f2126;
+  }
+`;

package/dist/esm/listbox/listbox.template.js

@@ -0,0 +1,2 @@
+import { foundationListboxTemplate } from '@genesislcap/foundation-ui';
+export const zeroListboxTemplate = (context, definition) => foundationListboxTemplate(context, definition);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.53.1-alpha-d3bad6f.0",
+  "version": "14.54.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.53.1-alpha-d3bad6f.0",
+    "@genesislcap/genx": "14.54.0",
     "@storybook/addon-essentials": "^7.0.0",
     "@storybook/addon-links": "^7.0.0",
     "@storybook/addons": "^7.0.0",
@@ -74,9 +74,9 @@
     "storybook": "^7.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.53.1-alpha-d3bad6f.0",
-    "@genesislcap/foundation-ui": "14.53.1-alpha-d3bad6f.0",
-    "@genesislcap/foundation-utils": "14.53.1-alpha-d3bad6f.0",
+    "@genesislcap/foundation-comms": "14.54.0",
+    "@genesislcap/foundation-ui": "14.54.0",
+    "@genesislcap/foundation-utils": "14.54.0",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -93,5 +93,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "e03a41c0380345ea04d3c35606a5ccf4ab939360"
+  "gitHead": "94c44096e99b607294d9fb9bbd6b6b71bb6389d4"
 }