feat(machine): create state machines for popover

Author: codebender828

packages/c-accordion/tests/__snapshots__/accordion.test.tsx.snap

@@ -14,17 +14,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-undefined"
+        id="accordion:EMPTY_STRING:item:accordion-item-1"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-undefined"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-1"
           type="button"
         >
           <c-v-stack
@@ -60,11 +60,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-undefined"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-undefined"
+            id="accordion:EMPTY_STRING:content:accordion-item-1"
             role="region"
           >
              Sample accordion content 
@@ -75,17 +75,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-1"
+        id="accordion:EMPTY_STRING:item:accordion-item-2"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-1"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-1"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-2"
           type="button"
         >
           <c-v-stack
@@ -120,11 +120,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-1"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-1"
+            id="accordion:EMPTY_STRING:content:accordion-item-2"
             role="region"
           >
              Sample accordion content 
@@ -135,17 +135,17 @@ exports[`<CAccordion /> component should render properly 1`] = `
         class="chakra-17mg6aq"
         data-part="item"
         data-scope="accordion"
-        id="accordion:EMPTY_STRING:item:accordion-item-2"
+        id="accordion:EMPTY_STRING:item:accordion-item-3"
       >
         <button
-          aria-controls="accordion:EMPTY_STRING:content:accordion-item-2"
+          aria-controls="accordion:EMPTY_STRING:content:accordion-item-3"
           aria-disabled="false"
           aria-expanded="false"
           class="chakra-1oqzxfr"
           data-ownedby="accordion:EMPTY_STRING"
           data-part="trigger"
           data-scope="accordion"
-          id="accordion:EMPTY_STRING:trigger:accordion-item-2"
+          id="accordion:EMPTY_STRING:trigger:accordion-item-3"
           type="button"
         >
           <c-v-stack
@@ -180,11 +180,11 @@ exports[`<CAccordion /> component should render properly 1`] = `
           style="transform: translateZ(0px); overflow: hidden; height: 0px; opacity: 0;"
         >
           <div
-            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-2"
+            aria-labelledby="accordion:EMPTY_STRING:trigger:accordion-item-3"
             class="chakra-13d8nyx"
             data-part="content"
             data-scope="accordion"
-            id="accordion:EMPTY_STRING:content:accordion-item-2"
+            id="accordion:EMPTY_STRING:content:accordion-item-3"
             role="region"
           >
              Sample accordion content 

packages/c-popover/tests/__snapshots__/c-popover.test.ts.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render properly 1`] = `
+<DocumentFragment>
+  <!---->
+</DocumentFragment>
+`;