@genesislcap/foundation-zero 14.133.1 → 14.135.0

package/dist/custom-elements.json

@@ -6841,7 +6841,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/card.stories.ts",
+      "path": "src/calendar/calendar.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -6849,7 +6849,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Card',\n  component: 'zero-card',\n}"
+          "default": "{\n  title: 'Calendar',\n  component: 'zero-calendar',\n}"
         },
         {
           "kind": "variable",
@@ -6857,7 +6857,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 }) => 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  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-calendar\n        id=\"zCalendar\"\n        month=\"${new Date().getMonth() + 1}\"\n        year=\"${new Date().getFullYear()}\"\n        month-format=\"short\"\n        weekday-format=\"narrow\"\n        disabled-dates=\"${new Date().getMonth() + 1}-${new Date().getDate() > 1\n          ? new Date().getDate() - 1\n          : new Date().getDate() + 2}-${new Date().getFullYear()}\"\n        selected-dates=\"${new Date().getMonth() +\n        1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n      >\n        <div\n          slot=\"${new Date().getMonth() + 1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n        >\n          Test slot\n        </div>\n      </zero-calendar>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -6866,7 +6866,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/card/card.stories.ts"
+            "module": "src/calendar/calendar.stories.ts"
           }
         },
         {
@@ -6874,60 +6874,46 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/card/card.stories.ts"
+            "module": "src/calendar/calendar.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/card.styles.ts",
+      "path": "src/calendar/calendar.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCardStyles",
+          "name": "zeroCalendarStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
             }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCardStyles",
