@genesislcap/foundation-zero 14.114.2-alpha-a278302.0 → 14.114.2

package/dist/custom-elements.json

@@ -808,194 +808,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionStyles",
-          "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionTemplate",
-          "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FoundationAccordion",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-card",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroAccordion"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroAccordion",
-          "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_config/index.ts",
@@ -2543,7 +2355,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.stories.ts",
+      "path": "src/accordion/accordion.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2551,15 +2363,15 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Anchored Region',\n  component: 'zero-anchored-region',\n}"
+          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
         },
         {
           "kind": "variable",
-          "name": "Default",
+          "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
+          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2568,26 +2380,26 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/anchored-region/anchored-region.stories.ts"
+            "module": "src/accordion/accordion.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Default",
+          "name": "Primary",
           "declaration": {
-            "name": "Default",
-            "module": "src/anchored-region/anchored-region.stories.ts"
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.styles.ts",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAnchoredRegionStyles",
+          "name": "zeroAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -2612,24 +2424,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAnchoredRegionStyles",
+          "name": "zeroAccordionStyles",
           "declaration": {
-            "name": "zeroAnchoredRegionStyles",
-            "module": "src/anchored-region/anchored-region.styles.ts"
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.template.ts",
+      "path": "src/accordion/accordion.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroAnchoredRegionTemplate",
+          "name": "zeroAccordionTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<AnchoredRegion>"
+              "text": "ViewTemplate<Accordion>"
             }
           },
           "parameters": [
@@ -2651,50 +2463,238 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroAnchoredRegionTemplate",
+          "name": "zeroAccordionTemplate",
           "declaration": {
-            "name": "zeroAnchoredRegionTemplate",
-            "module": "src/anchored-region/anchored-region.template.ts"
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.ts",
+      "path": "src/accordion/accordion.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AnchoredRegion",
+          "name": "Accordion",
           "superclass": {
-            "name": "FoundationAnchoredRegion",
+            "name": "FoundationAccordion",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-anchored-region",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "anchor",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The HTML ID of the anchor element this region is positioned relative to",
-              "fieldName": "anchor",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "name": "viewport",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The HTML ID of the viewport element this region is positioned relative to",
-              "fieldName": "viewport",
+          "tagName": "%%prefix%%-card",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAccordion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAccordion",
+          "declaration": {
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Anchored Region',\n  component: 'zero-anchored-region',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    anchorText: 'This will show above button',\n  },\n  ...StylesMapperTemplate,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/anchored-region/anchored-region.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/anchored-region/anchored-region.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAnchoredRegionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAnchoredRegionStyles",
+          "declaration": {
+            "name": "zeroAnchoredRegionStyles",
+            "module": "src/anchored-region/anchored-region.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAnchoredRegionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<AnchoredRegion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAnchoredRegionTemplate",
+          "declaration": {
+            "name": "zeroAnchoredRegionTemplate",
+            "module": "src/anchored-region/anchored-region.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/anchored-region.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AnchoredRegion",
+          "superclass": {
+            "name": "FoundationAnchoredRegion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-anchored-region",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "anchor",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The HTML ID of the anchor element this region is positioned relative to",
+              "fieldName": "anchor",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "name": "viewport",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The HTML ID of the viewport element this region is positioned relative to",
+              "fieldName": "viewport",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -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/calendar/calendar.stories.ts",
+      "path": "src/card/card.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -7150,7 +7268,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Calendar',\n  component: 'zero-calendar',\n}"
+          "default": "{\n  title: 'Card',\n  component: 'zero-card',\n}"
         },
         {
           "kind": "variable",
@@ -7158,7 +7276,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    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/calendar/calendar.stories.ts"
+            "module": "src/card/card.stories.ts"
           }
         },
         {
@@ -7175,46 +7293,60 @@
           "name": "Primary",
           "declaration": {
             "name": "Primary",
-            "module": "src/calendar/calendar.stories.ts"
+            "module": "src/card/card.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.styles.ts",
+      "path": "src/card/card.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCalendarStyles",
+          "name": "zeroCardStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
             }
-          }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCalendarStyles",
+          "name": "zeroCardStyles",
           "declaration": {
-            "name": "zeroCalendarStyles",
-            "module": "src/calendar/calendar.styles.ts"
+            "name": "zeroCardStyles",
+            "module": "src/card/card.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.template.ts",
+      "path": "src/card/card.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroCalendarTemplate",
+          "name": "zeroCardTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Calendar>"
+              "text": "ViewTemplate<Card>"
             }
           },
           "parameters": [
@@ -7236,161 +7368,29 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroCalendarTemplate",
+          "name": "zeroCardTemplate",
           "declaration": {
-            "name": "zeroCalendarTemplate",
-            "module": "src/calendar/calendar.template.ts"
+            "name": "zeroCardTemplate",
+            "module": "src/card/card.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/calendar.ts",
+      "path": "src/card/card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Calendar",
+          "name": "Card",
           "superclass": {
-            "name": "FoundationCalendar",
+            "name": "FoundationCard",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-calendar",
+          "tagName": "%%prefix%%-card",
           "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",
@@ -7400,8 +7400,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7413,8 +7413,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": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7426,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": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7440,8 +7440,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7453,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": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7467,8 +7467,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             },
             {
@@ -7498,39 +7498,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Calendar",
-                "module": "src/date-picker/calendar.ts"
+                "name": "Card",
+                "module": "src/card/card.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "zeroCalendar"
+          "name": "zeroCard"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Calendar",
+          "name": "Card",
           "declaration": {
-            "name": "Calendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "Card",
+            "module": "src/card/card.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroCalendar",
+          "name": "zeroCard",
           "declaration": {
-            "name": "zeroCalendar",
-            "module": "src/calendar/calendar.ts"
+            "name": "zeroCard",
+            "module": "src/card/card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/index.ts",
+      "path": "src/card/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -7538,7 +7538,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar"
+            "package": "./card"
           }
         },
         {
@@ -7546,7 +7546,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.styles"
+            "package": "./card.styles"
           }
         },
         {
@@ -7554,7 +7554,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./calendar.template"
+            "package": "./card.template"
           }
         }
       ]