@genesislcap/foundation-zero 14.384.1-alpha-078bddd.0 → 14.385.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  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumb,\n  zeroBreadcrumbItem,\n  zeroButton,\n  zeroCalendar,\n  zeroCard,\n  zeroCategorizedMultiselect,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDatePicker,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroEnvironmentIndicator,\n  zeroErrorBanner,\n  zeroErrorBoundary,\n  zeroErrorDialog,\n  zeroFileReader,\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  zeroNotificationListener,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSchedulerCronBuilder,\n  zeroSearchBar,\n  zeroSearchBarCombobox,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroScheduler,\n  zeroSchedulerTimezone,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSliderLabel,\n  zeroSnackbar,\n  zeroStackingIcons,\n  zeroStatusPill,\n  zeroStepper,\n  zeroStepperTab,\n  zeroStepperTabPanel,\n  zeroSwitch,\n  zeroSystemHealthOverlay,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  zeroSectionNavigator,\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  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumb,\n  zeroBreadcrumbItem,\n  zeroButton,\n  zeroCalendar,\n  zeroCard,\n  zeroCategorizedMultiselect,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDatePicker,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroEnvironmentIndicator,\n  zeroErrorBanner,\n  zeroErrorBoundary,\n  zeroErrorDialog,\n  zeroFileReader,\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  zeroNotificationListener,\n  zeroNumberField,\n  zeroOptgroup,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSchedulerCronBuilder,\n  zeroSearchBar,\n  zeroSearchBarCombobox,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroScheduler,\n  zeroSchedulerTimezone,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSliderLabel,\n  zeroSnackbar,\n  zeroStackingIcons,\n  zeroStatusPill,\n  zeroStepper,\n  zeroStepperTab,\n  zeroStepperTabPanel,\n  zeroSwitch,\n  zeroSystemHealthOverlay,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  zeroSectionNavigator,\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": [
@@ -921,6 +921,154 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionStyles",
+          "declaration": {
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionTemplate",
+          "declaration": {
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FoundationAccordion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-card",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAccordion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAccordion",
+          "declaration": {
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1855,11 +2003,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
+      "path": "src/anchor/anchor.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionStyles",
+          "name": "zeroAnchorStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1884,24 +2032,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionStyles",
+          "name": "zeroAnchorStyles",
           "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
+            "name": "zeroAnchorStyles",
+            "module": "src/anchor/anchor.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
+      "path": "src/anchor/anchor.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAccordionTemplate",
+          "name": "zeroAnchorTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Accordion>"
+              "text": "ViewTemplate<Anchor>"
             }
           },
           "parameters": [
@@ -1923,179 +2071,31 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAccordionTemplate",
+          "name": "zeroAnchorTemplate",
           "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
+            "name": "zeroAnchorTemplate",
+            "module": "src/anchor/anchor.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
+      "path": "src/anchor/anchor.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Accordion",
+          "name": "Anchor",
           "superclass": {
-            "name": "FoundationAccordion",
+            "name": "FoundationAnchor",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-card",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroAccordion"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroAccordion",
-          "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAnchorStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
+          "tagName": "%%prefix%%-anchor",
+          "customElement": true,
+          "attributes": [
             {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAnchorStyles",
-          "declaration": {
-            "name": "zeroAnchorStyles",
-            "module": "src/anchor/anchor.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAnchorTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Anchor>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAnchorTemplate",
-          "declaration": {
-            "name": "zeroAnchorTemplate",
-            "module": "src/anchor/anchor.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/anchor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Anchor",
-          "superclass": {
-            "name": "FoundationAnchor",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-anchor",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "download",
+              "name": "download",
               "type": {
                 "text": "string"
               },
@@ -14259,7 +14259,7 @@
           "type": {
             "text": "ExpressionBuilderTypes.CustomElements"
           },
-          "default": "{\n  number: 'zero-number-field',\n  text: 'zero-text-field',\n  checkbox: 'zero-checkbox',\n  button: 'zero-button',\n  select: 'zero-select',\n  option: 'zero-option',\n  radio: {\n    input: 'zero-radio',\n    group: 'zero-radio-group',\n  },\n}"
+          "default": "{\n  number: 'zero-number-field',\n  text: 'zero-text-field',\n  checkbox: 'zero-checkbox',\n  button: 'zero-button',\n  select: 'zero-select',\n  option: 'zero-option',\n  optgroup: 'zero-optgroup',\n  radio: {\n    input: 'zero-radio',\n    group: 'zero-radio-group',\n  },\n}"
         },
         {
           "kind": "variable",
@@ -25515,6 +25515,619 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/optgroup/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./optgroup"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./optgroup.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./optgroup.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/optgroup/optgroup.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroOptgroupStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroOptgroupStyles",
+          "declaration": {
+            "name": "zeroOptgroupStyles",
+            "module": "src/optgroup/optgroup.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/optgroup/optgroup.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroOptgroupTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Optgroup>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroOptgroupTemplate",
+          "declaration": {
+            "name": "zeroOptgroupTemplate",
+            "module": "src/optgroup/optgroup.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/optgroup/optgroup.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Optgroup",
+          "superclass": {
+            "name": "FoundationOptgroup",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-optgroup",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label for the group.\nNamed groupLabel to avoid name conflict with ListboxOption.label.",
+              "fieldName": "groupLabel",
+              "inheritedFrom": {
+                "name": "Optgroup",
+                "module": "src/optgroup/optgroup.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the option.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "fieldName": "selectedAttribute",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+              "fieldName": "initialValue",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "groupLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label for the group.\nNamed groupLabel to avoid name conflict with ListboxOption.label.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "Optgroup",
+                "module": "src/optgroup/optgroup.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "public",
+              "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkedChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "boolean | unknown"
+                  },
+                  "description": "the previous checked value"
+                },
+                {
+                  "name": "next",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "the current checked value"
+                }
+              ],
+              "description": "Updates the ariaChecked property when the checked property changes.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "Node[]"
+              },
+              "privacy": "public",
+              "description": "The default slotted content.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "defaultSelected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "The defaultSelected state of the option.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "defaultSelectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The disabled state of the option.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "disabledChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectedAttributeChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The checked state of the control.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dirtyValue",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Track whether the value has been changed from the initial value",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "initialValue",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "initialValueChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "previous",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "default": "new Option(\n            `${this.textContent}`,\n            this.initialValue,\n            this.defaultSelected,\n            this.selected\n        )",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "ListboxOption",
+                "module": "src/listbox-option/listbox-option.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroOptgroup"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Optgroup",
+          "declaration": {
+            "name": "Optgroup",
+            "module": "src/optgroup/optgroup.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroOptgroup",
+          "declaration": {
+            "name": "zeroOptgroup",
+            "module": "src/optgroup/optgroup.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/overlays/index.ts",

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

@@ -213,6 +213,7 @@ export declare const baseComponents: {
         shadowOptions: ShadowRootInit;
     }, typeof import("./notification-listener").NotificationListener>;
     zeroNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./number-field").NumberField>;
+    zeroOptgroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./optgroup").Optgroup>;
     zeroProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./progress").Progress>;
     zeroProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     zeroRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio").Radio>;

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;AAmF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmFJ,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;AAoF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAoFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/expression-builder/expression-builder.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expression-builder.styles.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/expression-builder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAgBpE,eAAO,MAAM,eAAe,EAAE,sBAAsB,CAAC,cAWpD,CAAC;AA8FF,eAAO,MAAM,2BAA2B,EAAE,sBAAsB,CAAC,MAAM,CAAC,cAAc,CAMrF,CAAC"}
+{"version":3,"file":"expression-builder.styles.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/expression-builder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAgBpE,eAAO,MAAM,eAAe,EAAE,sBAAsB,CAAC,cAYpD,CAAC;AA8FF,eAAO,MAAM,2BAA2B,EAAE,sBAAsB,CAAC,MAAM,CAAC,cAAc,CAMrF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/optgroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/dts/optgroup/optgroup.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.d.ts","sourceRoot":"","sources":["../../../src/optgroup/optgroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAI5E;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,wTAIvB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.styles.d.ts","sourceRoot":"","sources":["../../../src/optgroup/optgroup.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,kBAAkB,GAC7B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAEF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.template.d.ts","sourceRoot":"","sources":["../../../src/optgroup/optgroup.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,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,YAAY,CAAC,QAAQ,CAAoD,CAAC"}

package/dist/esm/base-components.js

@@ -46,6 +46,7 @@ import { zeroModal } from './modal';
 import { zeroMultiselect } from './multiselect';
 import { zeroNotificationListener } from './notification-listener';
 import { zeroNumberField } from './number-field';
+import { zeroOptgroup } from './optgroup';
 import { zeroSystemHealthOverlay } from './overlays';
 import { zeroProgress } from './progress';
 import { zeroProgressRing } from './progress-ring';
@@ -128,6 +129,7 @@ export const baseComponents = {
     zeroMultiselect,
     zeroNotificationListener,
     zeroNumberField,
+    zeroOptgroup,
     zeroProgress,
     zeroProgressRing,
     zeroRadio,

package/dist/esm/expression-builder/expression-builder.styles.js

@@ -18,6 +18,7 @@ export const zeroElementTags = {
     button: 'zero-button',
     select: 'zero-select',
     option: 'zero-option',
+    optgroup: 'zero-optgroup',
     radio: {
         input: 'zero-radio',
         group: 'zero-radio-group',

package/dist/esm/optgroup/index.js

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

package/dist/esm/optgroup/optgroup.js

@@ -0,0 +1,13 @@
+import { Optgroup as FoundationOptgroup } from '@genesislcap/foundation-ui';
+import { zeroOptgroupStyles as styles } from './optgroup.styles';
+import { zeroOptgroupTemplate as template } from './optgroup.template';
+/**
+ * @tagname %%prefix%%-optgroup
+ */
+export class Optgroup extends FoundationOptgroup {
+}
+export const zeroOptgroup = Optgroup.compose({
+    baseName: 'optgroup',
+    template,
+    styles,
+});

package/dist/esm/optgroup/optgroup.styles.js

@@ -0,0 +1,5 @@
+import { foundationOptgroupStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroOptgroupStyles = (context, definition) => css `
+  ${foundationOptgroupStyles(context, definition)}
+`;

package/dist/esm/optgroup/optgroup.template.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.384.1-alpha-078bddd.0",
+  "version": "14.385.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -71,18 +71,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/rollup-builder": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/ts-builder": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/uvu-playwright-builder": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/vite-builder": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/webpack-builder": "14.384.1-alpha-078bddd.0"
+    "@genesislcap/genx": "14.385.0",
+    "@genesislcap/rollup-builder": "14.385.0",
+    "@genesislcap/ts-builder": "14.385.0",
+    "@genesislcap/uvu-playwright-builder": "14.385.0",
+    "@genesislcap/vite-builder": "14.385.0",
+    "@genesislcap/webpack-builder": "14.385.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/foundation-logger": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/foundation-ui": "14.384.1-alpha-078bddd.0",
-    "@genesislcap/foundation-utils": "14.384.1-alpha-078bddd.0",
+    "@genesislcap/foundation-comms": "14.385.0",
+    "@genesislcap/foundation-logger": "14.385.0",
+    "@genesislcap/foundation-ui": "14.385.0",
+    "@genesislcap/foundation-utils": "14.385.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -98,5 +98,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "e676c0867e23a3c6073198a77d8cbf29e3d30291"
+  "gitHead": "a88364dbf8f6a8e87274f572f76ab3cd0fe1983b"
 }