+          "name": "zeroCalendarStyles",
           "declaration": {
-            "name": "zeroCardStyles",
-            "module": "src/card/card.styles.ts"
+            "name": "zeroCalendarStyles",
+            "module": "src/calendar/calendar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/card.template.ts",
+      "path": "src/calendar/calendar.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCardTemplate",
+          "name": "zeroCalendarTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Card>"
+              "text": "ViewTemplate<Calendar>"
             }
           },
           "parameters": [
@@ -6949,29 +6935,161 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCardTemplate",
+          "name": "zeroCalendarTemplate",
           "declaration": {
-            "name": "zeroCardTemplate",
-            "module": "src/card/card.template.ts"
+            "name": "zeroCalendarTemplate",
+            "module": "src/calendar/calendar.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/card.ts",
+      "path": "src/calendar/calendar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Card",
+          "name": "Calendar",
           "superclass": {
-            "name": "FoundationCard",
+            "name": "FoundationCalendar",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-card",
+          "tagName": "%%prefix%%-calendar",
           "customElement": true,
           "members": [
+            {
+              "kind": "field",
+              "name": "today",
+              "type": {
+                "text": "any"
+              },
+              "default": "new Day(null, lang)",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "year",
+              "type": {
+                "text": "number"
+              },
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "month",
+              "type": {
+                "text": "any"
+              },
+              "default": "new Month(new Date(this.year, (monthNumber || this.today.monthNumber) - 1), lang)",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "default": "lang",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "weekDays",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getMonth",
+              "parameters": [
+                {
+                  "name": "monthNumber"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getPreviousMonth",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getNextMonth",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "goToDate",
+              "parameters": [
+                {
+                  "name": "monthNumber"
+                },
+                {
+                  "name": "year"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "goToNextYear",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "goToPreviousYear",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "goToNextMonth",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "goToPreviousMonth",
+              "inheritedFrom": {
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -6981,8 +7099,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -6994,8 +7112,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -7007,8 +7125,8 @@
               "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": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -7021,8 +7139,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -7034,8 +7152,8 @@
               "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": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -7048,8 +7166,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             },
             {
@@ -7079,39 +7197,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Card",
-                "module": "src/card/card.ts"
+                "name": "Calendar",
+                "module": "src/date-picker/calendar.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroCard"
+          "name": "zeroCalendar"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "Calendar",
           "declaration": {
-            "name": "Card",
-            "module": "src/card/card.ts"
+            "name": "Calendar",
+            "module": "src/calendar/calendar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroCard",
+          "name": "zeroCalendar",
           "declaration": {
-            "name": "zeroCard",
-            "module": "src/card/card.ts"
+            "name": "zeroCalendar",
+            "module": "src/calendar/calendar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/index.ts",
+      "path": "src/calendar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7119,7 +7237,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./card"
+            "package": "./calendar"
           }
         },
         {
@@ -7127,7 +7245,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./card.styles"
+            "package": "./calendar.styles"
           }
         },
         {
@@ -7135,14 +7253,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./card.template"
+            "package": "./calendar.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/checkbox.stories.ts",
+      "path": "src/card/card.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -7150,7 +7268,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Checkbox',\n  component: 'zero-checkbox>',\n}"
+          "default": "{\n  title: 'Card',\n  component: 'zero-card',\n}"
         },
         {
           "kind": "variable",
@@ -7158,7 +7276,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    customCheckboxText: 'Custom Zero Checkbox',\n    customCheckboxDesignUnit: 8,\n    customCheckboxCornerRadius: 4,\n  },\n  render: ({ customCheckboxText, customCheckboxDesignUnit, customCheckboxCornerRadius }) =>\n    html`\n      <div style=\"${wrapperStyle}\">\n        <zero-checkbox>Default Zero Checkbox</zero-checkbox>\n\n        <zero-design-system-provider\n          design-unit=\"${customCheckboxDesignUnit}\"\n          corner-radius=${customCheckboxCornerRadius}\"\n        >\n          <zero-checkbox>${customCheckboxText}</zero-checkbox>\n        </zero-design-system-provider>\n      </div>\n    `,\n}"
+          "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": [
@@ -7167,7 +7285,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/checkbox/checkbox.stories.ts"
+            "module": "src/card/card.stories.ts"
           }
         },
         {
@@ -7175,18 +7293,18 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/checkbox/checkbox.stories.ts"
+            "module": "src/card/card.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/checkbox.styles.ts",
+      "path": "src/card/card.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCheckboxStyles",
+          "name": "zeroCardStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -7202,7 +7320,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "CheckboxOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -7211,24 +7329,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCheckboxStyles",
+          "name": "zeroCardStyles",
           "declaration": {
-            "name": "zeroCheckboxStyles",
-            "module": "src/checkbox/checkbox.styles.ts"
+            "name": "zeroCardStyles",
+            "module": "src/card/card.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/checkbox.template.ts",
+      "path": "src/card/card.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCheckboxTemplate",
+          "name": "zeroCardTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Checkbox>"
+              "text": "ViewTemplate<Card>"
             }
           },
           "parameters": [
@@ -7241,7 +7359,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "CheckboxOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -7250,92 +7368,29 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCheckboxTemplate",
+          "name": "zeroCardTemplate",
           "declaration": {
-            "name": "zeroCheckboxTemplate",
-            "module": "src/checkbox/checkbox.template.ts"
+            "name": "zeroCardTemplate",
+            "module": "src/card/card.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/checkbox.ts",
+      "path": "src/card/card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Checkbox",
+          "name": "Card",
           "superclass": {
-            "name": "FoundationCheckbox",
+            "name": "FoundationCard",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-checkbox",
+          "tagName": "%%prefix%%-card",
           "customElement": true,
-          "attributes": [
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            }
-          ],
           "members": [
-            {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "readOnlyChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "The indeterminate state of the control",
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -7345,8 +7400,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7358,8 +7413,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7371,8 +7426,8 @@
               "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": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7385,8 +7440,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7398,8 +7453,8 @@
               "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": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7412,8 +7467,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7443,49 +7498,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emits a custom change event when the checked state changes",
-              "name": "change",
-              "inheritedFrom": {
-                "name": "Checkbox",
-                "module": "src/checkbox/checkbox.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroCheckbox"
+          "name": "zeroCard"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Checkbox",
+          "name": "Card",
           "declaration": {
-            "name": "Checkbox",
-            "module": "src/checkbox/checkbox.ts"
+            "name": "Card",
+            "module": "src/card/card.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroCheckbox",
+          "name": "zeroCard",
           "declaration": {
-            "name": "zeroCheckbox",
-            "module": "src/checkbox/checkbox.ts"
+            "name": "zeroCard",
+            "module": "src/card/card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/checkbox/index.ts",
+      "path": "src/card/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7493,7 +7538,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./checkbox"
+            "package": "./card"
           }
         },
         {
@@ -7501,7 +7546,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./checkbox.styles"
+            "package": "./card.styles"
           }
         },
         {
@@ -7509,14 +7554,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./checkbox.template"
+            "package": "./card.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.stories.ts",
+      "path": "src/checkbox/checkbox.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -7524,7 +7569,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Calendar',\n  component: 'zero-calendar',\n}"
+          "default": "{\n  title: 'Checkbox',\n  component: 'zero-checkbox>',\n}"
         },
         {
           "kind": "variable",
@@ -7532,7 +7577,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {},\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-calendar\n        id=\"zCalendar\"\n        month=\"${new Date().getMonth() + 1}\"\n        year=\"${new Date().getFullYear()}\"\n        month-format=\"short\"\n        weekday-format=\"narrow\"\n        disabled-dates=\"${new Date().getMonth() + 1}-${new Date().getDate() > 1\n          ? new Date().getDate() - 1\n          : new Date().getDate() + 2}-${new Date().getFullYear()}\"\n        selected-dates=\"${new Date().getMonth() +\n        1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n      >\n        <div\n          slot=\"${new Date().getMonth() + 1}-${new Date().getDate()}-${new Date().getFullYear()}\"\n        >\n          Test slot\n        </div>\n      </zero-calendar>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    customCheckboxText: 'Custom Zero Checkbox',\n    customCheckboxDesignUnit: 8,\n    customCheckboxCornerRadius: 4,\n  },\n  render: ({ customCheckboxText, customCheckboxDesignUnit, customCheckboxCornerRadius }) =>\n    html`\n      <div style=\"${wrapperStyle}\">\n        <zero-checkbox>Default Zero Checkbox</zero-checkbox>\n\n        <zero-design-system-provider\n          design-unit=\"${customCheckboxDesignUnit}\"\n          corner-radius=${customCheckboxCornerRadius}\"\n        >\n          <zero-checkbox>${customCheckboxText}</zero-checkbox>\n        </zero-design-system-provider>\n      </div>\n    `,\n}"
         }
       ],
       "exports": [
@@ -7541,7 +7586,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/calendar/calendar.stories.ts"
+            "module": "src/checkbox/checkbox.stories.ts"
           }
         },
         {
@@ -7549,46 +7594,60 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/calendar/calendar.stories.ts"
+            "module": "src/checkbox/checkbox.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.styles.ts",
+      "path": "src/checkbox/checkbox.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCalendarStyles",
+          "name": "zeroCheckboxStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
             }
-          }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "CheckboxOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCalendarStyles",
+          "name": "zeroCheckboxStyles",
           "declaration": {
-            "name": "zeroCalendarStyles",
-            "module": "src/calendar/calendar.styles.ts"
+            "name": "zeroCheckboxStyles",
+            "module": "src/checkbox/checkbox.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.template.ts",
+      "path": "src/checkbox/checkbox.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCalendarTemplate",
+          "name": "zeroCheckboxTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Calendar>"
+              "text": "ViewTemplate<Checkbox>"
             }
           },
           "parameters": [
@@ -7601,7 +7660,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "CheckboxOptions"
               }
             }
           ]
@@ -7610,159 +7669,90 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCalendarTemplate",
+          "name": "zeroCheckboxTemplate",
           "declaration": {
-            "name": "zeroCalendarTemplate",
-            "module": "src/calendar/calendar.template.ts"
+            "name": "zeroCheckboxTemplate",
+            "module": "src/checkbox/checkbox.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.ts",
+      "path": "src/checkbox/checkbox.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Calendar",
+          "name": "Checkbox",
           "superclass": {
-            "name": "FoundationCalendar",
+            "name": "FoundationCheckbox",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-calendar",
+          "tagName": "%%prefix%%-checkbox",
           "customElement": true,
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "today",
+              "name": "readonly",
               "type": {
-                "text": "any"
+                "text": "boolean"
               },
-              "default": "new Day(null, lang)",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "year",
+              "name": "readOnly",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
+              "privacy": "public",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "month",
-              "type": {
-                "text": "any"
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "new Month(new Date(this.year, (monthNumber || this.today.monthNumber) - 1), lang)",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
               "kind": "field",
-              "name": "lang",
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "lang",
+              "privacy": "public",
+              "default": "false",
+              "description": "The indeterminate state of the control",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
               "kind": "field",
-              "name": "weekDays",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getMonth",
-              "parameters": [
-                {
-                  "name": "monthNumber"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getPreviousMonth",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getNextMonth",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "goToDate",
-              "parameters": [
-                {
-                  "name": "monthNumber"
-                },
-                {
-                  "name": "year"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "goToNextYear",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "goToPreviousYear",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "goToNextMonth",
-              "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "goToPreviousMonth",
+              "name": "proxy",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7774,8 +7764,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7787,8 +7777,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7800,8 +7790,8 @@
               "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": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7814,8 +7804,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7827,8 +7817,8 @@
               "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": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7841,8 +7831,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             },
             {
@@ -7872,39 +7862,49 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change",
+              "inheritedFrom": {
+                "name": "Checkbox",
+                "module": "src/checkbox/checkbox.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroCalendar"
+          "name": "zeroCheckbox"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Calendar",
+          "name": "Checkbox",
           "declaration": {
-            "name": "Calendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "Checkbox",
+            "module": "src/checkbox/checkbox.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroCalendar",
+          "name": "zeroCheckbox",
           "declaration": {
-            "name": "zeroCalendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "zeroCheckbox",
+            "module": "src/checkbox/checkbox.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/index.ts",
+      "path": "src/checkbox/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7912,7 +7912,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar"
+            "package": "./checkbox"
           }
         },
         {
@@ -7920,7 +7920,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.styles"
+            "package": "./checkbox.styles"
           }
         },
         {
@@ -7928,7 +7928,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.template"
+            "package": "./checkbox.template"
           }
         }
       ]
@@ -18211,38 +18211,7 @@
     },
     {
       "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",
+      "path": "src/icon/icon.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -18250,15 +18219,23 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Listbox',\n  component: 'zero-listbox',\n}"
+          "default": "{\n  title: 'Icon',\n  component: 'zero-icon',\n}"
         },
         {
           "kind": "variable",
-          "name": "Primary",
+          "name": "Multiple",
           "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}"
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-icon name=\"glasses\" size=\"1x\"></zero-icon>\n      <zero-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"apple\" size=\"4x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"ambulance\" size=\"xs\"></zero-icon>\n      <zero-icon name=\"angry\" size=\"1x\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"angry\" size=\"sm\"></zero-icon>\n      <zero-icon name=\"address-book\" size=\"lg\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></zero-icon>\n      <zero-icon name=\"bookmark\" size=\"2xl;\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></zero-icon>\n    </div>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Configurable",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  argTypes: {\n    size: {\n      control: 'select',\n      options: [\n        '2xs',\n        'xs',\n        'sm',\n        'lg',\n        'xl',\n        '2xl',\n        '1x',\n        '2x',\n        '3x',\n        '4x',\n        '5x',\n        '6x',\n        '7x',\n        '8x',\n        '9x',\n        '10x',\n      ],\n    },\n    variant: {\n      control: 'select',\n      options: ['solid', 'regular', 'brand'],\n    },\n  },\n  args: {\n    name: 'glasses',\n    size: 'lg',\n    variant: 'solid',\n  },\n  render: ({ name, size, variant }) => html`\n    <zero-icon name=\"${name}\" size=\"${size}\" variant=\"${variant}\"></zero-icon>\n  `,\n}"
         }
       ],
       "exports": [
@@ -18267,26 +18244,34 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/listbox/listbox.stories.ts"
+            "module": "src/icon/icon.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "Multiple",
           "declaration": {
-            "name": "Primary",
-            "module": "src/listbox/listbox.stories.ts"
+            "name": "Multiple",
+            "module": "src/icon/icon.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Configurable",
+          "declaration": {
+            "name": "Configurable",
+            "module": "src/icon/icon.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox/listbox.styles.ts",
+      "path": "src/icon/icon.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroListboxStyles",
+          "name": "zeroIconStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -18311,197 +18296,185 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroListboxStyles",
+          "name": "zeroIconStyles",
           "declaration": {
-            "name": "zeroListboxStyles",
-            "module": "src/listbox/listbox.styles.ts"
+            "name": "zeroIconStyles",
+            "module": "src/icon/icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/listbox/listbox.template.ts",
+      "path": "src/icon/icon.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "zeroListboxTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Listbox>"
-            }
+          "kind": "class",
+          "description": "",
+          "name": "Icon",
+          "superclass": {
+            "name": "FoundationIcon",
+            "package": "@genesislcap/foundation-ui"
           },
-          "parameters": [
+          "tagName": "%%prefix%%-icon",
+          "customElement": true,
+          "attributes": [
             {
-              "name": "context",
+              "name": "name",
               "type": {
-                "text": "ElementDefinitionContext"
+                "text": "IconName"
+              },
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
-              "name": "definition",
+              "name": "size",
               "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,
-          "attributes": [
+                "text": "FaSize"
+              },
+              "default": "'sm'",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
+              }
+            },
             {
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "IconStyle"
               },
-              "description": "The disabled state of the listbox.",
-              "fieldName": "disabled",
+              "default": "'solid'",
+              "fieldName": "variant",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "length",
+              "name": "iElement",
               "type": {
-                "text": "number"
+                "text": "HTMLElement"
               },
-              "privacy": "public",
-              "description": "The number of options.",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "name",
               "type": {
-                "text": "ListboxOption[]"
+                "text": "IconName"
               },
-              "privacy": "public",
-              "description": "The list of options.",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "typeAheadExpired",
-              "privacy": "protected",
+              "kind": "method",
+              "name": "nameChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "FaSize"
               },
-              "privacy": "public",
-              "description": "The disabled state of the listbox.",
+              "default": "'sm'",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "selectedIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "-1",
-              "description": "The index of the selected option.",
+              "kind": "method",
+              "name": "sizeChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
               "kind": "field",
-              "name": "selectedOptions",
+              "name": "variant",
               "type": {
-                "text": "ListboxOption[]"
+                "text": "IconStyle"
               },
-              "privacy": "public",
-              "default": "[]",
-              "description": "A collection of the selected options.",
+              "default": "'solid'",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "slottedOptionFilter",
-              "privacy": "public",
-              "static": true,
-              "description": "A static filter to include only selectable options.",
+              "kind": "method",
+              "name": "variantChanged",
               "parameters": [
                 {
-                  "description": "element to filter",
-                  "name": "n"
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ],
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "selectFirstOption",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Moves focus to the first selectable option.",
-              "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setSelectedOptions",
+              "name": "loadIcon",
               "privacy": "public",
-              "description": "Sets an option as selected and gives it focus.",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "Icon",
+                "module": "src/icon/icon.ts"
               }
             },
             {
@@ -18513,8 +18486,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18526,8 +18499,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18539,8 +18512,8 @@
               "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": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18553,8 +18526,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18566,8 +18539,8 @@
               "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": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18580,8 +18553,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
@@ -18611,39 +18584,119 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/listbox/listbox.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroListbox"
+          "name": "defaultIconConfig",
+          "default": "foundationIconConfig"
+        },
+        {
+          "kind": "variable",
+          "name": "zeroIconShadowOptions",
+          "default": "foundationIconShadowOptions"
+        },
+        {
+          "kind": "variable",
+          "name": "zeroIcon"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Listbox",
+          "name": "Icon",
           "declaration": {
-            "name": "Listbox",
-            "module": "src/listbox/listbox.ts"
+            "name": "Icon",
+            "module": "src/icon/icon.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroListbox",
+          "name": "defaultIconConfig",
           "declaration": {
-            "name": "zeroListbox",
-            "module": "src/listbox/listbox.ts"
+            "name": "defaultIconConfig",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroIconShadowOptions",
+          "declaration": {
+            "name": "zeroIconShadowOptions",
+            "module": "src/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroIcon",
+          "declaration": {
+            "name": "zeroIcon",
+            "module": "src/icon/icon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.stories.ts",
+      "path": "src/icon/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icon.styles"
+          }
+        }
+      ]
+    },
+    {
+      "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",
@@ -18651,23 +18704,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Icon',\n  component: 'zero-icon',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Multiple",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-icon name=\"glasses\" size=\"1x\"></zero-icon>\n      <zero-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"apple\" size=\"4x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></zero-icon>\n      <zero-icon name=\"ambulance\" size=\"xs\"></zero-icon>\n      <zero-icon name=\"angry\" size=\"1x\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"angry\" size=\"sm\"></zero-icon>\n      <zero-icon name=\"address-book\" size=\"lg\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></zero-icon>\n      <zero-icon name=\"bookmark\" size=\"2xl;\"></zero-icon>\n      <zero-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></zero-icon>\n    </div>\n  `,\n}"
+          "default": "{\n  title: 'Listbox',\n  component: 'zero-listbox',\n}"
         },
         {
           "kind": "variable",
-          "name": "Configurable",
+          "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    size: {\n      control: 'select',\n      options: [\n        '2xs',\n        'xs',\n        'sm',\n        'lg',\n        'xl',\n        '2xl',\n        '1x',\n        '2x',\n        '3x',\n        '4x',\n        '5x',\n        '6x',\n        '7x',\n        '8x',\n        '9x',\n        '10x',\n      ],\n    },\n    variant: {\n      control: 'select',\n      options: ['solid', 'regular', 'brand'],\n    },\n  },\n  args: {\n    name: 'glasses',\n    size: 'lg',\n    variant: 'solid',\n  },\n  render: ({ name, size, variant }) => html`\n    <zero-icon name=\"${name}\" size=\"${size}\" variant=\"${variant}\"></zero-icon>\n  `,\n}"
+          "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": [
@@ -18676,37 +18721,68 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/icon/icon.stories.ts"
+            "module": "src/listbox/listbox.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Multiple",
+          "name": "Primary",
           "declaration": {
-            "name": "Multiple",
-            "module": "src/icon/icon.stories.ts"
+            "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": "Configurable",
+          "name": "zeroListboxStyles",
           "declaration": {
-            "name": "Configurable",
-            "module": "src/icon/icon.stories.ts"
+            "name": "zeroListboxStyles",
+            "module": "src/listbox/listbox.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.styles.ts",
+      "path": "src/listbox/listbox.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroIconStyles",
+          "name": "zeroListboxTemplate",
           "return": {
             "type": {
-              "text": "ElementStyles"
+              "text": "ViewTemplate<Listbox>"
             }
           },
           "parameters": [
@@ -18728,185 +18804,158 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroIconStyles",
+          "name": "zeroListboxTemplate",
           "declaration": {
-            "name": "zeroIconStyles",
-            "module": "src/icon/icon.styles.ts"
+            "name": "zeroListboxTemplate",
+            "module": "src/listbox/listbox.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/icon.ts",
+      "path": "src/listbox/listbox.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Icon",
+          "name": "Listbox",
           "superclass": {
-            "name": "FoundationIcon",
+            "name": "FoundationListbox",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-icon",
+          "tagName": "%%prefix%%-listbox",
           "customElement": true,
           "attributes": [
             {
-              "name": "name",
               "type": {
-                "text": "IconName"
+                "text": "boolean"
               },
-              "fieldName": "name",
+              "description": "The disabled state of the listbox.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
-              "name": "size",
+              "kind": "field",
+              "name": "length",
               "type": {
-                "text": "FaSize"
+                "text": "number"
               },
-              "default": "'sm'",
-              "fieldName": "size",
+              "privacy": "public",
+              "description": "The number of options.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "options",
               "type": {
-                "text": "IconStyle"
+                "text": "ListboxOption[]"
               },
-              "default": "'solid'",
-              "fieldName": "variant",
+              "privacy": "public",
+              "description": "The list of options.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "iElement",
-              "type": {
-                "text": "HTMLElement"
-              },
+              "name": "typeAheadExpired",
+              "privacy": "protected",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "disabled",
               "type": {
-                "text": "IconName"
+                "text": "boolean"
               },
+              "privacy": "public",
+              "description": "The disabled state of the listbox.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "nameChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "default": "-1",
+              "description": "The index of the selected option.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "selectedOptions",
               "type": {
-                "text": "FaSize"
+                "text": "ListboxOption[]"
               },
-              "default": "'sm'",
+              "privacy": "public",
+              "default": "[]",
+              "description": "A collection of the selected options.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "sizeChanged",
+              "kind": "field",
+              "name": "slottedOptionFilter",
+              "privacy": "public",
+              "static": true,
+              "description": "A static filter to include only selectable options.",
               "parameters": [
                 {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
+                  "description": "element to filter",
+                  "name": "n"
                 }
               ],
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "IconStyle"
-              },
-              "default": "'solid'",
-              "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
               "kind": "method",
-              "name": "variantChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "string"
-                  }
+              "name": "selectFirstOption",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
+              },
+              "description": "Moves focus to the first selectable option.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
               "kind": "method",
-              "name": "loadIcon",
+              "name": "setSelectedOptions",
               "privacy": "public",
+              "description": "Sets an option as selected and gives it focus.",
               "inheritedFrom": {
-                "name": "Icon",
-                "module": "src/icon/icon.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18918,8 +18967,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18931,8 +18980,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18944,8 +18993,8 @@
               "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": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18958,8 +19007,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18971,8 +19020,8 @@
               "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": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -18985,8 +19034,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             },
             {
@@ -19016,81 +19065,32 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "Listbox",
+                "module": "src/listbox/listbox.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "defaultIconConfig",
-          "default": "foundationIconConfig"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroIconShadowOptions",
-          "default": "foundationIconShadowOptions"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroIcon"
+          "name": "zeroListbox"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultIconConfig",
-          "declaration": {
-            "name": "defaultIconConfig",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroIconShadowOptions",
-          "declaration": {
-            "name": "zeroIconShadowOptions",
-            "module": "src/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroIcon",
-          "declaration": {
-            "name": "zeroIcon",
-            "module": "src/icon/icon.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/icon/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
+          "name": "Listbox",
           "declaration": {
-            "name": "*",
-            "package": "./icon"
+            "name": "Listbox",
+            "module": "src/listbox/listbox.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "zeroListbox",
           "declaration": {
-            "name": "*",
-            "package": "./icon.styles"
+            "name": "zeroListbox",
+            "module": "src/listbox/listbox.ts"
           }
         }
       ]
@@ -32646,7 +32646,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/tree-item/index.ts",
+      "path": "src/tooltip/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -32654,7 +32654,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tree-item.template"
+            "package": "./tooltip"
           }
         },
         {
@@ -32662,7 +32662,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tree-item.styles"
+            "package": "./tooltip.styles"
           }
         },
         {
@@ -32670,18 +32670,58 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./tree-item"
+            "package": "./tooltip.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tree-item/tree-item.styles.ts",
+      "path": "src/tooltip/tooltip.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Tooltip',\n  component: 'zero-tooltip',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-button id=\"zero-btn-tooltip-anchor\">Hover me</zero-button>\n    <zero-tooltip anchor=\"zero-btn-tooltip-anchor\">oh hello there!</zero-tooltip>\n    <zero-badge id=\"zero-badge-tooltip-anchor\">And me too!</zero-badge>\n    <zero-tooltip anchor=\"zero-badge-tooltip-anchor\">again!</zero-tooltip>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/tooltip/tooltip.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/tooltip/tooltip.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tooltip/tooltip.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTreeItemStyles",
+          "name": "zeroTooltipStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -32706,24 +32746,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTreeItemStyles",
+          "name": "zeroTooltipStyles",
           "declaration": {
-            "name": "zeroTreeItemStyles",
-            "module": "src/tree-item/tree-item.styles.ts"
+            "name": "zeroTooltipStyles",
+            "module": "src/tooltip/tooltip.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tree-item/tree-item.template.ts",
+      "path": "src/tooltip/tooltip.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroTreeItemTemplate",
+          "name": "zeroTooltipTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<TreeItem>"
+              "text": "ViewTemplate<Tooltip>"
             }
           },
           "parameters": [
@@ -32745,87 +32785,133 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroTreeItemTemplate",
+          "name": "zeroTooltipTemplate",
           "declaration": {
-            "name": "zeroTreeItemTemplate",
-            "module": "src/tree-item/tree-item.template.ts"
+            "name": "zeroTooltipTemplate",
+            "module": "src/tooltip/tooltip.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/tree-item/tree-item.ts",
+      "path": "src/tooltip/tooltip.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TreeItem",
+          "name": "Tooltip",
           "superclass": {
-            "name": "FoundationTreeItem",
+            "name": "FoundationTooltip",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-tree-item",
+          "tagName": "%%prefix%%-tooltip",
           "customElement": true,
           "attributes": [
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, the control will be appear expanded by user interaction.",
-              "fieldName": "expanded",
-              "default": "false",
+              "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
+              "fieldName": "visible",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "expanded",
+              "name": "anchor",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "When true, the control will be appear expanded by user interaction.",
+              "default": "\"\"",
+              "description": "The id of the element the tooltip is anchored to",
+              "fieldName": "anchor",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "expandedChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "description": "The delay in milliseconds before a tooltip is shown after a hover event",
+              "fieldName": "delay",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "TooltipPosition"
+              },
+              "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
+              "fieldName": "position",
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            },
+            {
+              "name": "auto-update-mode",
+              "type": {
+                "text": "AutoUpdateMode"
+              },
+              "default": "\"anchor\"",
+              "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized.  'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
+              "fieldName": "autoUpdateMode",
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            },
+            {
+              "name": "horizontal-viewport-lock",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
+              "fieldName": "horizontalViewportLock",
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
+            {
+              "name": "vertical-viewport-lock",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
+              "fieldName": "verticalViewportLock",
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "selected",
+              "name": "visible",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "When true, the control will appear selected by user interaction.",
+              "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "method",
-              "name": "selectedChanged",
+              "name": "visibleChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -32833,510 +32919,220 @@
                 }
               },
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "anchor",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
+              "default": "\"\"",
+              "description": "The id of the element the tooltip is anchored to",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "method",
-              "name": "itemsChanged",
+              "name": "anchorChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "unknown"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "HTMLElement[]"
-                  }
-                }
-              ],
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "focusItem",
+              "kind": "field",
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
               "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "el",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "the element to focus"
-                }
-              ],
-              "description": "Places document focus on a tree item",
+              "default": "300",
+              "description": "The delay in milliseconds before a tooltip is shown after a hover event",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "field",
-              "name": "isNestedItem",
+              "name": "position",
+              "type": {
+                "text": "TooltipPosition"
+              },
               "privacy": "public",
-              "description": "Whether the tree is nested",
+              "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
+              "kind": "method",
+              "name": "positionChanged",
               "privacy": "private",
-              "default": "void 0",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "field",
-              "name": "$presentation",
+              "name": "autoUpdateMode",
               "type": {
-                "text": "ComponentPresentation | null"
+                "text": "AutoUpdateMode"
               },
               "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "default": "\"anchor\"",
+              "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized.  'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "horizontalViewportLock",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "boolean"
               },
               "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.",
+              "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "verticalViewportLock",
+              "type": {
+                "text": "boolean"
               },
+              "privacy": "public",
+              "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "anchorElement",
               "type": {
-                "text": "ElementStyles | void | null"
+                "text": "HTMLElement | 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.",
+              "default": "null",
+              "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "anchorElementChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
             },
             {
               "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
+              "name": "viewportElementChanged",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                  "text": "void"
                 }
               },
-              "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": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
-              "name": "expanded-change",
-              "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
-              }
-            },
-            {
-              "description": "Fires a custom 'selected-change' event when the selected state changes",
-              "name": "selected-change",
-              "inheritedFrom": {
-                "name": "TreeItem",
-                "module": "src/tree-item/tree-item.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "zeroTreeItem"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TreeItem",
-          "declaration": {
-            "name": "TreeItem",
-            "module": "src/tree-item/tree-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroTreeItem",
-          "declaration": {
-            "name": "zeroTreeItem",
-            "module": "src/tree-item/tree-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tooltip"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tooltip.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tooltip.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/tooltip.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Tooltip',\n  component: 'zero-tooltip',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-button id=\"zero-btn-tooltip-anchor\">Hover me</zero-button>\n    <zero-tooltip anchor=\"zero-btn-tooltip-anchor\">oh hello there!</zero-tooltip>\n    <zero-badge id=\"zero-badge-tooltip-anchor\">And me too!</zero-badge>\n    <zero-tooltip anchor=\"zero-badge-tooltip-anchor\">again!</zero-tooltip>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/tooltip/tooltip.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/tooltip/tooltip.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/tooltip.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroTooltipStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroTooltipStyles",
-          "declaration": {
-            "name": "zeroTooltipStyles",
-            "module": "src/tooltip/tooltip.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/tooltip.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroTooltipTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Tooltip>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroTooltipTemplate",
-          "declaration": {
-            "name": "zeroTooltipTemplate",
-            "module": "src/tooltip/tooltip.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tooltip/tooltip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Tooltip",
-          "superclass": {
-            "name": "FoundationTooltip",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-tooltip",
-          "customElement": true,
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
-              "fieldName": "visible",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
-              }
-            },
-            {
-              "name": "anchor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The id of the element the tooltip is anchored to",
-              "fieldName": "anchor",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
-              }
-            },
-            {
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "300",
-              "description": "The delay in milliseconds before a tooltip is shown after a hover event",
-              "fieldName": "delay",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
-              }
-            },
-            {
-              "name": "position",
+              "kind": "field",
+              "name": "showDelayTimer",
               "type": {
-                "text": "TooltipPosition"
+                "text": "number | null"
               },
-              "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
-              "fieldName": "position",
+              "privacy": "private",
+              "default": "null",
+              "description": "The timer that tracks delay time before the tooltip is shown on hover",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "name": "auto-update-mode",
+              "kind": "field",
+              "name": "hideDelayTimer",
               "type": {
-                "text": "AutoUpdateMode"
+                "text": "number | null"
               },
-              "default": "\"anchor\"",
-              "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized.  'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
-              "fieldName": "autoUpdateMode",
+              "privacy": "private",
+              "default": "null",
+              "description": "The timer that tracks delay time before the tooltip is hidden",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "name": "horizontal-viewport-lock",
+              "kind": "field",
+              "name": "isAnchorHoveredFocused",
               "type": {
                 "text": "boolean"
               },
-              "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
-              "fieldName": "horizontalViewportLock",
+              "privacy": "private",
+              "default": "false",
+              "description": "Indicates whether the anchor is currently being hovered or has focus",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
-            {
-              "name": "vertical-viewport-lock",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
-              "fieldName": "verticalViewportLock",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
-              }
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "visible",
+              "name": "isRegionHovered",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "visibleChanged",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "default": "false",
+              "description": "Indicates whether the region is currently being hovered",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33344,27 +33140,19 @@
             },
             {
               "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "\"\"",
-              "description": "The id of the element the tooltip is anchored to",
+              "name": "handleRegionMouseOver",
+              "privacy": "private",
+              "description": "mouse enters region",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "anchorChanged",
+              "kind": "field",
+              "name": "handleRegionMouseOut",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "mouse leaves region",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33372,13 +33160,9 @@
             },
             {
               "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "300",
-              "description": "The delay in milliseconds before a tooltip is shown after a hover event",
+              "name": "handleAnchorMouseOver",
+              "privacy": "private",
+              "description": "mouse enters anchor",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33386,26 +33170,19 @@
             },
             {
               "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "TooltipPosition"
-              },
-              "privacy": "public",
-              "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
+              "name": "handleAnchorMouseOut",
+              "privacy": "private",
+              "description": "mouse leaves anchor",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "positionChanged",
+              "kind": "field",
+              "name": "handleAnchorFocusIn",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "description": "anchor gets focus",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33413,13 +33190,9 @@
             },
             {
               "kind": "field",
-              "name": "autoUpdateMode",
-              "type": {
-                "text": "AutoUpdateMode"
-              },
-              "privacy": "public",
-              "default": "\"anchor\"",
-              "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized.  'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
+              "name": "handleAnchorFocusOut",
+              "privacy": "private",
+              "description": "anchor loses focus",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33427,12 +33200,9 @@
             },
             {
               "kind": "field",
-              "name": "horizontalViewportLock",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
+              "name": "startHideDelayTimer",
+              "privacy": "private",
+              "description": "starts the hide timer",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33440,12 +33210,9 @@
             },
             {
               "kind": "field",
-              "name": "verticalViewportLock",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
+              "name": "clearHideDelayTimer",
+              "privacy": "private",
+              "description": "clears the hide delay",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33453,35 +33220,29 @@
             },
             {
               "kind": "field",
-              "name": "anchorElement",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "privacy": "public",
-              "default": "null",
-              "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
+              "name": "startShowDelayTimer",
+              "privacy": "private",
+              "description": "starts the show timer if not currently running",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "anchorElementChanged",
+              "kind": "field",
+              "name": "startHover",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ],
+              "description": "start hover",
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clearShowDelayTimer",
+              "privacy": "private",
+              "description": "clears the show delay",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33489,13 +33250,14 @@
             },
             {
               "kind": "method",
-              "name": "viewportElementChanged",
+              "name": "updateLayout",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "updated the properties being passed to the anchored region",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33503,13 +33265,9 @@
             },
             {
               "kind": "field",
-              "name": "showDelayTimer",
-              "type": {
-                "text": "number | null"
-              },
+              "name": "getAnchor",
               "privacy": "private",
-              "default": "null",
-              "description": "The timer that tracks delay time before the tooltip is shown on hover",
+              "description": "Gets the anchor element by id",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33517,13 +33275,9 @@
             },
             {
               "kind": "field",
-              "name": "hideDelayTimer",
-              "type": {
-                "text": "number | null"
-              },
+              "name": "handleDocumentKeydown",
               "privacy": "private",
-              "default": "null",
-              "description": "The timer that tracks delay time before the tooltip is hidden",
+              "description": "handles key down events to check for dismiss",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33531,13 +33285,9 @@
             },
             {
               "kind": "field",
-              "name": "isAnchorHoveredFocused",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "updateTooltipVisibility",
               "privacy": "private",
-              "default": "false",
-              "description": "Indicates whether the anchor is currently being hovered or has focus",
+              "description": "determines whether to show or hide the tooltip based on current state",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33545,13 +33295,9 @@
             },
             {
               "kind": "field",
-              "name": "isRegionHovered",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "showTooltip",
               "privacy": "private",
-              "default": "false",
-              "description": "Indicates whether the region is currently being hovered",
+              "description": "shows the tooltip",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33559,9 +33305,9 @@
             },
             {
               "kind": "field",
-              "name": "handleRegionMouseOver",
+              "name": "hideTooltip",
               "privacy": "private",
-              "description": "mouse enters region",
+              "description": "hides the tooltip",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33569,9 +33315,9 @@
             },
             {
               "kind": "field",
-              "name": "handleRegionMouseOut",
+              "name": "setRegionProps",
               "privacy": "private",
-              "description": "mouse leaves region",
+              "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33579,9 +33325,12 @@
             },
             {
               "kind": "field",
-              "name": "handleAnchorMouseOver",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
               "privacy": "private",
-              "description": "mouse enters anchor",
+              "default": "void 0",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33589,9 +33338,12 @@
             },
             {
               "kind": "field",
-              "name": "handleAnchorMouseOut",
-              "privacy": "private",
-              "description": "mouse leaves anchor",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33599,19 +33351,26 @@
             },
             {
               "kind": "field",
-              "name": "handleAnchorFocusIn",
-              "privacy": "private",
-              "description": "anchor gets focus",
+              "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": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleAnchorFocusOut",
-              "privacy": "private",
-              "description": "anchor loses focus",
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
@@ -33619,127 +33378,360 @@
             },
             {
               "kind": "field",
-              "name": "startHideDelayTimer",
-              "privacy": "private",
-              "description": "starts the hide timer",
+              "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": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Tooltip",
+                "module": "src/tooltip/tooltip.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": "Tooltip",
+                "module": "src/tooltip/tooltip.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
+              "name": "dismiss",
               "inheritedFrom": {
                 "name": "Tooltip",
                 "module": "src/tooltip/tooltip.ts"
               }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroTooltip"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Tooltip",
+          "declaration": {
+            "name": "Tooltip",
+            "module": "src/tooltip/tooltip.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroTooltip",
+          "declaration": {
+            "name": "zeroTooltip",
+            "module": "src/tooltip/tooltip.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-item/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-item.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-item.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tree-item"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-item/tree-item.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroTreeItemStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
             },
             {
-              "kind": "field",
-              "name": "clearHideDelayTimer",
-              "privacy": "private",
-              "description": "clears the hide delay",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroTreeItemStyles",
+          "declaration": {
+            "name": "zeroTreeItemStyles",
+            "module": "src/tree-item/tree-item.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-item/tree-item.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroTreeItemTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<TreeItem>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
               }
             },
             {
-              "kind": "field",
-              "name": "startShowDelayTimer",
-              "privacy": "private",
-              "description": "starts the show timer if not currently running",
-              "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
               }
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroTreeItemTemplate",
+          "declaration": {
+            "name": "zeroTreeItemTemplate",
+            "module": "src/tree-item/tree-item.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tree-item/tree-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TreeItem",
+          "superclass": {
+            "name": "FoundationTreeItem",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-tree-item",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "startHover",
-              "privacy": "private",
-              "description": "start hover",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be appear expanded by user interaction.",
+              "fieldName": "expanded",
+              "default": "false",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "clearShowDelayTimer",
-              "privacy": "private",
-              "description": "clears the show delay",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "When true, the control will be appear expanded by user interaction.",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
               "kind": "method",
-              "name": "updateLayout",
+              "name": "expandedChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "updated the properties being passed to the anchored region",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getAnchor",
-              "privacy": "private",
-              "description": "Gets the anchor element by id",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "When true, the control will appear selected by user interaction.",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleDocumentKeydown",
+              "kind": "method",
+              "name": "selectedChanged",
               "privacy": "private",
-              "description": "handles key down events to check for dismiss",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "updateTooltipVisibility",
-              "privacy": "private",
-              "description": "determines whether to show or hide the tooltip based on current state",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "showTooltip",
+              "kind": "method",
+              "name": "itemsChanged",
               "privacy": "private",
-              "description": "shows the tooltip",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "HTMLElement[]"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "hideTooltip",
-              "privacy": "private",
-              "description": "hides the tooltip",
+              "kind": "method",
+              "name": "focusItem",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "el",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "the element to focus"
+                }
+              ],
+              "description": "Places document focus on a tree item",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setRegionProps",
-              "privacy": "private",
-              "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
+              "name": "isNestedItem",
+              "privacy": "public",
+              "description": "Whether the tree is nested",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33751,8 +33743,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33764,8 +33756,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33777,8 +33769,8 @@
               "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": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33791,8 +33783,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33804,8 +33796,8 @@
               "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": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33818,8 +33810,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             },
             {
@@ -33849,42 +33841,50 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             }
           ],
           "events": [
             {
-              "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
-              "name": "dismiss",
+              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
+              "name": "expanded-change",
               "inheritedFrom": {
-                "name": "Tooltip",
-                "module": "src/tooltip/tooltip.ts"
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
+              }
+            },
+            {
+              "description": "Fires a custom 'selected-change' event when the selected state changes",
+              "name": "selected-change",
+              "inheritedFrom": {
+                "name": "TreeItem",
+                "module": "src/tree-item/tree-item.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroTooltip"
+          "name": "zeroTreeItem"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Tooltip",
+          "name": "TreeItem",
           "declaration": {
-            "name": "Tooltip",
-            "module": "src/tooltip/tooltip.ts"
+            "name": "TreeItem",
+            "module": "src/tree-item/tree-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroTooltip",
+          "name": "zeroTreeItem",
           "declaration": {
-            "name": "zeroTooltip",
-            "module": "src/tooltip/tooltip.ts"
+            "name": "zeroTreeItem",
+            "module": "src/tree-item/tree-item.ts"
           }
         }
       ]